ConstraintLayoutを理解する

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

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

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