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
710
最近読んでいる本-読書シェア会vol.1
akatsuki174
2
190
SwiftUI、UIKitでキャプチャを撮ろう!
akatsuki174
1
86
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
AI時代のソフトウェア開発を考える(2025/07版) / Agentic Software Engineering Findy 2025-07 Edition
twada
PRO
99
36k
ソフトウェア設計とAI技術の活用
masuda220
PRO
6
1.1k
ご注文の差分はこちらですか? 〜 AWS CDK のいろいろな差分検出と安全なデプロイ
konokenj
3
570
Goで作る、開発・CI環境
sin392
0
260
20250708_JAWS_opscdk
takuyay0ne
2
130
Azure AI Foundryではじめてのマルチエージェントワークフロー
seosoft
0
200
NPOでのDevinの活用
codeforeveryone
0
900
ふつうの技術スタックでアート作品を作ってみる
akira888
1
1.3k
イベントストーミング図からコードへの変換手順 / Procedure for Converting Event Storming Diagrams to Code
nrslib
2
1.1k
フロントエンドのパフォーマンスチューニング
koukimiura
5
2k
What's new in AppKit on macOS 26
1024jp
0
150
チームで開発し事業を加速するための"良い"設計の考え方 @ サポーターズCoLab 2025-07-08
agatan
1
460
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
YesSQL, Process and Tooling at Scale
rocio
173
14k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
750
Adopting Sorbet at Scale
ufuk
77
9.5k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Embracing the Ebb and Flow
colly
86
4.8k
Practical Orchestrator
shlominoach
189
11k
A better future with KSS
kneath
238
17k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Art, The Web, and Tiny UX
lynnandtonic
299
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ରԠͷίπ
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ