Return to Video

07-23 The Stages - Solution

  • 0:01 - 0:05
    Baiklah. Saya akan menjawab pertanyaan-
    pertanyaan ini sebelum masuk ke XML.
  • 0:05 - 0:07
    Pertama, adalah memilih view.
  • 0:07 - 0:09
    Saya akan menggambar kotak di
    sekeliling yang saya lihat.
  • 0:10 - 0:11
    Oke, jadi ada lima view yang berbeda
  • 0:11 - 0:14
    tidak termasuk view group, yang
    secara teknikal dianggap suatu view.
  • 0:14 - 0:18
    Tapi sama saja, lima view ini adalah
    dua TextView di atas sini.
  • 0:18 - 0:19
    diikuti oleh tiga tombol.
  • 0:19 - 0:24
    Dan tidak ada ImageView dimanapun
    jadi tidak ada ImageView.
  • 0:24 - 0:28
    Sekarang Anda mungkin berpikir kenapa saya
    memutuskan dua ini adalah view berbeda
  • 0:28 - 0:32
    Pada produk akhir, styling
    Team A dan skornya
  • 0:32 - 0:34
    terlihat sangat berbeda.
  • 0:34 - 0:38
    Jadi saya putuskan untuk membiarkan
    keduanya sebagai TextView terpisah.
  • 0:38 - 0:40
    Lanjut ke langkah kedua,
    memposisikan view.
  • 0:40 - 0:43
    Saya akan memilih ViewGroup mana
    yang akan dipakai di sini.
  • 0:43 - 0:47
    Ada dua dalam benak saya yaitu
    linear layout dan relative layout.
  • 0:47 - 0:49
    Ini adalah kolom vertikal pada view.
  • 0:49 - 0:53
    Tersusun dengan jelas apa yang saya mau,
    itu adalah linear layout.
  • 0:54 - 0:57
    Oke, terakhir saya masuk ke langkah
    ketiga, menata view.
  • 0:57 - 1:00
    Dan saya akan mengerjakannya
    waktu menggunakan XML.
  • 1:00 - 1:03
    Oke, mari kita masuk ke XML.
  • 1:03 - 1:05
    Oke, saya ingin melihat
    ke tab teks.
  • 1:05 - 1:08
    Oke, hal pertama yang akan saya
    lakukan di sini adalah
  • 1:08 - 1:10
    menghapus beberapa hal yang tidak
    saya perlukan.
  • 1:10 - 1:12
    Saya akan lanjut dan mulai dengan
    menghapus TextView ini.
  • 1:13 - 1:17
    Dan semua paddingLeft, paddingRight,
    paddingTop dan paddingBottom,
  • 1:17 - 1:20
    juga akan saya hapus.
  • 1:20 - 1:23
    Sangat berhati-hati tidak menghapus
    hal yang tidak ingin saya hapus.
  • 1:23 - 1:25
    Oke.
  • 1:25 - 1:28
    Tadi kita katakan bahwa ViewGroup yang
    akan digunakan bukan relative layout
  • 1:28 - 1:30
    tapi linear layout, maka saya akan
    mengubahnya sekarang.
  • 1:31 - 1:35
    Dalam linear layout ini saya akan
    membuat dua TextView
  • 1:35 - 1:36
    dan tiga tombol.
  • 1:36 - 1:38
    Saya akan memulai membuatnya.
  • 1:38 - 1:40
    Sekarang saya tidak akan terlalu spesifik
    tentang berapa lebar dan
  • 1:40 - 1:43
    tinggi TextView ini.
  • 1:43 - 1:45
    Saat ini saya hanya membiarkannya
    sebagai wrap_content
  • 1:45 - 1:48
    yang akan menempatkan kotak TextView
    pada sekeliling teksnya.
  • 1:49 - 1:52
    Saya akan menentukan teks untuk
    TextView ini juga.
  • 1:52 - 1:55
    TextView pertama ini akan
    terbaca Team A.
  • 1:56 - 1:59
    Oke, mari kita lihat bagaimana
    penampakannya di Preview.
  • 1:59 - 2:02
    Oke, saya dapat melihat TextView kecil
    di sini yang berkata Team A.
  • 2:02 - 2:04
    Sekarang mari kita buat
    lebih banyak lagi.
  • 2:04 - 2:07
    Yang dibawahnya adalah skor,
    itu juga sebuah TextView.
  • 2:07 - 2:10
    Kita akan ketik Text.
  • 2:10 - 2:12
    Oke, saya lihat ada tulisan TextView,
    maka saya tekan Enter.
  • 2:12 - 2:16
    Saya juga akan membuatnya wrap_content.
  • 2:16 - 2:18
    Dan saya akan menambahkan teksnya.
  • 2:18 - 2:22
    Skor biasanya mulai dari kosong,
    maka kita memulainya dari nol.
  • 2:22 - 2:23
    Oke.
  • 2:23 - 2:23
    Sekarang tombolnya.
  • 2:23 - 2:26
    Saya akan mengetik huruf Button.
  • 2:26 - 2:28
    Teruskan dan tambahkan wrap_content
    untuk ini juga.
  • 2:28 - 2:32
    Oke, Button pertama akan
    terbilang +3 Points.
  • 2:32 - 2:35
    Saya akan lanjut dan salin ini dan
  • 2:35 - 2:40
    menempelkannya disini sekali,
    dua kali untuk mendapat dua Button lagi.
  • 2:40 - 2:43
    Satu Button akan terbilang
    +2 Points dan
  • 2:43 - 2:45
    satu lagi terbilang Free Throw.
  • 2:45 - 2:47
    Oke, mari kita lihat tampilannya
    di Preview.
  • 2:48 - 2:51
    Nah, saya punya tiga tombol.
  • 2:51 - 2:54
    Saya dapat melihat Team A dan 0.
  • 2:54 - 2:56
    Jadi saya mendapatkan
    semua view saya.
  • 2:56 - 2:59
    Tapi ini tidak terlihat seperti bayangan akhir
    yang diharapkan.
  • 2:59 - 3:01
    Ingat, mereka ada di kolom vertikal.
  • 3:01 - 3:03
    Jadi saya pikir saya akan mengubah
    orientasi layout saya.
  • 3:03 - 3:05
    Akan saya lakukan itu.
  • 3:05 - 3:10
    Mulai ketik orientation dan saya
    menginginkannya vertikal.
  • 3:10 - 3:12
    Oke, terlihat lebih baik.
  • 3:12 - 3:17
    Tombol-tombol ini sebenarnya diperluas
    untuk mengisi lebarnya jendela layar.
  • 3:17 - 3:20
    Jadi saya tidak mau melakukan
    wrap_content untuknya,
  • 3:20 - 3:23
    sebagai gantinya saya akan melakukan
    match_parent.
  • 3:23 - 3:24
    Jadi, ijinkan saya
    mengubahnya sekarang.
  • 3:26 - 3:29
    Oke, sekarang lebar semua tombol telah
    menjadi match_parent.
  • 3:29 - 3:30
    Ayo ke Preview.
  • 3:31 - 3:33
    Oke, kelihatannya lebih baik,
    mereka membesar.
  • 3:33 - 3:34
    Baiklah.
  • 3:34 - 3:39
    Teks saya masih rada terpojok di sudut,
  • 3:39 - 3:44
    dan untuk membetulkannya saya akan
    memakai sesuatu bernama gravity.
  • 3:44 - 3:46
    Oke, saya di sini dengan Google Drawling.
  • 3:46 - 3:49
    Mari kita buat satu text box di
    Google Drawling.
  • 3:50 - 3:52
    Oke, sebanyak ini batas pandangan.
  • 3:52 - 3:54
    Saya dapat mengetik kata Team A,
  • 3:54 - 3:58
    dan secara otomatis akan tampil di
    sudut kiri atas.
  • 3:58 - 4:01
    Sama seperti TextView, waktu Anda
    menaruh teks di TextView,
  • 4:01 - 4:03
    secara otomatis ia akan ada di
    sudut kiri atas.
  • 4:03 - 4:09
    Dengan Google Drawings, saya dapat
    memilih teks ini dan menggunakan
  • 4:09 - 4:14
    sesuatu yang setara dengan attribute,
    namanya line, untuk menengahkannya
  • 4:14 - 4:19
    secara mendatar dalam kotak teks dan
    tertengahkan secara vertikal di dalamnya.
  • 4:19 - 4:20
    Lumayan keren.
  • 4:20 - 4:24
  • 4:24 - 4:27
  • 4:27 - 4:30
  • 4:30 - 4:34
  • 4:34 - 4:37
  • 4:37 - 4:39
  • 4:40 - 4:44
  • 4:45 - 4:47
  • 4:47 - 4:49
  • 4:49 - 4:51
  • 4:51 - 4:53
  • 4:53 - 4:56
  • 4:56 - 4:58
  • 4:58 - 5:00
  • 5:00 - 5:03
  • 5:04 - 5:08
  • 5:09 - 5:13
  • 5:15 - 5:16
  • 5:16 - 5:21
  • 5:21 - 5:25
  • 5:25 - 5:27
  • 5:27 - 5:32
  • 5:32 - 5:33
  • 5:33 - 5:39
  • 5:39 - 5:40
  • 5:40 - 5:45
  • 5:45 - 5:47
  • 5:47 - 5:50
  • 5:50 - 5:52
  • 5:54 - 5:56
  • 5:57 - 5:59
  • 6:00 - 6:05
  • 6:05 - 6:06
  • 6:07 - 6:08
  • 6:09 - 6:11
  • 6:11 - 6:12
  • 6:12 - 6:14
  • 6:16 - 6:19
  • 6:19 - 6:20
  • 6:20 - 6:26
  • 6:27 - 6:29
  • 6:29 - 6:31
  • 6:31 - 6:32
  • 6:32 - 6:34
  • 6:34 - 6:37
  • 6:37 - 6:41
  • 6:41 - 6:46
  • 6:47 - 6:48
  • 6:48 - 6:52
  • 6:52 - 6:54
  • 6:54 - 6:57
  • 6:58 - 7:01
  • 7:01 - 7:04
  • 7:08 - 7:11
  • 7:16 - 7:19
  • 7:19 - 7:24
  • 7:24 - 7:26
  • 7:26 - 7:30
  • 7:30 - 7:32
  • 7:32 - 7:34
  • 7:34 - 7:38
  • 7:38 - 7:41
  • 7:41 - 7:43
  • 7:44 - 7:45
  • 7:45 - 7:47
  • 7:47 - 7:49
  • 7:49 - 7:53
  • 7:53 - 7:55
  • 7:56 - 8:00
  • 8:00 - 8:01
  • 8:01 - 8:04
  • 8:04 - 8:08
  • 8:08 - 8:12
  • 8:12 - 8:15
  • 8:17 - 8:18
  • 8:18 - 8:19
  • 8:19 - 8:20
タイトル:
07-23 The Stages - Solution
概説:

more » « less
Video Language:
English
Team:
Udacity
プロジェクト:
UD837 - Android for Beginners
Duration:
08:22

Indonesian subtitles

改訂 Compare revisions