Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
iPhone X対応 ~Safe Areaの外側~
Search
akatsuki174
December 10, 2017
Programming
0
950
iPhone X対応 ~Safe Areaの外側~
2017/12/11 2017年 AKIBA.swift忘年回
akatsuki174
December 10, 2017
Tweet
Share
More Decks by akatsuki174
See All by akatsuki174
私が変えてきたこと、変えなかったこと
akatsuki174
2
770
最近読んでいる本-読書シェア会vol.1
akatsuki174
2
190
SwiftUI、UIKitでキャプチャを撮ろう!
akatsuki174
1
91
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
5.7k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
450
オフライン勉強会ぼっち対策
akatsuki174
1
650
Xcode 15の新機能
akatsuki174
0
2.8k
AndroidにもSelect Photosがやってきた
akatsuki174
0
1.4k
Famm Android改善記
akatsuki174
0
390
Other Decks in Programming
See All in Programming
フロントエンドのパフォーマンスチューニング
koukimiura
6
2.3k
[SRE NEXT] 複雑なシステムにおけるUser Journey SLOの導入
yakenji
0
810
可変性を制する設計: 構造と振る舞いから考える概念モデリングとその実装
a_suenami
7
1k
構文解析器入門
ydah
7
1.9k
202507_ADKで始めるエージェント開発の基本 〜デモを通じて紹介〜(奥田りさ)The Basics of Agent Development with ADK — A Demo-Focused Introduction
risatube
PRO
5
1.2k
AIに安心して任せるためにTypeScriptで一意な型を作ろう
arfes0e2b3c
0
270
AWS Summit Japan 2024と2025の比較/はじめてのKiro、今あなたは岐路に立つ
satoshi256kbyte
1
250
slogパッケージの深掘り
integral0515
0
160
Understanding Kotlin Multiplatform
l2hyunwoo
0
230
11年かかって やっとVibe Codingに 時代が追いつきましたね
yimajo
0
190
それ CLI フレームワークがなくてもできるよ / Building CLI Tools Without Frameworks
orgachem
PRO
11
2.9k
抽象化という思考のツール - 理解と活用 - / Abstraction-as-a-Tool-for-Thinking
shin1x1
1
860
Featured
See All Featured
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
KATA
mclloyd
30
14k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
760
Building Adaptive Systems
keathley
43
2.7k
Why Our Code Smells
bkeepers
PRO
337
57k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
720
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Gamification - CAS2011
davidbonilla
81
5.4k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
How to train your dragon (web standard)
notwaldorf
96
6.1k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
Transcript
iPhone XରԠ ~Safe Areaͷ֎ଆ~ @akatsuki174
ࣗݾհ • ਢ౻ຘ • iOSΤϯδχΞ • Twitter, Qiita, SlideShare, Github,
SpeakerDeck →akatsuki174
1݄ޙʹvol.5 ։࠵༧ఆʂ
Έͳ͞ΜiPhone XରԠɺ ͪΖΜऴΘͬͯ·͢ΑͶʁ
ରԠγςϧ ରԠγςφΠ ѹత େը໘ ্Լʹ ࠇͯ͘ ͑ͳ͍ ෦͕ͬ
ɾͪΐͬͱ೦ͳؾ࣋ͪʹͳΔ ɾී௨ʹͪΐͬͱ͍ͮΒ͍ ɾ͜ͷձࣾɺiOSΞϓϦ։ൃʹྗೖΕͯͳ͍ ɹͷ͔ͳ…ͱࢥͬͯ͠·͏ ରԠͯ͠ͳ͍ΞϓϦͩͱ…
ͱ͍͏͜ͱͰ iPhone XରԠ͖͢ʂ
ͰඍົʹΫη͕͋Δ
iPhone XରԠΛ͢Δ্Ͱ͔ܽͤͳ͍ Safe AreaपΓͰ͍᪴ͨϙΠϯτͱ ͦͷղܾࡦʹ͍ͭͯ͠·͢ɻ ຊͷ
ɾGitHub https://github.com/akatsuki174/ OutsideSafeAreaLayout ɾQiita ޙiOSΞυϕϯτΧϨϯμʔʹͯެ։ ؔ࿈ࢿྉ
ɾWWDC2017Ͱొ ɾiOS11, Xcode9͔Β༻Մೳ ɾtopٴͼbottom layout guideͷ ɹdeprecatedԽͱೖΕସΘΓ ͓͞Β͍ɿSafe Areaͱ
͓͞Β͍ɿSafe Areaͱ https://developer.apple.com/documentation/uikit/uiview/ positioning_content_relative_to_the_safe_area
ࠓճ࣮ݱ͔ͨͬͨ͜͠ͱ ɾը໘Լ෦ʹ্ԼΞχϝʔγϣϯ ɹ͢ΔviewηοτΛஔ͘ ɾviewηοτͷपลͷܠ؍Λ ɹཚ͞ͳ͍ ※ҎԼɺΞχϝʔγϣϯ͢Δviewͷ ηοτͷ͜ͱΛMenuViewͱݺͼ·͢
͖᪴ϙΠϯτ̍ MenuView͕ Home IndicatorͱඃΔ
None
ͲΜͳ࣮ʹͳ͍͔ͬͯͨ Safe Areaͷbottomʹରͯ͠Ͱͳ͘ SuperviewʢViewController.viewʣͷ bottomʹର੍ͯ͠Λ͚͍ͯͨ
Ͳ͏࣮Λม͔͑ͨ Safe Area͕͑ΔΜͳΒͦͷbottomΛ औ੍ͬͯΛ͚Δɻ ͑ͳ͍ͳΒࠓ·Ͱ௨Γ
͖᪴ϙΠϯτ̎ viewͷԼʹtable viewͷ༰͕ νϥݟ͑͢Δ
εΫϩʔϧ͢Δͱ৺ͳ͔͠ ͕νΧνΧ͢Δ
ͲΜͳ࣮ʹͳ͍͔ͬͯͨ SafeAreaͷbottomʹରͯ͠Ͱͳ͘Superview ʢViewControllerͷviewʣͷbottomʹରͯ͠ ੍Λ͔͚͍ͯͨ
Ͳ͏࣮Λม͔͑ͨ Safe Areaͷbottomʹର੍ͯ͠Λ ͚ΔΑ͏ʹͨ͠
݁Ռ ViewControllerͷviewͷ എܠ৭͕MenuViewͷԼʹ ݟ͑ΔΑ͏ʹͳͬͨɻ
͖᪴ϙΠϯτ̏ MenuViewΛϑϧͰ දࣔ͠ͳ͍࣌ʹ͔ͬ͜ѱ͍
ԫ৭͍෦ʹίϯςϯπ͕ දࣔ͞Ε͍ͯΔͱࢥͬͯ Լ͍͞… ඍົ͡Όͳ͍Ͱ͔͢ʁ
Ͳ͏࣮Λม͔͑ͨ ʮˢˣʯϘλϯ͕λοϓ͞Εͨ࣌ʹ Ξχϝʔγϣϯͭͭ͠alphaΛมߋ
͜ΕͰ
͓·͚
ɾಈతͳ੍Λ͔͚͍ͯΔηϧͷ ɹϨΠΞτ͕Safe AreaͷڥքۙͰ ɹ͏ʹΐ͏ʹΐಈ͘ ɾiPhone XҎ֎Կͳ͘ಈ͘ ɹʢͦΕΏ͑ؾͮ͘ͷΕͨʣ ͜Μͳঢ়͕ग़ͨ͜ͱ
֘ͷcell.xibͷviewΛ બ͠ɺSafe Area Layout Guideͷ νΣοΫϘοΫεΛ ֎͢͜ͱͰղܾͨ͠ ղܾࡦ
ɾϨΠΞτʹؔΘΔ࣮Λͨ࣌͠ ɹඞͣiPhone XͰ֬ೝ͢Δ ɾͳΜ͔͓͔͍͠ͱࢥͬͨΒSafe Area ɹLayout GuideͷνΣοΫϘοΫεΛ ɹ֎ͯ͠ΈΔ ɾSafe Areaͷ֎ଆ͕ͲͷΑ͏ͳදࣔʹ
ɹͳ͍ͬͯΔ͖͔ߟ͑Δ iPhone XରԠͷίπ
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ