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
iPhoneX時代のレイアウト
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
t.goda
September 15, 2017
Technology
0
96
iPhoneX時代のレイアウト
t.goda
September 15, 2017
Tweet
Share
More Decks by t.goda
See All by t.goda
Distribute Binary Framework with Swift Package Manager
nivisunder7
0
130
XCTestでAPIのテストコードを書く
nivisunder7
0
400
App Clipについて
nivisunder7
1
71
Swift5.0 ABI安定化について
nivisunder7
0
370
SwiftUIの紹介
nivisunder7
0
36
Watch Kitのはまりどころ
nivisunder7
0
57
Docker in Docker Tips
nivisunder7
0
58
iOS11のここが素晴らしい
nivisunder7
0
80
SpriteKitでゲーム開発
nivisunder7
0
110
Other Decks in Technology
See All in Technology
OCI Database Management サービス詳細
oracle4engineer
PRO
1
7.4k
セキュリティについて学ぶ会 / 2026 01 25 Takamatsu WordPress Meetup
rocketmartue
1
310
20260208_第66回 コンピュータビジョン勉強会
keiichiito1978
0
180
マーケットプレイス版Oracle WebCenter Content For OCI
oracle4engineer
PRO
5
1.6k
Oracle Cloud Observability and Management Platform - OCI 運用監視サービス概要 -
oracle4engineer
PRO
2
14k
プロポーザルに込める段取り八分
shoheimitani
1
570
モダンUIでフルサーバーレスなAIエージェントをAmplifyとCDKでサクッとデプロイしよう
minorun365
4
220
AIと新時代を切り拓く。これからのSREとメルカリIBISの挑戦
0gm
2
3k
顧客の言葉を、そのまま信じない勇気
yamatai1212
1
360
Codex 5.3 と Opus 4.6 にコーポレートサイトを作らせてみた / Codex 5.3 vs Opus 4.6
ama_ch
0
190
Amazon S3 Vectorsを使って資格勉強用AIエージェントを構築してみた
usanchuu
3
450
What happened to RubyGems and what can we learn?
mikemcquaid
0
310
Featured
See All Featured
Reflections from 52 weeks, 52 projects
jeffersonlam
356
21k
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
120
How to Ace a Technical Interview
jacobian
281
24k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
170
State of Search Keynote: SEO is Dead Long Live SEO
ryanjones
0
120
Kristin Tynski - Automating Marketing Tasks With AI
techseoconnect
PRO
0
150
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
3.6k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
170
The SEO identity crisis: Don't let AI make you average
varn
0
290
Become a Pro
speakerdeck
PRO
31
5.8k
エンジニアに許された特別な時間の終わり
watany
106
230k
Transcript
iPhone X࣌ͷϨΠΞτ 20170915
iPhone XͷσβΠϯ ্Լ̐ՕॴͷؙΈΛଳͼͨσΟεϓϨΠ ্෦ηϯαʔ෦ͷΓ͖ܽ
طଘΞϓϦͷϨΠΞτͷӨڹ ͦͷ··Ͱͳ͍͔Ͳ͏͔ େͷ߹͕͋Δ?
ͷݪҼ SafeAreaΛߟྀ͍ͯ͠ͳ͍ ͱ͍͏ΑΓSafeAreaLayoutGuidesΛҙ͍ࣝͯ͠ͳ͍ͱ ʹͳΔ
SafeAreaLayoutGuidesͱɹ SafeAreaΛࣔ͢LayoutGuide(Xcode9͔Βొ) InterfacebuilderͰAutoLayoutͰ੍Λࢦఆ͢Δࡍʹར༻
AutoLayoutͱ ΞϓϦͷUIͳͲϨΠΞτΛ࡞͢Δࡍʹར༻͢Δػೳ ͜ΕΛར༻͢Δ͜ͱͰը໘αΠζ͕ҟͳΔʹରԠՄೳ ͍͍͔ͨͯΒ੍ΛͭΜͰ͍͘ iPhoneXͷͬͯͲͩ͜Α…… Ҏ֎͔ΒͭΉํ๏͋Δ(ը໘த৺Λجૅͱ͢ΔͳͲ)
ࠓ·ͰͷAutoLayout BottomLayoutGuideٴͼTopLayoutGuide͔Βͷ੍ SuperView(ͱͳΔView)͔Βͷ੍
BottomLayoutGuide, TopLayoutGuide φϏήʔγϣϯόʔλϒόʔͳͲΛߟྀͨ͠LayoutGuide ͔͜͜Β
SuperView φϏήʔγϣϯόʔͳͲΛߟྀ͠ͳ͍Ґஔ͔Βͷ੍ ͔͜͜Β
Ͳ͏ରԠ͢Δ͔ SafeAreaLayoutGuides΄΅Bottom, Topͱಉ͡ SafeAreaLayoutGuidesAreaͳͷͰ͙ΔͬͱҰप͍ͯ͠Δ ֓೦͕ҧ͏͕มՄೳ UseSafeAreaLayoutGuidesʹνΣοΫΛ͍ΕΔ SuperView͔Βͷ੍৻ॏʹ
৻ॏʹͳΔཧ༝ ΤοδδΣενϟʔͷՃ ϗʔϜϘλϯସͷڍಈΛΤοδδΣενϟʔͰߦ͏ ͜Ε
·ͱΊ ࠓޙAutoLayoutʹΑΔ੍Λ͚ͭΔࡍʹ SafeAreaLayoutGuidesΛར༻͢Δ TopLayoutGuide, BottomLayoutGuideͳΔ͘ SafeAreaLayoutGuidesʹ طʹDeprecatedʹࢦఆ͞Ε͍ͯΔ ಛʹBottomଆͷδΣενϟʔΤϦΞʹؾΛ͚ͭΔ͜ͱ
͓·͚ ԣ͖ʹͨ͠ࡍͷΤϦΞ
͓·͚̎ ͦͦΓ͖ܽअຐͳΜͰ͚͢Ͳ……σβΠϯతʹ͍ͩ͞͠…… εςʔλεόʔΛࠇ͘͠Α͏ʂ ग़య: https://twitter.com/carlosgavina/status/907687992764125185/photo/1?ref_src=twsrc%5Etfw&ref_url=http%3A%2F%2Fgigazine.net%2Fnews%2F20170915-iphone-x-notch-creative-solutions%2F