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
t.goda
September 15, 2017
Technology
0
92
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
120
XCTestでAPIのテストコードを書く
nivisunder7
0
380
App Clipについて
nivisunder7
1
68
Swift5.0 ABI安定化について
nivisunder7
0
330
SwiftUIの紹介
nivisunder7
0
32
Watch Kitのはまりどころ
nivisunder7
0
55
Docker in Docker Tips
nivisunder7
0
57
iOS11のここが素晴らしい
nivisunder7
0
80
SpriteKitでゲーム開発
nivisunder7
0
110
Other Decks in Technology
See All in Technology
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
16k
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
4
13k
Flutter向けPDFビューア、pdfrxのpdfium WASM対応について
espresso3389
0
130
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
delta_tech
4
170
DatabricksにOLTPデータベース『Lakebase』がやってきた!
inoutk
0
100
Enhancing SaaS Product Reliability and Release Velocity through Optimized Testing Approach
ropqa
1
230
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
470
面倒な作業はAIにおまかせ。Flutter開発をスマートに効率化
ruideengineer
0
260
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
3
440
Tokyo_reInforce_2025_recap_iam_access_analyzer
hiashisan
0
190
american airlines®️ USA Contact Numbers: Complete 2025 Support Guide
supportflight
1
110
CRE Camp #1 エンジニアリングを民主化するCREチームでありたい話
mntsq
1
120
Featured
See All Featured
Visualization
eitanlees
146
16k
Build The Right Thing And Hit Your Dates
maggiecrowley
36
2.8k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Building a Modern Day E-commerce SEO Strategy
aleyda
42
7.4k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
950
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Raft: Consensus for Rubyists
vanstee
140
7k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
Writing Fast Ruby
sferik
628
62k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Thoughts on Productivity
jonyablonski
69
4.7k
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