UIViewのレイアウト更新メソッドを整理する

by andfactory, inc.

Embed

Start on current slide

Slide 1

Slide 1 text

UIViewͷϨΠΞ΢τߋ৽ϝιουΛ੔ཧ͢Δ 2018/10/26 @2takaanthony85

Slide 2

Slide 2 text

who am I ? • ٢઒߉޿ʢTakahiro Yoshikawaʣ • @2takaanthony85 • 2೥໨ Swift, Go, JS… infrastructure

Slide 3

Slide 3 text

UIViewController΍UIViewͷϨΠΞ΢τʹ ؔΘΔॲཧͬͯͨ͘͞Μ͋Γ·͢ΑͶʁ

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

಄ͷத͍ͬͺ͍ ͍ͭɺͲ͏࢖͏ͷ͔ࠞཚɻɻɻ

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

ࠓ೔࿩͢͜ͱ

Slide 9

Slide 9 text

UIViewͷϨΠΞ΢τͷϝιουΛ੔ཧ͢Δ

Slide 10

Slide 10 text

ΞδΣϯμ • ϝιουΛ੔ཧͯ͠ΈΔ • ݸʑͷϝιουΛཧղ͢Δ • ٙ໰఺ͷղফ • ·ͱΊ

Slide 11

Slide 11 text

ΞδΣϯμ • ϝιουΛ੔ཧͯ͠ΈΔ • ݸʑͷϝιουΛཧղ͢Δ • ٙ໰఺ͷղফ • ·ͱΊ

Slide 12

Slide 12 text

ࠓ೔ϑΥʔΧε͢Δ΋ͷ • updateConsraints() • setNeedsUpdateConstraints() • updateConstraintsIfNeeded() • layoutSubviews() • setNeedsLayout() • layoutIfNeeded()

Slide 13

Slide 13 text

1. ੍໿ͱϨΠΞ΢τͰ੔ཧ

Slide 14

Slide 14 text

੍໿ͱϨΠΞ΢τͰ੔ཧ ੍໿ ϨΠΞ΢τ updateConstraints() layoutSubviews() setNeedsUpdateConstraits() setNeedsLayout() updateConstraintsIfNeeded() layoutIfNeeded()

Slide 15

Slide 15 text

2. ໾ׂͰ੔ཧ

Slide 16

Slide 16 text

໾ׂͰ੔ཧ ੍໿ ϨΠΞ΢τ ߋ৽͢Δ΋ͷ updateConstraints() layoutSubviews() ߋ৽Λݺͼग़͢ ʢεέδϡʔϦϯάʣ setNeedsUpdateConstraits() setNeedsLayout() ߋ৽Λݺͼग़͢ ʢଈ࣌ʣ updateConstraintsIfNeeded() layoutIfNeeded()

Slide 17

Slide 17 text

ΞδΣϯμ • ϝιουΛ੔ཧͯ͠ΈΔ • ݸʑͷϝιουΛཧղ͢Δ • ٙ໰఺ͷղফ • ·ͱΊ

Slide 18

Slide 18 text

ΞδΣϯμ • ϝιουΛ੔ཧͯ͠ΈΔ • ݸʑͷϝιουΛཧղ͢Δ • ٙ໰఺ͷղফ • ·ͱΊ

Slide 19

Slide 19 text

੍໿ ϨΠΞ΢τ ߋ৽͢Δ΋ͷ updateConstraints() layoutSubviews() ߋ৽Λݺͼग़͢ ʢεέδϡʔϦϯάʣ setNeedsUpdateConstraits() setNeedsLayout() ߋ৽Λݺͼग़͢ ʢଈ࣌ʣ updateConstraintsIfNeeded() layoutIfNeeded()

Slide 20

Slide 20 text

Slide 21

Slide 21 text

updateConstraints() layoutSubviews() • UIComponentΛߋ৽͢Δͱ͜Ζ • ViewDidLoad()΍ ViewDidLayoutSubviews()ʹࣅͯΔ • ݺͼग़͢΋ͷͰ͸ͳ͍

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

setNeedsConstraints() setNeedsLayout() • updateConstraints(),layoutSubviews()͕ ࣮ߦ͞ΕΔΑ͏ʹεέδϡʔϦϯά͢Δ • ࣮ߦ͞ΕΔλΠϛϯά͸iOS͕ ϨΠΞ΢τΤϯδϯΛ࣮ߦ͢Δͷʹ͓೚ͤ • ViewControllerͳͲͰݺͼग़ͨΓ͢Δ

Slide 25

Slide 46

Slide 46 text

ΞδΣϯμ • ϝιουΛ੔ཧͯ͠ΈΔ • ݸʑͷϝιουΛཧղ͢Δ • ٙ໰఺ͷղফ • ·ͱΊ

Slide 47

Slide 47 text

ΞδΣϯμ • ϝιουΛ੔ཧͯ͠ΈΔ • ݸʑͷϝιουΛཧղ͢Δ • ٙ໰఺ͷղফ • ·ͱΊ

Slide 48

Slide 48 text

ٙ໰ʹࢥͬͨ͜ͱ 1. setNeedsLayout()Λݺͼग़ͨ͠Βɺ layoutIfNeeded()Λݺͼग़͞ͳ͍ͱ͍͚ ͳ͍ͷ͔ʁ 2. updateConstraints()ݺͼग़͞ΕͨΒɺ layoutSubviews()ݺͼग़͞ΕΔͷ͔ʁ 3. ͦ΋ͦ΋͜Ε࢖Θͳͯ͘΋͍͍ͷͰ͸ʁ

Slide 49

Slide 49 text

Slide 50

Slide 50 text

1 A.ηοτͰ࢖༻͠ͳ͍͍ͯ͘ setNeedsLayout()ͷ৔߹ͷ࣮ߦλΠϛϯά͸ γεςϜʹґଘ͢Δ΋ͷ͕ͩɺ λΠϛϯάͷࠩ͸΄΅ͳ͔ͬͨɻ

Slide 51

Slide 51 text

Slide 52

Slide 52 text

Slide 53

Slide 53 text

2 A.ݺͼग़͞Εͳ͍ ͨͩ͠ɺviewDidLayoutSubviews()͸ ݺͼग़͞ΕΔͷͰɺ஫ҙ

Slide 54

Slide 54 text

Slide 55

Slide 55 text

Slide 56

Slide 56 text

2 A.ͦ͏͔΋͠Εͳ͍ ୯ҰͷίϯϙʔωϯτΛૢ࡞͢Δ͚ͩΈ͍ͨͳ ঢ়گͳΒ࢖Θͳͯ͘΋͍͍ ςΩετͷ௕͞ʹΑͬͯUILabelΛม͑Δ Ͱ͋ͬͨΓɺෳࡶͳUIͷߏ੒ͷ৔߹͕࢖͍ॴ

Slide 57

Slide 57 text

ΞδΣϯμ • ϝιουΛ੔ཧͯ͠ΈΔ • ݸʑͷϝιουΛཧղ͢Δ • ٙ໰఺ͷղফ • ·ͱΊ

Slide 58

Slide 58 text

ΞδΣϯμ • ϝιουΛ੔ཧͯ͠ΈΔ • ݸʑͷϝιουΛཧղ͢Δ • ٙ໰఺ͷղফ • ·ͱΊ

Slide 59

Slide 59 text

·ͱΊʢ݁ہͲͷ৔໘Ͱ࢖͏͔ʣ 1. ಈతʹUIͷมߋ͕͋Δͱ͖ →ඞཁ࠷௿ݶͰ͋ͱ͸iOSʹ೚ͤΔ 2. ෳࡶͳUIߏ੒ͷͱ͖ →VCͱ੾Γ෼͚ͨΓͯ͠ίʔυΛεοΩϦ

Slide 60

Slide 60 text

͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ