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
ConstraintLayoutを理解する
Search
Young
June 30, 2018
Programming
0
100
ConstraintLayoutを理解する
社内勉強会の資料です #深いい勉強会
Sample Code
https://github.com/akihito-okada/ConstraintLayoutSample
Young
June 30, 2018
Tweet
Share
More Decks by Young
See All by Young
GitbookからOpenApiへのAPIドキュメント移行
akihitookada
0
85
Navigation ComponentとFluxをnanaに導入した
akihitookada
0
85
Androidアプリにおけるモジュラライズの進め方
akihitookada
0
220
MotionLayoutを使ってクリスマスなアプリを作った
akihitookada
0
130
OrmaからRoomに移行する 2nd Season
akihitookada
1
690
ミャンマーのすゝめ
akihitookada
2
89
Android版 nanaとデータの永続化とDatabase
akihitookada
2
200
Android Team @ nana music, Inc.
akihitookada
0
92
OpenSTFとJenkinsで 社内のAndroid端末を有効活用する
akihitookada
0
280
Other Decks in Programming
See All in Programming
DMMオンラインサロンアプリのSwift化
hayatan
0
280
Scaling your build logic
antalmonori
1
150
Alba: Why, How and What's So Interesting
okuramasafumi
0
240
Vue.jsでiOSアプリを作る方法
hal_spidernight
0
120
2024年のkintone API振り返りと2025年 / kintone API look back in 2024
tasshi
0
180
React 19でお手軽にCSS-in-JSを自作する
yukukotani
5
600
ファインディの テックブログ爆誕までの軌跡
starfish719
1
790
Flatt Security XSS Challenge 解答・解説
flatt_security
0
1.1k
“あなた” の開発を支援する AI エージェント Bedrock Engineer / introducing-bedrock-engineer
gawa
10
1.4k
CNCF Project の作者が考えている OSS の運営
utam0k
5
620
Amazon Nova Reelの可能性
hideg
0
260
rails newと同時に型を書く
aki19035vc
6
750
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
Rails Girls Zürich Keynote
gr2m
94
13k
Faster Mobile Websites
deanohume
305
30k
Side Projects
sachag
452
42k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
20
2.4k
Become a Pro
speakerdeck
PRO
26
5.1k
Making Projects Easy
brettharned
116
6k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
113
50k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Transcript
ConstraintLayout Λཧղ͢Δ
Introduction • ConstraintLayoutAndroidͷLayoutͷτϨϯυ • ϨεϙϯγϒͳUIෳࡶͳUIΛ࣮ݱͰ͖Δ • ଟػೳͰैདྷͷLayoutΛஔ͖͑ΒΕΔ • Viewͷ૬ରతͳҐஔΛ੍͢Δ͜ͱͰLayoutΛߏ •
֊Λ࡞ΒͣʹFlatͳLayoutΛ࡞ΕΔ • iOSͷStoryboardͷ༷ʹEditorΛͬͯLayoutΛ࡞ΕΔ
Sample Code • https://github.com/akihito-okada/ ConstraintLayoutSample
ConstraintLayout 1.0
ConstraintLayout 1.0 • View Size • Wrap Content • Match
Constraints • Ratio • Fixed • Text Baseline Alignment • Guideline • layout_goneMargin • ConstraintSet
ConstraintLayout 1.1
ConstraintLayout 1.1 • View Size • Percent • Chains •
Group • Barrier • Circular Positioning • Placeholder
ConstraintLayout 2.0 …
ConstraintLayout 2.0 • ConstraintProperties • ImageFilterView • Layer • MockView
• MotionLayout
Conclusion • ConstraintLayout ָ͍͠ • nana ʹೖΕ͍ͯ͘ • ࣍ 2.0