Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

ConstraintLayoutを理解する

Avatar for Young Young
June 30, 2018
Programming
120
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
190
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
120
OpenSTFとJenkinsで 社内のAndroid端末を有効活用する
Avatar for Young akihitookada
0
300

Other Decks in Programming

See All in Programming
SREの越境 / SRE Collaboration
Avatar for y-ohgi y0hgi
2
290
setup-vp GitLab対応の裏側
Avatar for Naoki Haba naokihaba
0
140
AWS CDKのカスタムリソースでContinuum（旧Security Agent）を実装した話 | Implementing Continuum (formerly Security Agent) via AWS CDK Custom Resource
Avatar for アキキー | Akihisa Ikeda akihisaikeda
2
120
Workers Cache を知る
Avatar for syumai syumai
0
320
Herb in Rails 8.2: Your ERB views, now HTML-aware @ Rails World 2026, Austin, Texas
Avatar for Marco Roth marcoroth
0
150
Are APIs Still Relevant in the AI Era?
Avatar for Antoine Bluchet soyuka
0
390
Androidだけじゃない、DroidKaigiで広がった私の技術スタック
Avatar for Akio Itaya akkeylab
0
110
モデルのリファクタリングが難しいと思ったら、そもそも複雑だったのはビジネス仕様だった ? / is-the-business-domain-the-real-complexity
Avatar for hatsu hatsu38
0
430
Starting & Sustaining Code-Based E2E Testing for Non-Coding QA Teams( #jasstniigata )
Avatar for teyamagu teyamagu
PRO
1
830
手動確認はもう限界 〜XCUITestでCustom URL Schemeの遷移を起動種別ごとに自動テストする〜 / Testing Custom URL Schemes with XCUITest
Avatar for otouto otouto
0
370
[2026-09-26]空論ジェネリックプロセス～テスト資産とAIで紡ぐ、再現可能なパフォーマンスチューニングの話～
Avatar for tosite tosite
0
250
テストを司るデーモンに会いに行く 〜隔離した仮想マシンでテストを通すまで〜
Avatar for Hidemune Takahashi h1d3mun3
1
600

Featured

See All Featured
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
6.1k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
464
34k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
250
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
55
13k
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
310
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
41k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
1
620
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
2.2k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
230
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.3k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
570

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