Upgrade to Pro — share decks privately, control downloads, hide ads and more …

ConstraintLayoutを理解する

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Young Young
June 30, 2018
Programming
110
0

 ConstraintLayoutを理解する

社内勉強会の資料です #深いい勉強会

Sample Code
https://github.com/akihito-okada/ConstraintLayoutSample

Avatar for Young

Young

June 30, 2018

More Decks by Young

See All by Young
GitbookからOpenApiへのAPIドキュメント移行
Avatar for Young akihitookada
0
100
Navigation ComponentとFluxをnanaに導入した
Avatar for Young akihitookada
0
110
Androidアプリにおけるモジュラライズの進め方
Avatar for Young akihitookada
0
250
MotionLayoutを使ってクリスマスなアプリを作った
Avatar for Young akihitookada
0
180
OrmaからRoomに移行する 2nd Season
Avatar for Young akihitookada
1
800
ミャンマーのすゝめ
Avatar for Young akihitookada
2
110
Android版 nanaとデータの永続化とDatabase
Avatar for Young akihitookada
2
230
Android Team @ nana music, Inc.
Avatar for Young akihitookada
0
110
OpenSTFとJenkinsで 社内のAndroid端末を有効活用する
Avatar for Young akihitookada
0
300

Other Decks in Programming

See All in Programming
What We Talk About When We Talk About XP
Avatar for seki at druby.org m_seki
2
340
PyO3 で既存 Python 評価器を Rust core 化する ー wasm-bindgen でブラウザにも配るための設計
Avatar for 𝕂' kdash
1
360
Flow は今どうなっているか
Avatar for mizdra mizdra
PRO
0
900
ALB ログから Trace を気合で繋げる技術
Avatar for Hayato Kawai fohte
7
860
AIエージェント時代のコードレビューを設計する
Avatar for nogu nogu66
5
2.5k
Go 1.27からのGODEBUG / Go 1.27 リリースパーティ #go127party
Avatar for mazrean mazrean
0
300
信頼性の目標を誰も求めてない
Avatar for Shuma shubox
0
490
Hono + Inertia + React で LP を構築した話
Avatar for Yuka Ooka oukayuka
2
200
XP祭りでしか伝わらないフリップネタ #xpjug
Avatar for bayashi murabayashi
0
110
「AI時代、配布するPythonコードをどう守るか: 難読化の実験と判断軸」 #PyconJP2026
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
2
150
Oxlintはいいぞ（続）
Avatar for Yuji Yamaguchi yug1224
1
540
不幸な GC
Avatar for Chen chencmd
0
870

Featured

See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.6k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.7k
Game over? The fight for quality and originality in the time of robots
Avatar for Wayne Barker wayneb77
1
260
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
560
How Software Deployment tools have changed in the past 20 years
Avatar for Geshan Manandhar geshan
1
34k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
320
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
530
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.5k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
520

Transcript

  1. ConstraintLayout Λཧղ͢Δ

  2. Introduction • ConstraintLayout͸AndroidͷLayoutͷτϨϯυ • ϨεϙϯγϒͳUI΍ෳࡶͳUIΛ࣮ݱͰ͖Δ • ଟػೳͰैདྷͷLayoutΛஔ͖׵͑ΒΕΔ • Viewͷ૬ରతͳҐஔΛ੍໿͢Δ͜ͱͰLayoutΛߏ੒ •

    ֊૚Λ࡞ΒͣʹFlatͳLayoutΛ࡞ΕΔ • iOSͷStoryboardͷ༷ʹEditorΛ࢖ͬͯLayoutΛ࡞ΕΔ

  3. Sample Code • https://github.com/akihito-okada/ ConstraintLayoutSample

  4. ConstraintLayout 1.0

  5. ConstraintLayout 1.0 • View Size • Wrap Content • Match

    Constraints • Ratio • Fixed • Text Baseline Alignment • Guideline • layout_goneMargin • ConstraintSet

  6. ConstraintLayout 1.1

  7. ConstraintLayout 1.1 • View Size • Percent • Chains •

    Group • Barrier • Circular Positioning • Placeholder

  8. ConstraintLayout 2.0 …

  9. ConstraintLayout 2.0 • ConstraintProperties • ImageFilterView • Layer • MockView

    • MotionLayout

  10. Conclusion • ConstraintLayout ָ͍͠ • nana ʹ΋ೖΕ͍ͯ͘ • ࣍͸ 2.0