Layouts

Apresentação no Android Meetup BH #04

Transcript

1. O que são? Como funcionam? Qual usar? Veja hoje no meetup #04 layouts
2. fabiano frança Capixaba residente em Belo Horizonte Android Developer há 1 ano na CI&T
3. UI no Android
4. View Hierarchy RelativeLayout LinearLayout ImageView Button TableLayout TableRow TableRow CheckBox CheckBox CheckBox CheckBox
5. View Hierarchy ViewGroup ViewGroup View view ViewGroup ViewGroup ViewGroup View View View View
6. Layout
7. Layout Um layout é uma subclasse de ViewGroup Nem sempre uma subclasse de um ViewGroup é considerada um layout
8. ViewGroup É uma view que suporta a adição de outras views
9. ViewGroup Determinar o tamanho de cada view (fase de “measure”) e posicionar as views dentro do ViewGroup (fase de “Layout”) Principais responsabilidades
10. ViewGroup RecyclerView Toolbar ViewPager ... É subclasse de ViewGroup, mas não é considerado layout
11. atributos layout_ <?xml version= "1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width= "match_parent" android:layout_height= "match_parent" > <TextView android:background= "@color/colorAccent" android:layout_width= "200dp" android:layout_height= "wrap_content" android:text="Hello World!" android:layout_gravity= "right" android:gravity="right"/> </FrameLayout>
12. Layouts mais comuns
13. Organiza seu filhos como uma pilha
14. Overdraw
15. RASTERIZAÇÃO
16. RASTERIZAÇÃO
19. Organiza seus filhos em um único sentido, horizontal ou vertical.
20. Posiciona seus filhos em relação a outros filhos ou ao próprio layout.
21. TableLayout ou GridLayout
22. TableLayout ou GridLayout
23. Posiciona seus filhos em uma grade. Cada view está em uma linha e coluna.
24. Qual layout escolher?
26. Fases da construção do layout Measure Layout Draw
29. Hierarchy Viewer
31. Não preciso de ninguém. Eu crio meus layouts...
32. https://goo.gl/e9uijC Draw What You See! … and clip the #e11 out of the rest. Canvas.clipRect() API e quickReject() API
33. https://goo.gl/e9uijC Draw What You See! … and clip the #e11 out of the rest. Canvas.clipRect() API e quickReject() API
34. Até a próxima... Exemplo - https://github.com/fabianofranca/layoutsamples Speaker Deck - https://speakerdeck.com/ffranca/layouts Twitter - https://twitter.com/fabiano_franca