Articles

UIScrollView autolayout egy storyboardon. Egy lépésről-lépésre útmutató.

  1. A fő nézethez (ami lehet a teljes nézet vagy valami más, kisebb nézet, ami van. Akárhogy is, mostantól kezdve ezt fogom “fő nézetnek” nevezni), és hozzáadjuk a felső, alsó, bal és jobb oldali kényszereket.

Top, Bottom, Left and Right Constraints (regarding the main view)

2. Ezután hozzáadunk egy UIView-t az UIScrollView-n belül (ez a nézet elengedhetetlen lépés ahhoz, hogy az autolayout megfelelően működjön). Ezt ‘Content View’-nak neveztem el, és hozzáadtam a felső, alsó, bal és jobb oldali megkötéseket a görgetési nézet tekintetében. Emellett egyenlő magasságokat és szélességeket adtam hozzá a fő nézethez képest.

Top, Bottom, Bal és jobb oldali korlátozások (a lapozó nézet tekintetében)

Egyenletes szélesség és magasság (a fő nézet tekintetében)

3. A következő lépés attól függ, hogy függőleges vagy vízszintes görgetést szeretne-e. Ha függőleges görgetésre van szüksége, akkor az ‘Egyenlő magasságú korlát’ prioritást 250-re kell beállítania. Ha viszont vízszintes görgetést keres, akkor az ‘Egyenlő szélességű korlát’ prioritást kell 250-re állítani.

Függőleges görgetést tesz lehetővé.

Megengedi a vízszintes görgetést.

4. A görgetési nézet most már teljesen beállítva és készen áll! Most már elkezdheti hozzáadni a tartalmát, de szem előtt kell tartania, hogy a ‘Content View’ magassága nem lehet kétértelmű. Ez azt jelenti, hogy minden egyes nézetnél meg kell határozni egy magassági megkötést (a magasság egyenlő X-szel vagy kisebb vagy egyenlő X-szel), és hogy az összes komponensnek (vagy legalábbis a komponensek folyamatos sorának kell lennie fentről lefelé) függőleges távolságot kell meghatározni maguk között.

Ezeken kívül a legfelső és legalsó komponensnek felső, illetve alsó távolsággal kell rendelkeznie a ‘Content View’-hoz képest.

5a) Vertical ScrollView – komponens beállítási példa