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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
akatsuki174
December 10, 2017
Programming
1.1k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
iPhone X対応 ~Safe Areaの外側~
2017/12/11 2017年 AKIBA.swift忘年回
akatsuki174
December 10, 2017
More Decks by akatsuki174
See All by akatsuki174
逆向きUIの世界 〜iOSアプリのRTL言語対応〜
akatsuki174
1
640
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
1.1k
私が変えてきたこと、変えなかったこと
akatsuki174
2
1.1k
最近読んでいる本-読書シェア会vol.1
akatsuki174
2
280
SwiftUI、UIKitでキャプチャを撮ろう!
akatsuki174
1
150
Appleにおけるプライバシーの全容を把握する
akatsuki174
0
6.3k
近年のAppleにおける位置情報とプライバシー
akatsuki174
3
520
オフライン勉強会ぼっち対策
akatsuki174
1
730
Xcode 15の新機能
akatsuki174
0
2.9k
Other Decks in Programming
See All in Programming
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
tatsuhiro
1
160
さぁV100、メモリをお食べ・・・
nilpe
0
150
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
rkaga
4
5.3k
ふつうのFeature Flag実践入門
irof
8
4.1k
AI 輔助遺留系統現代化的經驗分享
jame2408
1
840
そのテスト、説明できますか?~LWテスト戦略FW~のご紹介
nakahara
0
150
TypeScript+Orvalで実現する型安全かつ堅牢でスケーラブルなマルチチャネル通知基盤 / TSKaigi Night talks ~after conference~
d0riven
0
350
Honoでのサプライチェーン侵害対策 〜 3つのライブラリに学ぶ
yusukebe
6
1.4k
Spec Driven Development | AI Summit Lisbon
danielsogl
PRO
0
200
正しくソフトウェアを作る、前提を疑うための認知の視点 / doubt-premise
minodriven
21
6.8k
なぜ型を書くのか? TSKaigi2026で改めて考える #tskaigi_smarthr
kajitack
0
100
軽量Java基盤の設計 DIコンテナに頼らない、長期保守と1秒起動の実現 JJUG CCC 2026 Spring
macha64
0
550
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
10k
Intergalactic Javascript Robots from Outer Space
tanoku
273
27k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.5k
Building Applications with DynamoDB
mza
96
7.1k
Public Speaking Without Barfing On Your Shoes - THAT 2023
reverentgeek
1
430
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
210
Dominate Local Search Results - an insider guide to GBP, reviews, and Local SEO
greggifford
PRO
0
200
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
230
How Software Deployment tools have changed in the past 20 years
geshan
0
34k
Information Architects: The Missing Link in Design Systems
soysaucechin
0
970
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
apolaine
1
350
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ରԠͷίπ
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠ʂ