Ako sa mení výška a šírka prvkov používateľského rozhrania pri posúvaní na iOS?

V základnej implementácii zostávajú výška a šírka prvkov UIView nezmenené pri posúvaní vo vnútri UIScrollView alebo jeho potomkov (UITableView, UICollectionView).

Poloha prvkov (hodnota vlastnosti frame.origin) sa mení vzhľadom na bounds scroll view. Vlastnosť bounds scroll view sa pri posúvaní posúva, ale jeho veľkosť (bounds.size) zostáva konštantná (rovná veľkosti frame.size).

Veľkosť obsahu, ktorý je možné posúvať, je určená vlastnosťou contentSize scroll view. Prvky umiestnené v rámci contentSize budú viditeľné pri posúvaní.

Zmena veľkosti prvkov počas posúvania (efekt paralaxy alebo stlačenia/rozšírenia) sa neudeje automaticky a vyžaduje ďalšiu logiku:

1. Implementácia v UIScrollViewDelegate: Sledovanie zmeny contentOffset v metóde scrollViewDidScroll(_:) a manuálna zmena frame alebo bounds príslušného prvku.

   // Príklad zmeny výšky prvku pri posúvaní
   func scrollViewDidScroll(_ scrollView: UIScrollView) {
       let yOffset = scrollView.contentOffset.y
       let initialHeight: CGFloat = 200
       let maxHeight: CGFloat = 300
   
       // Príklad stlačenia pri posune nadol, rozšírenia pri posune nahor
       let newHeight = max(0, min(maxHeight, initialHeight - yOffset))
       
       someView.frame.size.height = newHeight
       // Spracovanie polohy, ak kotva nie je na vrchu
   }
   

2. Použitie UIVisualEffectView: Pre efekty rozmazania alebo vibrácie, ktoré sa môžu meniť pri posúvaní v závislosti od obsahu pod nimi.

3. Vlastné rozloženia: V UICollectionView je možné vytvoriť vlastné UICollectionViewLayout na riadenie transformácií buniek pri posúvaní.

4. Animácie: Použitie UIViewPropertyAnimator alebo iných mechanizmov animácie, ktoré sa spúšťajú pri udalosti posúvania.

Takže základné správanie je konštantná veľkosť. Akékoľvek zmeny veľkosti sú výsledkom špecifickej implementácie.