Return to Video

02-06 Visualize_and_Fix_Overdraw_-_Quiz

  • 0:00 - 0:02
    Hai, apa kabar?
  • 0:02 - 0:03
    Terima kasih, Colt.
  • 0:03 - 0:05
    Saya sangat bersemangat utk
    membahas tentang
  • 0:05 - 0:08
    situasi pengembang terkait
    overdraw.
  • 0:08 - 0:09
    Jika Anda ingin mengikutinya,
  • 0:09 - 0:13
    Anda perlu mengkloning sampel kode
    di URL dalam catatan instruktur.
  • 0:13 - 0:16
    Baiklah, kita sekarang telah membuka
    aplikasi kode sampel.
  • 0:16 - 0:20
    Bayangkan Anda baru saja membuat
    aplikasi chatting dan
  • 0:20 - 0:23
    ingin tahu seberapa bagus respons
    Anda terhadap kinerja overdraw.
  • 0:24 - 0:27
    Hal pertama yg perlu dilakukan adalah
    mengumpulkan info kinerja
  • 0:27 - 0:28
    aplikasi Anda.
  • 0:28 - 0:31
    Untuk melakukannya, pengaturan
    debug overdraw GPU perlu diaktifkan
  • 0:31 - 0:32
    di perangkat.
  • 0:32 - 0:36
    Anda dapat menemukannya di bagian
    Opsi Pengembang di pengaturan
  • 0:36 - 0:37
    sistem, kira-kira begitu.
  • 0:41 - 0:43
    Oke, setelan sudah aktif.
  • 0:43 - 0:44
    Kembali ke aplikasi chatting.
  • 0:44 - 0:49
    Aduh, lihat semua overdraw
    berlebih di sini.
  • 0:49 - 0:52
    Anda perlu menguranginya, terutama
    di area berwarna merah.
  • 0:52 - 0:55
    Saya ingatkan kembali tentang
    arti warna-warnanya.
  • 0:58 - 1:00
    Bagus, siap menggali lebih jauh?
  • 1:01 - 1:03
    Mari mempelajari cara UI
    dibuat, dan melihat
  • 1:03 - 1:05
    apa dapat sedikit dibersihkan
    utk mengurangi overdraw.
  • 1:06 - 1:08
    Kini, seperti yg disebutkan Colt,
  • 1:08 - 1:12
    salah satu caranya adalah menghapus latar
    belakang & area gambar yang tidak perlu.
  • 1:12 - 1:13
    Jadi, mari kita coba.
  • 1:14 - 1:17
    Bagaimana kalau Chatum disederhanakan
    jadi seperti ini?
  • 1:20 - 1:23
    Tapi mari kita selesaikan masalahnya
    satu demi satu.
  • 1:23 - 1:26
    Misalnya, perhatikan bahwa kita
    memiliki overdraw
  • 1:26 - 1:29
    hijau atau dua x di latar belakang
    Chatum di sini.
  • 1:29 - 1:30
    Mengapa ini terjadi?
  • 1:30 - 1:33
    Ternyata aktivitas dasar Chatum
    menggunakan tata letak frame
  • 1:33 - 1:37
    dengan latar belakang putih opaque
    yang memenuhi seluruh layar.
  • 1:37 - 1:40
    Kita suka ini, namun bentrok dengan
    default tema material Android,
  • 1:40 - 1:43
    terutama latar belakang jendela
    yang bisa digambar.
  • 1:43 - 1:45
    Ini menyebabkan overdraw
    yang tidak perlu.
  • 1:45 - 1:49
    Sebagai pengembang, kita harus
    membuat keputusan desain.
  • 1:49 - 1:51
    Misal, pertahankan
    latar belakang putih,
  • 1:51 - 1:54
    yang artinya tidak ada tujuan tertentu
    untuk tema material.
  • 1:55 - 1:58
    Jadi, salah satu pengoptimalan yang
    bisa dilakukan adalah mengatur
  • 1:58 - 2:00
    latar belakang aktivitas yang
    bisa digambar ke nol
  • 2:00 - 2:02
    Mari saya tunjukkan cara melakukannya
    dengan kode.
  • 2:02 - 2:07
    Dalam aktivitas dasar Chatum, mari
    kita lihat metode onCreate.
  • 2:07 - 2:09
    Pakai pernyataan ini utk
    meniadakan latar belakang.
  • 2:11 - 2:12
    Bagus.
  • 2:12 - 2:15
    Dengan meniadakan latar belakang, kita
    mengurangi overdraw dari hijau jadi
  • 2:15 - 2:19
    biru, mengurangi overdraw jadi satu
    x secara efektif.
  • 2:19 - 2:20
    Bagus.
  • 2:21 - 2:23
    Sekarang, perubahan terprogram.
  • 2:23 - 2:27
    Mari kita lihat markup XML untuk
    memeriksa apakah ada yg bisa diedit.
  • 2:27 - 2:31
    Anda mungkin sudah melihat bahwa ada
    tiga file XML yang menentukan
  • 2:31 - 2:32
    antarmuka pengguna Chatum.
  • 2:33 - 2:37
    Ada aktivitas dasar Chatum Latinum,
    XML untuk
  • 2:37 - 2:42
    fragmen chatting, dan XML tunggal
    untuk item chatting kami.
  • 2:45 - 2:47
    Seperti yang disebutkan sebelumnya,
  • 2:47 - 2:49
    kami ingin mempertahankan latar
    belakang putih ini di sini.
  • 2:50 - 2:52
    Jadi, jangan hapus apa pun.
  • 2:52 - 2:56
    Mungkin ada peluang untuk mengedit
    di dua file XML lainnya.
  • 2:56 - 2:57
    Bantu saya di sini.
  • 2:59 - 3:01
    Bantu saya menyisir file XML
    lainnya dan
  • 3:01 - 3:05
    lihat apakah Anda dapat menghapus
    latar belakang yang tidak perlu.
  • 3:05 - 3:06
    Setelah selesai,
  • 3:06 - 3:08
    masukkan jumlah latar belakang
    yang dihapus dalam kotak ini.
  • 3:10 - 3:12
    Jika mengalami kesulitan,
    tak perlu cemas.
  • 3:12 - 3:13
    Beralihlah ke solusi.
Title:
02-06 Visualize_and_Fix_Overdraw_-_Quiz
Description:

02-06 Visualize_and_Fix_Overdraw_-_Quiz

more » « less
Video Language:
English
Team:
Udacity
Project:
ud825 - Android Performance
Duration:
03:14

Indonesian subtitles

Revisions