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

ConstraintLayoutを理解する

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
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
97
Navigation ComponentとFluxをnanaに導入した
Avatar for Young akihitookada
0
110
Androidアプリにおけるモジュラライズの進め方
Avatar for Young akihitookada
0
240
MotionLayoutを使ってクリスマスなアプリを作った
Avatar for Young akihitookada
0
170
OrmaからRoomに移行する 2nd Season
Avatar for Young akihitookada
1
780
ミャンマーのすゝめ
Avatar for Young akihitookada
2
98
Android版 nanaとデータの永続化とDatabase
Avatar for Young akihitookada
2
220
Android Team @ nana music, Inc.
Avatar for Young akihitookada
0
100
OpenSTFとJenkinsで 社内のAndroid端末を有効活用する
Avatar for Young akihitookada
0
290

Other Decks in Programming

See All in Programming
夢の無限スパゲッティ製造機 -実装篇- #phpstudy
Avatar for hideki kinjyo o0h
PRO
0
180
事業会社でのセキュリティ長期インターンについて
Avatar for inlet-back masachikaura
0
180
Ruby and LLM Ecosystem 2nd
Avatar for Koichi ITO koic
1
1.4k
AI 開発合宿を通して得た学び
Avatar for ニフティ株式会社 niftycorp
PRO
0
190
ポーリング処理廃止によるイベント駆動アーキテクチャへの移行
Avatar for Seitaro Fujigaki seitarof
3
1.3k
Laravel Nightwatchの裏側 - Laravel公式Observabilityツールを支える設計と実装
Avatar for Ryuta Hamasaki avosalmon
1
300
Codex CLIのSubagentsによる並列API実装 / Parallel API Implementation with Codex CLI Subagents
Avatar for 冨澤宝斗 takatty
2
760
コードレビューをしない選択 #でぃーぷらすトウキョウ
Avatar for Takuma Kajikawa kajitack
3
1.3k
仕様漏れ実装漏れをなくすトレーサビリティAI基盤のご紹介
Avatar for Kuniwak orgachem
PRO
8
4.1k
GoのDB アクセスにおける 「型安全」と「柔軟性」の両立 - Bob という選択肢
Avatar for tak tak848
0
300
AWS re：Invent 2025の少し振り返り ＋ DevOps AgentとBacklogを連携させてみた
Avatar for Satoshi Kaneyasu satoshi256kbyte
1
110
2026-03-27 #terminalnight 変数展開とコマンド展開でターミナル作業をスマートにする方法
Avatar for SUZUKI Masashi masasuzu
0
270

Featured

See All Featured
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
3k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
Avatar for Ines Montani inesmontani
PRO
0
300
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
320
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
58k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
190
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
160
The SEO Collaboration Effect
Avatar for Kristina Bergwall kristinabergwall1
0
410
Groundhog Day: Seeking Process in Gaming for Health
Avatar for Sebastian Deterding codingconduct
0
140
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.8k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
It's Worth the Effort
Avatar for 3n 3n
188
29k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k

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