Mengatur Tampilan dan Tata Letak di Android

Membahas 3 poin penting yang berguna ketika Developer diharuskan mengubah mockup menjadi kode XML di Android Studio.

Transcript

2. inibukanadit
3. • • •
6. • • •
7. • • •
8. • • • ➔ ➔ ➔
9. • • • ➔ ➔ ➔
10. <LinearLayout … />
11. <LinearLayout android:orientation=”horizontal” <View /> <View /> <View />
12. <LinearLayout android:orientation=”vertical” <View /> <View /> <View />
14. I II III IV
15. III
16. II <TextInputLayout app:passwordToggleEnabled=”true” ../>
17. I II III IV
18. IV
19. I II III IV <TextInputLayout .../> <TextInputLayout .../> <LinearLayout .../> <LinearLayout .../>
21. Kotak centangnya di sini
25. horizontal vertical Bayangkan bloknya!
28. • • •
29. • • •
31. https://material.io/design/layout/spacing-methods.html#baseline
37. • • •
40. BLACK_COAL WHITE_PURE GREY_SMOKE GREY_CLOUD GREEN_SHAMROCK GREEN_CHARTREUSE YELLOW_GOLD #232323 #FFFFFF #707070 #B2B2B2 #1AA215 #85CA2C #FFB301
47. • • •
51. horizontal vertical
54. inibukanadit