როგორ იცვლება მომხმარებლის ინტერფეისის ელემენტების სიმაღლე და სიგანე iOS-ზე სქროლვის დროს?

სტანდარტული რეალიზაციისას UIView ელემენტების სიმაღლე და სიგანე რჩება უცვლელი UIScrollView ან მის მემკვიდრეებში (UITableView, UICollectionView) სქროლვის დროს:

ელემენტების პოზიცია (მოძრაობის თვისება frame.origin) იცვლება bounds სკროლ-ვიუის მიმართ. bounds თვისება იცვლება სქროლვის დროს, მაგრამ მისი ზომა (bounds.size) რჩება უცვლელი (შესაბამისია frame.size-ს).

შიგთავსის ზომა, რომელიც შეიძლება სქროლული იყოს, განსაზღვრულია contentSize თვისებით. contentSize-ის ფარგლებში განლაგებული ელემენტები გამოჩნდება სქროლვის დროს:

ელემენტების ზომის ცვლილება სქროლვის დროს (პარალლაქსის ეფექტი ან დაჭიმვა/გაფართოება) ავტომატურად არ ხდება და საჭიროებს დამატებით ლოგიკას:

1. რეალიზაცია UIScrollViewDelegate-ში: contentOffset-ის ცვლილების მონიტორინგი და საჭირო ელემენტის frame ან bounds-ის ხელით შეცვლა:

   // ელემენტის სიმაღლის ცვლილების მაგალითი სქროლვის დროს
   func scrollViewDidScroll(_ scrollView: UIScrollView) {
       let yOffset = scrollView.contentOffset.y
       let initialHeight: CGFloat = 200
       let maxHeight: CGFloat = 300
   
       // დაჭიმვა ქვემოთ სქროლვის დროს, გაფართოება ზევით სქროლვის დროს
       let newHeight = max(0, min(maxHeight, initialHeight - yOffset))
       
       someView.frame.size.height = newHeight
       // პოზიციის დამუშავება, თუ ის არ არის ზევით მიბმული
   }
   

2. UIVisualEffectView-ის გამოყენება: ფანტაზიის ან ბრწყინვალების ეფექტებისთვის, რომლებიც შეიძლება შეიცვალოს სქროლვის დროს, დამოკიდებული ქვედა შიგთავსზე.

3. კასტომული ლეაუტები: UICollectionView-ში შესაძლებელია შექმნათ კასტომული UICollectionViewLayout-ი, რომელიც მართავს უჯრედების ტრანსფორმაციებს სქროლვის დროს.

4. ანიმაციები: გამოყენება UIViewPropertyAnimator ან სხვა ანიმაციური მექანიზმების, რომლებიც იწყება სქროლვის დროს.

ამგვარად, ძირითადი ქცევა — უცვლელი ზომა. ნებისმიერი ზომის ცვლილება — ეს არის სპეციფიკური რეალიზაციის შედეგი.