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

ConstraintLayoutを理解する

Avatar for Young Young
June 30, 2018
Programming
0
110

 ConstraintLayoutを理解する

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

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

Avatar for Young

Young

June 30, 2018
Tweet

More Decks by Young

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

Other Decks in Programming

See All in Programming
Go言語の特性を活かした公式MCP SDKの設計
Avatar for hond hond0413
1
210
登壇は dynamic! な営みである / speech is dynamic
Avatar for Daichi KUDO da1chi
0
260
CSC509 Lecture 02
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
410
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
Avatar for えいえい ei_ei_eiichi
0
430
CSC305 Lecture 04
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
260
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
270
Swift Concurrency - 状態監視の罠
Avatar for Yuki Yasoshima objectiveaudio
2
490
iOSアプリの信頼性を向上させる取り組み/ios-app-improve-reliability
Avatar for yuki shinohara shino8rayu9
0
170
エンジニアとして高みを目指す、 利益を生み出す設計の考え方 / design-for-profit
Avatar for MinoDriven minodriven
24
12k
CSC509 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
1
440
株式会社 Sun terras カンパニーデック
Avatar for Sun terras.Inc sunterras
0
260
組込みだけじゃない！TinyGo で始める無料クラウド開発入門
Avatar for Kotaro Otaka otakakot
0
190

Featured

See All Featured
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
71
11k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
45
7.7k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
127
17k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
23k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
34
6.1k
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
95
14k
KATA
Avatar for Megan Lloyd mclloyd
32
15k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
How GitHub (no longer) Works
Avatar for Zach Holman holman
315
140k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Balancing Empowerment & Direction
Avatar for Lara Hogan lara
4
680

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