Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mengatur Tampilan dan Tata Letak di Android

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for AndroidDev Surabaya AndroidDev Surabaya
August 25, 2019
Programming
110
0

Mengatur Tampilan dan Tata Letak di Android

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

Avatar for AndroidDev Surabaya

AndroidDev Surabaya

August 25, 2019

More Decks by AndroidDev Surabaya

See All by AndroidDev Surabaya
Meetup Desember : AndroidDev Surabaya Overview
Avatar for AndroidDev Surabaya androiddevsurabaya
0
58
MVVM Architecture with Room
Avatar for AndroidDev Surabaya androiddevsurabaya
0
88
Android : Easy Phone Authentication using Firebase
Avatar for AndroidDev Surabaya androiddevsurabaya
0
76
Build More with KOTLIN Anko | AndroidDevSBY Meetup 11
Avatar for AndroidDev Surabaya androiddevsurabaya
0
130
The Magic of Kotlin
Avatar for AndroidDev Surabaya androiddevsurabaya
0
180
BE AN ANDROID EXPERT - AndroidDev Surabaya Meetup #9
Avatar for AndroidDev Surabaya androiddevsurabaya
0
150
How To Consume Api On Android Using Retrofit - Meetup AndroidDev Surabaya #8
Avatar for AndroidDev Surabaya androiddevsurabaya
1
79
#KartiniZamanNow - Meetup AndroidDev SBY #7
Avatar for AndroidDev Surabaya androiddevsurabaya
0
97
Learn Android UI #4 - Meetup AndroidDev Surabaya #7
Avatar for AndroidDev Surabaya androiddevsurabaya
0
140

Other Decks in Programming

See All in Programming
任せる範囲はこう広がった / How the Scope of AI Delegation Has Expanded
Avatar for nrs nrslib
0
140
Creating Composable Callables in Contemporary C++
Avatar for Björn Fahller rollbear
0
170
LLMによるContent Moderationの本番運用の裏側と品質担保への挑戦
Avatar for suikabar suikabar
3
780
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
Avatar for Daisuke Masuda x5gtrn
PRO
0
1.3k
Hunting Vulnerabilities in Symfony with LLMs
Avatar for Vincent Amstoutz vinceamstoutz
0
560
AIキャラアプリkaiwaの低遅延音声通話基盤をどう作ったか - AWS Gravitonで支える低遅延・低コストAI Agent基盤
Avatar for 最上土川 mogamit
0
110
Observability in Practice：Grafana 與 Edge Device SRE 的那些事
Avatar for Blueswen blueswen
0
180
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
Avatar for r-kagaya rkaga
4
5.4k
メソッドのジェネリクスでGoの夢は広がるか？ / Kyoto.go #65
Avatar for utagawa kiki utgwkk
3
970
Datadog × OpenTelemetry 入門と実践のあいだ
Avatar for Max Kento kn_to_maxpno
1
180
act1-costs.pdf
Avatar for Sumedh Bala sumedhbala
0
120
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
Avatar for Hajime Kato hjmkth
1
320

Featured

See All Featured
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.3k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
How to make the Groovebox
Avatar for あそなす asonas
2
2.2k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
400
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
67k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.5k
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.2k
Prompt Engineering for Job Search
Avatar for Mfonobong Umondia mfonobong
0
350
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
2
1.1k
The #1 spot is gone: here's how to win anyway
Avatar for Tamara Novitovic tamaranovitovic
3
1.1k

Transcript

  1. None

  2. inibukanadit

  3. • • •

  4. None
  5. None

  6. • • •

  7. • • •

  8. • • • ➔ ➔ ➔

  9. • • • ➔ ➔ ➔

  10. <LinearLayout … />

  11. <LinearLayout android:orientation=”horizontal” <View /> <View /> <View />

  12. <LinearLayout android:orientation=”vertical” <View /> <View /> <View />

  13. None

  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 .../>
  20. None

  21. Kotak centangnya di sini

  22. None
  23. None
  24. None

  25. horizontal vertical Bayangkan bloknya!

  26. None
  27. None

  28. • • •

  29. • • •

  30. None

  31. https://material.io/design/layout/spacing-methods.html#baseline

  32. None
  33. None
  34. None
  35. None
  36. None

  37. • • •

  38. None
  39. None

  40. BLACK_COAL WHITE_PURE GREY_SMOKE GREY_CLOUD GREEN_SHAMROCK GREEN_CHARTREUSE YELLOW_GOLD #232323 #FFFFFF #707070

    #B2B2B2 #1AA215 #85CA2C #FFB301
  41. None
  42. None
  43. None
  44. None
  45. None
  46. None

  47. • • •

  48. None
  49. None
  50. None

  51. horizontal vertical

  52. None
  53. None

  54. inibukanadit