Tweet
Tweet

Slide 1

Slide 1 text

iPhone XରԠ ~Safe Areaͷ֎ଆ~ @akatsuki174

Slide 2

Slide 2 text

ࣗݾ঺հ • ਢ౻ຘ • iOSΤϯδχΞ • Twitter, Qiita, SlideShare, Github, SpeakerDeck →akatsuki174

Slide 3

Slide 3 text

1݄ޙ൒ʹvol.5 ։࠵༧ఆʂ

Slide 4

Slide 4 text

Έͳ͞ΜiPhone XରԠɺ ΋ͪΖΜऴΘͬͯ·͢ΑͶʁ

Slide 5

Slide 5 text

ରԠγςϧ ରԠγςφΠ ѹ౗త େը໘ ্Լʹ ࠇͯ͘ ࢖͑ͳ͍ ෦෼͕ͬ

Slide 6

Slide 6 text

ɾͪΐͬͱ࢒೦ͳؾ࣋ͪʹͳΔ ɾී௨ʹͪΐͬͱ࢖͍ͮΒ͍ ɾ͜ͷձࣾɺiOSΞϓϦ։ൃʹྗೖΕͯͳ͍ ɹͷ͔ͳ…ͱࢥͬͯ͠·͏ ରԠͯ͠ͳ͍ΞϓϦͩͱ…

Slide 7

Slide 7 text

ͱ͍͏͜ͱͰ iPhone XରԠ͸͢΂͖ʂ

Slide 8

Slide 8 text

Ͱ΋ඍົʹΫη͕͋Δ

Slide 9

Slide 9 text

iPhone XରԠΛ͢Δ্Ͱ͔ܽͤͳ͍ Safe AreaपΓͰ͍᪴ͨϙΠϯτͱ ͦͷղܾࡦʹ͍ͭͯ࿩͠·͢ɻ ຊ೔ͷ࿩୊

Slide 10

Slide 10 text

ɾGitHub https://github.com/akatsuki174/ OutsideSafeAreaLayout ɾQiita ޙ೔iOSΞυϕϯτΧϨϯμʔʹͯެ։ ؔ࿈ࢿྉ

Slide 11

Slide 11 text

ɾWWDC2017Ͱొ৔ ɾiOS11, Xcode9͔Β࢖༻Մೳ ɾtopٴͼbottom layout guideͷ ɹdeprecatedԽͱೖΕସΘΓ ͓͞Β͍ɿSafe Areaͱ͸

Slide 12

Slide 12 text

͓͞Β͍ɿSafe Areaͱ͸ https://developer.apple.com/documentation/uikit/uiview/ positioning_content_relative_to_the_safe_area

Slide 13

Slide 13 text

ࠓճ࣮ݱ͔ͨͬͨ͜͠ͱ ɾը໘Լ෦ʹ্ԼΞχϝʔγϣϯ ɹ͢ΔviewηοτΛஔ͘ ɾviewηοτͷपลͷܠ؍Λ ɹཚ͞ͳ͍ ※ҎԼɺΞχϝʔγϣϯ͢Δviewͷ ηοτͷ͜ͱΛMenuViewͱݺͼ·͢

Slide 14

Slide 14 text

͖᪴ϙΠϯτ̍ MenuView͕ Home IndicatorͱඃΔ

Slide 15

Slide 15 text

No content

Slide 16

Slide 16 text

ͲΜͳ࣮૷ʹͳ͍͔ͬͯͨ Safe Areaͷbottomʹରͯ͠Ͱ͸ͳ͘ SuperviewʢViewController.viewʣͷ bottomʹର੍ͯ͠໿Λ෇͚͍ͯͨ

Slide 17

Slide 17 text

Ͳ͏࣮૷Λม͔͑ͨ Safe Area͕࢖͑ΔΜͳΒͦͷbottomΛ औ੍ͬͯ໿Λ෇͚Δɻ ࢖͑ͳ͍ͳΒࠓ·Ͱ௨Γ

Slide 18

Slide 18 text

͖᪴ϙΠϯτ̎ viewͷԼʹtable viewͷ಺༰͕ νϥݟ͑͢Δ

Slide 19

Slide 19 text

εΫϩʔϧ͢Δͱ৺ͳ͔͠ ໨͕νΧνΧ͢Δ

Slide 20

Slide 20 text

ͲΜͳ࣮૷ʹͳ͍͔ͬͯͨ SafeAreaͷbottomʹରͯ͠Ͱ͸ͳ͘Superview ʢViewControllerͷviewʣͷbottomʹରͯ͠ ੍໿Λ͔͚͍ͯͨ

Slide 21

Slide 21 text

Ͳ͏࣮૷Λม͔͑ͨ Safe Areaͷbottomʹର੍ͯ͠໿Λ ෇͚ΔΑ͏ʹͨ͠

Slide 22

Slide 22 text

݁Ռ ViewControllerͷviewͷ എܠ৭͕MenuViewͷԼʹ ݟ͑ΔΑ͏ʹͳͬͨɻ

Slide 23

Slide 23 text

͖᪴ϙΠϯτ̏ MenuViewΛϑϧͰ දࣔ͠ͳ͍࣌ʹ͔ͬ͜ѱ͍

Slide 24

Slide 24 text

ԫ৭͍෦෼ʹίϯςϯπ͕ දࣔ͞Ε͍ͯΔͱࢥͬͯ Լ͍͞… ඍົ͡Όͳ͍Ͱ͔͢ʁ

Slide 25

Slide 25 text

Ͳ͏࣮૷Λม͔͑ͨ ʮˢˣʯϘλϯ͕λοϓ͞Εͨ࣌ʹ Ξχϝʔγϣϯͭͭ͠alpha஋Λมߋ

Slide 26

Slide 26 text

͜ΕͰ׬੒

Slide 27

Slide 27 text

͓·͚

Slide 28

Slide 28 text

ɾಈతͳ੍໿Λ͔͚͍ͯΔηϧͷ ɹϨΠΞ΢τ͕Safe Areaͷڥք෇ۙͰ ɹ͏ʹΐ͏ʹΐಈ͘ ɾiPhone XҎ֎͸Կ΋໰୊ͳ͘ಈ͘ ɹʢͦΕΏ͑ؾͮ͘ͷ஗Εͨʣ ͜Μͳ঱ঢ়͕ग़ͨ͜ͱ΋

Slide 29

Slide 29 text

֘౰ͷcell.xibͷviewΛ બ୒͠ɺSafe Area Layout Guideͷ νΣοΫϘοΫεΛ ֎͢͜ͱͰղܾͨ͠ ղܾࡦ

Slide 30

Slide 30 text

ɾϨΠΞ΢τʹؔΘΔ࣮૷Λͨ࣌͠͸ ɹඞͣiPhone XͰ΋֬ೝ͢Δ ɾͳΜ͔͓͔͍͠ͱࢥͬͨΒSafe Area ɹLayout GuideͷνΣοΫϘοΫεΛ ɹ֎ͯ͠ΈΔ ɾSafe Areaͷ֎ଆ͕ͲͷΑ͏ͳදࣔʹ ɹͳ͍ͬͯΔ΂͖͔ߟ͑Δ iPhone XରԠͷίπ

Slide 31

Slide 31 text

͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ