Constraintlayout

Transcript

1. ConstraintLayout Ygor César Android Developer
2. ViewGroup • FrameLayout • FlexboxLayout • GridLayout • RelativeLayout • LinearLayout • TableLayout • GridView • Entre outros...
3. Evitar hierarquia de views profunda (O chamado layout orientado a Hadouken)
5. Performance
6. E então o ConstraintLayout
7. • Flat View Hieararchy • Fácil de usar com o Editor de Layouts do Android Studio • Compatível com versões do Android acima da versão 2.3 (Api Level 9) • Xml continua legível • Biblioteca separada
8. Adicionar dependência ao Build.gradle dependencies { compile 'com.android.support.constraint:constraint-layout:1.1.0' }
9. Layouts existentes
11. Constraints
12. Realize ajustes em sua View 1. Aspect Ratio 2. Crie/Delete uma Constraint 3. Height/Width 4. Margin 5. Bias
13. Chain
14. Chain Spread Chain Spread Inside Chain Packed Chain
15. Groups
16. Groups <android.support.constraint.Group android:id="@+id/group" android:layout_width="wrap_content" android:layout_height="wrap_content" app:constraint_referenced_ids="button_load,textview_status" />
17. Guideline
18. Guideline <android.support.constraint.Guideline android:id="@+id/guideline" android:layout_width="wrap_content" android:layout_height="wrap_content" android:orientation="vertical" app:layout_constraintGuide_begin="16dp" />
19. Já acabou?
20. Ainda não
21. Barriers
22. Barriers
23. Barriers <android.support.constraint.Barrier android:id="@+id/barrier7" android:layout_width="wrap_content" android:layout_height="wrap_content" app:barrierDirection="end" app:constraint_referenced_ids="textView2,textView1" />
24. Circular Positioning
25. Circular Positioning <Button android:id="@+id/buttonA" ... /> <Button android:id="@+id/buttonB" … app:layout_constraintCircle="@+id/buttonA" app:layout_constraintCircleRadius="100dp" app:layout_constraintCircleAngle="45" />
26. Layer
27. Layer <android.support.constraint.Layer android:id="@+id/group" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background=”@color/colorPrimary” app:constraint_referenced_ids="button_load,textview_status" />
28. Placeholder
29. Placeholder <android.support.constraint.Placeholder android:id="@+id/template_action" android:layout_width="48dp" android:layout_height="48dp" app:content="@+id/save" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintRight_toRightOf="parent" app:layout_constraintTop_toTopOf="parent" />
30. Placeholder placeHolderView.setContentId(R.id.my_view_id)
31. Obrigado!
32. Agora acabou!!! ygorcross@gmail.com /ygorcesar