YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Indonesian subtitles

← 02-07 Lebar dan Tinggi

02-07 Lebar dan Tinggi

Get Embed Code
14 Languages

Showing Revision 4 created 10/17/2015 by Ardi Prananta.

  1. Sejauh ini kita telah membuat
    daftar tamu.
  2. Tunggu, ini daftar tamu untuk
    pesta ulang tahun kan, Catherine?
  3. Ya.
  4. Semoga saya ada di daftar ini.
  5. Yah, kita harus lihat dulu.
  6. Wow, saya jadi merasa kecil hati.
  7. Bicara tentang kecil,
  8. mari kita bahas ukuran tampilan layar.
  9. Kita sudah gunakan
    tinggi tetap tertulis, yaitu dp, kan?
  10. - Ya, lebar dan tinggi.
    - Benar.
  11. Kita juga bisa atur wrap_content tampilan.
  12. Benar, cara yang aneh mengatakan bahwa...
  13. ...tampilannya akan menyesuaikan ruangnya.
  14. Jika ruangnya besar,
    tampilan membesar. Dan sebaliknya.
  15. Ya, dan sebenarnya ada
    yang ketiga yang bernama
  16. match_parent.
  17. Kedengarannya agak aneh.
  18. Kedengarannya seperti situs kencan
    untuk orangtua tunggal.
  19. Tidak juga.
  20. Match_parent maksudnya tampilan
    akan selebar atau setinggi induknya.
  21. Oh, itu masuk akal.
  22. Saya adalah tampilan, saya punya orangtua.
  23. Dan... lebar dan tinggi saya
    akan sama dengan orangtua saya.
  24. Tepat, jadi untuk menyimpulkan,
  25. beragam nilai yang bisa Anda atur
    untuk ukuran tampilan adalah...
  26. ...dp tetap untuk lebar dan tinggi.
  27. Tepat. Anda juga bisa
    lakukan wrap_content.
  28. Selanjutnya yang akan kita coba
    adalah match_parent.
  29. Inilah beberapa contoh cara mengatur
    lebar yang berbeda pada tampilan anak
  30. di LinearLayout yang dapat
    mempengaruhi hasil antarmuka.
  31. Di contoh ini kami atur tiap tampilan anak
    untuk punya lebar tetap 200dp.
  32. Jika ruang di dalam tiap tampilan
    lebih besar dari 200dp,
  33. maka Anda berisiko memotong
    beberapa muatannya seperti ini.
  34. Pada contoh ini kami atur lebar
    tiap tampilan anak menjadi wrap_content.
  35. Sekarang semua muatannya pas,
  36. tapi lebar tiap tampilannya beragam
    tergantung yang ada dalam tiap tampilan.
  37. Pada contoh ini, kami atur lebar
    tiap tampilan anak menjadi match_parent.
  38. Sekarang Anda lihat bahwa lebar tiap anak
    selebar induk kelompok tampilannya.
  39. Terlepas isi di dalamnya.
  40. Sekarang nilai yang sama itu juga bisa
    diaplikasikan untuk tinggi tiap tampilan.
  41. Pada contoh ini kami atur
    tinggi TextView anak 200dp.
  42. Jika isi di dalamnya lebih tinggi,
  43. maka ada risiko muatannya terpotong.
  44. Pada contoh ini, kami atur tinggi
    tampilan teks anak supaya wrap_content.
  45. Dengan begitu semua muatan
    akan terlihat pada layar
  46. dan tak ada yang terpotong,
  47. karena ukuran TextView
    bergantung dari muatan di dalamnya.
  48. Pada contoh ini, kami atur tinggi
    TextView anak menjadi match_parent
  49. Dengan begitu tampilan anak
    setinggi orangtuanya,
  50. terlepas konten di dalamnya.
  51. Mari buka XML Visualizer
  52. dan coba membuat kode
    yang lebih mirip induknya.
  53. Kami berikan tautan ke XML Visualizer
  54. dengan beberapa kode awal
    dalam catatan instruktur di bawah.
  55. Pada kasus ini, LinearLayoutnya
    adalah tampilan pokok dari tata letaknya
  56. karena ini adalah tampilan pertama
    dan yang paling luar.
  57. Jika kita atur match_parent untuk lebar
    dan tingginya dari tampilan pokoknya,
  58. dan kita atur ini sebagai
    tata letak utama aplikasi kita,
  59. maka LinearLayout ini akan
    setinggi dan selebar layar pada perangkat.
  60. Saya bisa tunjukkan dengan mengatur
    latar LinearLayout ini
  61. menjadi warna yang tidak transparan.
  62. Jika saya pasang warna latar
    abu-abu pada LinearLayout ini,
  63. Anda bisa lihat bagaimana abu-abunya
    menjadi penuh pada layar perangkat.
  64. Nah, apa yang terjadi jika saya ubah
    lebar atau tinggi tampilan teks
  65. menjadi match_parent?
  66. Untuk memperjelas
    di mana ikatan tiap tampilannya
  67. saya akan atur
    warna latar di tiap tampilan.
  68. Sekarang saya akan ubah tinggi
    tampilan teks menjadi match_parent.
  69. Omong-omong, ejaannya
    match, garis bawah, parent.
  70. Sekarang Anda lihat bahwa TextView ini
    memakan tinggi penuh induknya.
  71. Sayangnya, ia menyingkirkan
    semuanya dari layar.
  72. Kita tak menginginkan itu.
  73. Jadi mari ubah kembali
    menjadi wrap_content.
  74. Baik.
  75. Mari kita ubah lebarnya menjadi
    match_parent dan lihat yang terjadi.
  76. Sekarang lebar TextViewnya
    selebar induknya,
  77. yang juga menjadi
    selebar layar perangkatnya.
  78. Jika saya ubah TextView lain
    menjadi match_parent,
  79. Anda bisa lihat itu juga mulai
    memakan lebar penuh induknya.
  80. Saya juga mau bahas satu hal lagi.
  81. Tiap kali Anda melihat atribut
    yang berawal dengan garis bawah,
  82. seperti Layout_height dan Layout_width,
  83. ini sebenarnya adalah
    parameter tata letak kelompok tampilan.
  84. Ini digunakan kelompok tampilan induk
  85. untuk menentukan
    ukuran dan posisi tampilan ini.
  86. Sementara itu, atribut lain seperti
    latar, ukuran teks dan teks
  87. ditangani oleh TextView untuk
    mengatur tampilannya sendiri.
  88. Tapi parameter tata letak
    kelompok tampilan ini
  89. ditangani oleh induknya.
  90. Sekarang giliran Anda mencoba
    berbagai nilai lebar dan tinggi.
  91. Untuk tautan ke XML Visualizer
    dengan beberapa kode awal,
  92. lihat catatan instruktur di bawah.
  93. Coba ubah nilai lebar dan tinggi
    untuk tiap TextView.
  94. Anda bisa atur nilai dp tetap,
    wrap_content, atau match_parent.
  95. Ingatlah untuk tiap tampilan,
    nilai lebar dan tingginya tak perlu cocok.
  96. Jika sudah, centang untuk melanjutkan.