Tweet
Tweet

Slide 1

Slide 1 text

एྛ྄ޗ iOSΞϓϦ։ൃʹ͓͚ΔAutoLayout

Slide 2

Slide 2 text

AutoLayoutͱ͸ AutoLayoutͱ͍͏ͷ͸ʮ੍໿ʢConstraintʣʯΛ༻͍ͨϨΠΞ΢τํ๏Ͱ͢ɻ AutoLayoutΛઃఆͨ͠৔߹ AutoLayoutΛઃఆ͍ͯ͠ͳ͍৔߹ Ϙλϯ΍ϥϕϧͳͲͷҐஔΛ਺஋ͳͲͰࢦఆ͠ɺͦΕͧΕͷը໘αΠζʹ߹ΘͤΔ

Slide 3

Slide 3 text

X্࣠ͷਅΜதʹ഑ஔ͍ͨ͠৔߹ Horizontally in Container Y্࣠ͷਅΜதʹ഑ஔ͍ͨ͠৔߹ Vertically in Container Horizontally in Container ͱVertically in Container ( 0 , 0 ) iOSΞϓϦ͸ࠨ্Λݪ఺ʢ0, 0ʣ X࣠ʹ͍ͭͯ͸ӈʹߦ͘΄Ͳϓϥε Y࣠ʹ͍ͭͯ͸Լʹߦ͘΄Ͳϓϥε X࣠ Y࣠

Slide 4

Slide 4 text

਺஋Ͱ੍໿Λ͚ͭΔ બ୒ͨ͠ViewͷྡͷViewͱͷεϖʔε΍αΠζͷؔ܎Λද͢ ɾSpacing to nearest - ྡͷViewͱͷڑ཭ ɾWidth - ԣ෯ͷ௕͞ ɾHeight - ߴ͞ ɾEqual Width - ಉ͡෯ʹ͢Δ ɾEqual Heights - ಉ͡ߴ͞ʹ͢Δ ɾAspect Ratio - ΞεϖΫτൺΛݻఆ͢Δ

Slide 5

Slide 5 text

StackView - ಉ͡Α͏ͳΦϒδΣΫτΛ·ͱΊͯҰͭͷΦϒδΣΫτʹͯ͘͠ΕΔͱ͍͏ΦϒδΣΫτ StackViewΛ࢖͏ͱઃఆ͢Δ੍໿Λ࠷খݶʹ͢Δ͜ͱ͕Ͱ͖Δ Vertically Stack View - ਨ௚ํ޲ʢY࣠ʣʹΦϒδΣΫτΛฒ΂Δ StackView Horizontally Stack View - ਫฏํ޲ʢX࣠ʣʹΦϒδΣΫτΛฒ΂Δ

Slide 6

Slide 6 text

ϩάΠϯը໘࡞੒ iPhone 14 Pro iPhone SE (3rd)