Kako se visina i širina elemenata korisničkog interfejsa menjaju prilikom skrolovanja na iOS?

U standardnoj implementaciji, visina i širina elemenata UIView ostaju nepromenjeni prilikom skrolovanja unutar UIScrollView ili njegovih potomaka (UITableView, UICollectionView).

Pozicija elemenata (vrednost svojstva frame.origin) menja se u odnosu na bounds skrol view-a. Svojstvo bounds skrol view-a se pomera prilikom skrolovanja, ali njegov dimenzionalni (bounds.size) ostaje konstantan (jednak veličini frame.size).

Veličina sadržaja koji se može skrolovati određuje se svojstvom contentSize skrol view-a. Elementi unutar contentSize biće vidljivi prilikom skrolovanja.

Promena veličine elemenata tokom skrolovanja (efekat paralakse ili kompresije/širenja) ne dešava se automatski i zahteva dodatnu logiku:

1. Implementacija u UIScrollViewDelegate: Praćenje promene contentOffset u metodu scrollViewDidScroll(_:) i ručno menjanje frame ili bounds odgovarajućeg elementa.

   // Primer promene visine elementa tokom skrolovanja
   func scrollViewDidScroll(_ scrollView: UIScrollView) {
       let yOffset = scrollView.contentOffset.y
       let initialHeight: CGFloat = 200
       let maxHeight: CGFloat = 300
   
       // Primer sažimanja pri skrolovanju naniže, širenja pri skrolovanju naviše
       let newHeight = max(0, min(maxHeight, initialHeight - yOffset))
       
       someView.frame.size.height = newHeight
       // Obrada položaja ako sidro nije na vrhu
   }
   

2. Korišćenje UIVisualEffectView: Za efekte zamućenja ili vibracije, koji se mogu menjati tokom skrolovanja u zavisnosti od sadržaja ispod njih.

3. Prilagođeni rasporedi: U UICollectionView, može se kreirati prilagođeni UICollectionViewLayout za upravljanje transformacijama ćelija tokom skrolovanja.

4. Animacije: Korišćenje UIViewPropertyAnimator ili drugih mehanizama animacije koje se pokreću na događaj skrolovanja.

Dakle, osnovno ponašanje je konstantna veličina. Sve promene veličine rezultat su specifične implementacije.