Don't Forget About the Layout
•
0 gefällt mir•159 views
Presentation given by Bartek Kozajda during meet.intive android in Szczecin. Constraint layout vs other Android layouts.
Empfohlen
Weitere ähnliche Inhalte
Ähnlich wie Don't Forget About the Layout
Ähnlich wie Don't Forget About the Layout (20)
Mehr von intive
Mehr von intive (20)
Kürzlich hochgeladen
Kürzlich hochgeladen (20)
Don't Forget About the Layout
- 1. Don’t forget about the layout. @BKozajda BARTOSZ KOZAJDA
- 4. Neversettle intive.com ConstraintLayout Timeline ConstraintLayout 1.0.0 alpha 05/2016 Google I/O 2016 ConstraintLayout 1.0.0 stable 02/2017 ConstraintLayout 1.0.1 03/2017 ConstraintLayout 1.0.2 03/2017 ConstraintLayout 1.1 beta 05/2017 ConstraintLayout 1.1 stable 04/2018 ConstraintLayout 2.0 ??/2018
- 5. Neversettle intive.com 5 Legit Android layouts :) _LinearLayout - simple cases _FrameLayout - single view _MotionLayout - animations _ConstraintLayout - all other cases
- 7. Neversettle intive.com 7 Let’s go back to the basics _How Android draws views? MEASURE LAYOUT DRAW
- 8. Neversettle intive.com Understanding the performance benefits of ConstraintLayout
- 9. Neversettle intive.com Understanding the performance benefits of ConstraintLayout Count Measure/Layout 89 Draw 59 Total 148
- 10. Neversettle intive.com Understanding the performance benefits of ConstraintLayout
- 11. Neversettle intive.com Understanding the performance benefits of ConstraintLayout Count Measure/Layout 20 Draw 13 Total 33 33 < 148
- 13. Neversettle intive.com Getting started with CL codelabs.developers.google.com/codelabs/constraint-layout
- 17. Neversettle intive.com Percents _View width and height: • layout_constraintWidth_percent • layout_constraintHeight_percent Source: medium.com/google-developers/introducing- constraint-layout-1-1-d07fc02406bc
- 18. Neversettle intive.com Guidelines _Guideline can be either horizontal or vertical _Positioning a Guideline is possible in three different ways: • fixed distance from the left or the top of a layout (layout_constraintGuide_begin) • fixed distance from the right or the bottom of a layout (layout_constraintGuide_end) • percentage of the width or the height of a layout (layout_constraintGuide_percent) 18 Source: riggaroo.co.za
- 20. Neversettle intive.com Barriers _Creates a virtual guideline based on the most extreme widget on the specified side. 20 Source: https://www.youtube.com/ watch?v=ytZteMo4ETk
- 21. Neversettle intive.com Groups _Controls the visibility of a set of referenced widgets _Useful when you have several elements that are shown or displayed together. 21
- 22. Neversettle intive.com Chains _Chain is a group of views that are linked to each other with bi-directional position constraints. _Chain allows to distribute a group of views horizontally or vertically with the four different styles 22 Source: riggaroo.co.za
- 23. Neversettle intive.com Chains 1. Spread 2. Spread inside 3. Weighted 4. Packed 23 Source: developer.android.com/ training/constraint-layout/
- 24. Neversettle intive.com Circular positioning _Can constrain a widget center relative to another widget center, at an angle and a distance _The following attributes can be used: • layout_constraintCircle : references another widget ID • layout_constraintCircleRadius : the distance to the other widget center • layout_constraintCircleAngle : which angle the widget should be at Source: riggaroo.co.za
- 27. Neversettle intive.com Layout optimizations _ layout_optimizationLevel tag, which configures the optimization level. It can be set to the following: • Barriers • Direct • Standard - default (Barriers and Direct) • Dimensions - experimental • Chains - experimental • None 27
- 29. Neversettle intive.com Helpers _Keep reference to existing views _Flat hierarchy _View can be referenced by multiple helpers _New helpers in CL 2.0: • Linear • Flow • Layers • Circular Reveal
- 36. Neversettle intive.com MotionLayout _Subclass of ConstraintLayout _MotionLayout Editor 36 Source: https://www.youtube.com/ watch?v=ytZteMo4ETk
- 38. Neversettle intive.com Pitfalls _LayoutEditor _Generated XML code _Layout optimizer _‘Convert to ConstraintLayout’ tool _Backward compatibility _AndroidX compatibility issues