Menggunakan ListView Builder dan Separated di Flutter

00:42:33
https://www.youtube.com/watch?v=xlDNCMV6sAs

Summary

TLDRVideo ini adalah tutorial praktikal tentang cara membina dan mengaplikasikan ListView dalam Flutter, terutamanya menggunakan ListView.builder dan ListView.separated. Pembicara memberikan panduan langkah demi langkah untuk membina projek baru, mencipta kelas MaterialApp, dan menambahkan widget ke skrin. Contoh projek melibatkan menampilkan senarai pelajar dengan setiap item mempunyai title, subtitle, dan ikon. Tutorial ini juga termasuk cara menggunakan Navigator untuk berpindah antara halaman dan bagaimana menyesuaikan elemen UI mengikut keperluan. Lebih lanjut, video mengajar bagaimana untuk mengatur gaya senarai menggunakan teks, ikon, dan menambahkan fungsi interaktif seperti butang yang berpindah ke skrin lain apabila ditekan.

Takeaways

  • 📚 Pelajari penggunaan ListView dalam Flutter.
  • 🛠️ Ketahui cara menambahkan elemen visual seperti ikon dan teks.
  • ➕ Bagaimana menggunakan ListView.builder untuk menampilkan senarai panjang.
  • 📏 Pisahkan item menggunakan ListView.separated.
  • 🔄 Integrasi event seperti klik pada ikon.
  • 🏠 Menavigasi antara halaman menggunakan Navigator.
  • 🎨 Memperbaik UI dengan CircularAvatar untuk gambar dan ikon.
  • 📋 Gunakan final untuk mendeklarasi senarai tetap.
  • 🚧 Buat kelas baru dan pahami lifecycle widget.
  • 🚀 Laksanakan projek Flutter pada emulator.

Timeline

  • 00:00:00 - 00:05:00

    Pengajar memperkenalkan projek menggunakan ListView dalam aplikasi Flutter. Penjelasan asas tentang bagaimana item ditampilkan dengan menggunakan ListView bersama elemen seperti title, subtitle, leading, dan trailing. Ini termasuk interaksi asas seperti klik yang boleh menukar halaman menggunakan butang back.

  • 00:05:00 - 00:10:00

    Mengimport library 'material.dart' dan membuat kelas halaman utama untuk projek. Dibincangkan adalah cara mengatur widget asas pada halaman utama termasuk struktur asas yang melibatkan penggunaan Scaffold dan AppBar.

  • 00:10:00 - 00:15:00

    Penambahan judul dan warna latar belakang pada AppBar. Penjelasan langkah demi langkah bagaimana menulis kod untuk mengatur judul aplikasi. Juga, bagaimana mengimpot dan memanggil nama kelas dalam aplikasi yang baru untuk penggunaan emulator.

  • 00:15:00 - 00:20:00

    Digunakan ListView.builder untuk memaparkan senarai data. Penjelasan tentang bagaimana menggunakan ListView.builder berfungsi untuk memaparkan item dari senarai yang telah dinyatakan. Kod diatur untuk menampilkan nama-nama sebagai contoh yang disimpan dalam array.

  • 00:20:00 - 00:25:00

    Memasukkan senarai item dan mengatur format teks untuk lebih interaktif dengan penggunaan Array untuk menyimpan data. Ditunjukkan cara menyalin dan mengulang data dalam array untuk memaparkan banyak rekod dengan mudah dalam ListView.

  • 00:25:00 - 00:30:00

    Fokus pada membuat widget lebih menarik dengan menggunakan Card dan memberi gaya tambahan pada teks yang dipaparkan. Memanfaatkan ListTitle untuk tujuan reka bentuk yang lebih baik dan membungkus teks dalam widget yang sesuai untuk interaktiviti dan gaya.

  • 00:30:00 - 00:35:00

    Langkah lanjut dalam menghias setiap item dalam senarai dengan menambahkan icon leading dan trailing, serta subtitle untuk menyampaikan maklumat tambahan. Menyediakan butang yang mempunyai fungsi pre-determined apabila ditekan.

  • 00:35:00 - 00:42:33

    Menghubungkan tindakan menekan pada butang untuk mendedahkan halaman lain yang disediakan dengan mengimport skrip halaman berasingan. Aplikasi navigasi dibina untuk memudahkan pergerakan di antara halaman dalam aplikasi menggunakan Navigator.

Show more

Mind Map

Mind Map

Frequently Asked Question

  • Apa fungsi ListView dalam Flutter?

    ListView digunakan untuk menampilkan daftar item dalam bentuk scrollable.

  • Bagaimana cara menambahkan item ke dalam ListView?

    Item bisa ditambahkan menggunakan ListView.builder atau ListView.separated, di mana data diambil dari array.

  • Apa perbedaan antara ListView.builder dan ListView.separated?

    ListView.builder tidak memisah item secara otomatis, sedangkan ListView.separated menyediakan separator di antara item.

  • Bagaimana cara membuat ListView dengan leading dan trailing icon?

    Dengan menggunakan ListTile dan menambahkan parameter leading dan trailing.

  • Apa itu 'separator' dalam ListView.separated?

    Separator adalah elemen yang memisahkan item, dan bisa dirancang sesuai kebutuhan.

  • Bagaimana cara menjalankan aplikasi Flutter di emulator?

    Eksekusi aplikasi dapat dilakukan dengan menekan 'Ctrl + S' untuk menyimpan dan menjalankan di emulator.

  • Bagaimana cara menavigasi ke halaman lain dalam Flutter?

    Gunakan Navigator.push dengan konteks dan widget halaman baru.

  • Apa kegunaan CircularAvatar dalam ListView?

    CircularAvatar digunakan untuk menampilkan gambar atau teks dalam bentuk lingkaran di leading.

  • Apa itu itemCount dalam ListView.builder?

    itemCount menetapkan jumlah total item yang akan ditampilkan di ListView.

  • Apa itu context dalam build method di Flutter?

    Context menyediakan informasi tentang lokasi widget dalam struktur aplikasi.

View more video summaries

Get instant access to free YouTube video summaries powered by AI!
Subtitles
id
Auto Scroll:
  • 00:00:00
    hai hai
  • 00:00:01
    [Musik]
  • 00:00:05
    Hi Ho
  • 00:00:10
    Halo Halo teman-teman selamat bertemu
  • 00:00:12
    kembali di flash Neul kali ini kita akan
  • 00:00:14
    belajar bagaimana menggunakan listview
  • 00:00:17
    ya dengan
  • 00:00:19
    father
  • 00:00:21
    jadi contohnya nanti teman-teman seperti
  • 00:00:24
    ini hasilnya outputnya seperti ini yang
  • 00:00:26
    akan kita buat Gimana ada beberapa item
  • 00:00:29
    yang akan kita item apa ya ini daftar ya
  • 00:00:33
    daftar simak siswa ini bisa ditampilkan
  • 00:00:36
    dalam bentuk review jadi nanti bentuknya
  • 00:00:39
    seperti ini ya teman teman
  • 00:00:40
    Di sini ada i Hai title atau judul ya
  • 00:00:45
    judul dari icon-nya kemudian dibawahnya
  • 00:00:47
    juga ada tulisan seperti ini yang kecil
  • 00:00:48
    atau disebut Nah dengan subtitle ya ini
  • 00:00:51
    kemudian di sini ada Leading ya dalam
  • 00:00:55
    bentuk icon Avatar kemudian ada juga di
  • 00:00:59
    sini
  • 00:00:59
    icon Ya trainingnya tapi ini dalam
  • 00:01:03
    bentuk tombol sinyal nanti kalau ini
  • 00:01:05
    kita klik misalnya maka kita berikan
  • 00:01:07
    event untuk menampilkan halaman yang
  • 00:01:10
    lain ini tombol backnya bisa kita
  • 00:01:12
    kembalikan ke halaman yang jadi Oke
  • 00:01:15
    seperti ini nanti yang akan kita buat
  • 00:01:16
    Nanti saja silahkan buat Project baru
  • 00:01:20
    ini mungkin saya
  • 00:01:23
    Hai qasimiyah saya hapus semua kode gini
  • 00:01:26
    Oke kemudian nafsu saja di Medan kita
  • 00:01:31
    kita akan ketik coding nya di sini oke
  • 00:01:35
    seperti biasa ya kita akan mengimport
  • 00:01:37
    referensi material cat nya
  • 00:01:43
    Hai detik kemudian kaca tambahkan sebuah
  • 00:01:48
    choinice
  • 00:01:52
    nah disini akan kita isi dengan nama
  • 00:01:55
    kelas material F yang akan kita Panggil
  • 00:01:57
    pada saat Project kita kita jalankan di
  • 00:01:59
    emulator
  • 00:02:05
    katakan saja saya buat namanya disini
  • 00:02:07
    halaman material F halaman material Oke
  • 00:02:12
    saya buat saja seperti ini halaman
  • 00:02:14
    material kemudian kita coba nah ini
  • 00:02:17
    masih digarisbawahi merah karena memang
  • 00:02:20
    kelasnya belum ada ini hanya nama
  • 00:02:22
    kelasnya Lex karena itu kita buat nama
  • 00:02:24
    kelasnya seperti biasa kita buat ST
  • 00:02:26
    untuk menampilkan pilihan dari Wechat
  • 00:02:30
    saya jenis dari widget ya Jadi kita
  • 00:02:32
    gunakan di sini step full ya karena
  • 00:02:34
    nanti di dalam
  • 00:02:35
    project ini ada perubahan-perubahan dari
  • 00:02:38
    halamannya Oke nama kelasnya tadi sudah
  • 00:02:41
    kita disini alamat material tapi
  • 00:02:43
    dihalaman wafernya kemudian di bagian WC
  • 00:02:46
    Triton ya ini kontainer ini kita ganti
  • 00:02:48
    dengan material f
  • 00:02:51
    oke Di Dalam material efeknya kita bisa
  • 00:02:54
    memberikan title yang seperti ini di
  • 00:02:56
    atas title dari hal Project kita tinggal
  • 00:02:59
    kita buat kita kemudian kita lihat kita
  • 00:03:01
    Tuliskan di sini dalam waktu spray kita
  • 00:03:04
    buat saja latihan please hyungnya
  • 00:03:06
    seperti ini
  • 00:03:08
    Oke kemudian sih material F ini juga dia
  • 00:03:13
    membutuhkan ini ya home home Artinya
  • 00:03:16
    kita akan
  • 00:03:18
    menuliskan disini nama kelas dari
  • 00:03:21
    desain Skyfall kita nanti jadi atau nama
  • 00:03:24
    kelas dari Skyfall kita dikatakan kita
  • 00:03:26
    buat nama kelasnya di sini desain Disini
  • 00:03:30
    Hai Nah apa namanya halaman desain yang
  • 00:03:33
    tidak biasa aja halaman desain seperti
  • 00:03:36
    ini kelas kita buka kita buat apa ya
  • 00:03:38
    buka kurung tutup kurung ke seperti ini
  • 00:03:41
    hai oke seperti deh Jadi ada dua item ya
  • 00:03:43
    kita cantumkan di bagian materainya
  • 00:03:46
    disini kita buat konstantanya supaya
  • 00:03:48
    nanti tidak hero
  • 00:03:50
    Eh ok
  • 00:03:55
    Hai kayak gini masih digarisbawahi merah
  • 00:03:57
    ini masih digarisbawahi merah karena
  • 00:03:59
    memang apa namanya kelas nya belum ada
  • 00:04:03
    yah seperti ini tadi ya saat kita buat
  • 00:04:06
    nama kelas dari matte revenue karena
  • 00:04:08
    belum ada makalah ini pasti warna merah
  • 00:04:11
    ya di-wa teror Oleh karena itu maka kita
  • 00:04:13
    buat kelasnya seperti tadi kita
  • 00:04:16
    tampilkan perintah pemilihan WeChat dari
  • 00:04:19
    jenis dari websitenya kita gunakan saja
  • 00:04:21
    yang full ya setiap full kita gua di
  • 00:04:23
    sini nama kelas untuk Skyfall nya
  • 00:04:26
    halaman desain seperti yang kita buat
  • 00:04:28
    tadi di sini oke kita samakan ya cara
  • 00:04:31
    penulisannya kemudian di bagian widget
  • 00:04:33
    ya bagian Ridhonya ini kita ganti dengan
  • 00:04:35
    skep
  • 00:04:36
    Oke di dalam Skyfall kita bisa
  • 00:04:39
    menuliskan atau membuat apa namanya
  • 00:04:41
    Edwar Ya seperti ini tinggal kita buat
  • 00:04:44
    sinebar kita gunakan WeChat evbang
  • 00:04:48
    seperti ini kemudian didalamnya Marini
  • 00:04:52
    kita buat mikronya ya background
  • 00:04:55
    Hai kalornya kita buat warna merah
  • 00:05:00
    seperti atau biru lagi soalnya blum atau
  • 00:05:03
    krim terserah nanti warna apa saja
  • 00:05:05
    kemudian kita bisa memberikan tulisannya
  • 00:05:07
    di dalam hebat ini di kita gunakan
  • 00:05:10
    perintah title kemudian kita gunakan
  • 00:05:13
    widget text ya kita memberikan titelnya
  • 00:05:16
    dengan menggunakan widget text tulisan
  • 00:05:19
    apa yg kita tampilkan kita buat seperti
  • 00:05:20
    chocolate Ville Oke saja disini contoh
  • 00:05:24
    please view gampang ya Ya seperti ini
  • 00:05:29
    kita mungkin boleh tambahkan strukturnya
  • 00:05:31
    disini course supaya hilang garis
  • 00:05:34
    birunya Oke kalau sudah seperti ini
  • 00:05:37
    tinggal kita nanti buat bisnya Yang ini
  • 00:05:40
    tadi ya nanti kalau kita jalankan ini ya
  • 00:05:42
    kalau kita jalankan nanti yang ada hanya
  • 00:05:44
    ini ya apa namanya
  • 00:05:47
    Hai hanya hebatnya ini yang nya masih
  • 00:05:50
    ada ya Oke coba kita jalankan dulu ini
  • 00:05:53
    tak tinggal kontrol save controls ya
  • 00:05:57
    tekan kontrol es kemudian nanti akan
  • 00:05:59
    dijalankan di emulatornya
  • 00:06:03
    Oh ya kita lihat hasilnya dulu yang
  • 00:06:04
    sudah kita buat ini tadi kita sudah buat
  • 00:06:07
    hebatnya ya dengan warna biru kemudian
  • 00:06:08
    kita buat kita logie baird yaitu contoh
  • 00:06:11
    list view
  • 00:06:12
    Ayo kita lihat hasilnya nanti di
  • 00:06:14
    emulator kita
  • 00:06:17
    Hai kini sudah ada ya Nah sekarang kita
  • 00:06:19
    polisnya nah di video tutorial ini saya
  • 00:06:24
    gunakan
  • 00:06:24
    untuk menampilkan listnya itu saya
  • 00:06:27
    gunakan review Builder ya nanti kita
  • 00:06:30
    bisa menggunakan Rizky juga tapi disini
  • 00:06:32
    saya gunakan di sini Builder Oke kita
  • 00:06:35
    tambahkan dibawa hebatnya ini body Yei
  • 00:06:38
    sini ya dibawa hebatnya ya ini
  • 00:06:42
    kita akan menambahkan review di bagian
  • 00:06:45
    bodinya nanti
  • 00:06:47
    Hai pakai bodi seperti ini kemudian di
  • 00:06:49
    body Nikita boleh view tapi Disney yang
  • 00:06:52
    kita gunakan adalah deelishea Builder
  • 00:06:54
    kalau kita gunakan rezeki Builder ini
  • 00:06:57
    dia butuhkan kita akan membuat item
  • 00:07:00
    buildernya itu ya Nah perbedaannya kalau
  • 00:07:04
    listrik biasa dia tidak perlu
  • 00:07:05
    membutuhkan item Builder ini tapi kalau
  • 00:07:08
    kita gunakan alis Builder ini kita harus
  • 00:07:11
    mendeklarasikan item-itemnya kita
  • 00:07:13
    tampilkan di dalam di situ Di dalam
  • 00:07:14
    sebuah variabel berbentuk Rei itu ya
  • 00:07:19
    Diah Sebelum kita lanjutkan ini kita
  • 00:07:21
    deklarasikan dulu variabel yaitu dalam
  • 00:07:24
    bentuk Rey kita Letakkan nya di sini ya
  • 00:07:27
    Ini tadi setiap pong kemudian diatasnya
  • 00:07:30
    ada kelas Tabnya yah yang ini kita
  • 00:07:31
    Letakkan nyaris ini kita ini kita
  • 00:07:34
    turunkan dan kita deklarasikan
  • 00:07:35
    variabelnya dibikin ini
  • 00:07:38
    Oh yes jadi caranya bagaimana kita buat
  • 00:07:41
    di sini jadinya adalah final kemudian
  • 00:07:43
    tv-nya adalah list kemudian nama
  • 00:07:46
    variabelnya kita bahasa Jerman siswa
  • 00:07:48
    lalu kemudian untuk mengisinya yang kita
  • 00:07:51
    gua sama dengan kemudian kursiku Ya
  • 00:07:54
    seperti ini ini mah ini simbol dari reya
  • 00:07:57
    kemudian titik pohon
  • 00:07:58
    ini kreasi kue dibuka kursiku kemudian
  • 00:08:01
    tutup kurung siku ini simbol dari lalu
  • 00:08:05
    kita
  • 00:08:06
    isi-isi dari orange Ayah rekor dari
  • 00:08:09
    orangnya tadi nama-nama Mas negara ini
  • 00:08:11
    kita inginkan untuk menampung nama-nama
  • 00:08:13
    mahasiswa atau daftar mahasiswa maka
  • 00:08:14
    kita isi dengan nama nama mahasiswa
  • 00:08:17
    contoh ya kita buat Budi Kemudian Agus
  • 00:08:22
    nanti teman-teman boleh ganti dengan
  • 00:08:23
    yang lainnya
  • 00:08:27
    hai hai
  • 00:08:29
    The Village
  • 00:08:31
    the pitch
  • 00:08:33
    Hai
  • 00:08:36
    ini kalau bisa agamanya ya supaya nanti
  • 00:08:39
    isinya itu atau tulisannya Itu bisa
  • 00:08:42
    melebihi satu halaman ini ya ini mungkin
  • 00:08:46
    saya copy saja ya saya gandakan ya
  • 00:08:49
    karena kan saja supaya bisa kita punya
  • 00:08:53
    record yang banyak Nanti Oke seperti ini
  • 00:08:56
    Katakanlah seperti ini sudah kita gua
  • 00:08:58
    lalu sekarang ini dia sudah kita buat
  • 00:09:01
    Bagaimana caranya untuk
  • 00:09:02
    menampilkannya ke bodi yah ke bodi dari
  • 00:09:05
    aplikasi kita jadi nanti kita Panggil ya
  • 00:09:10
    rekor ikot ini
  • 00:09:12
    Hai
  • 00:09:12
    Nah kita kembali ke ini tadi ke bagian
  • 00:09:15
    istri buildernya nah ini kita turunkan
  • 00:09:18
    tubuh hingga
  • 00:09:19
    I Ketut gurunya juga kita turunkan
  • 00:09:22
    nah supaya semua record dari ready bisa
  • 00:09:25
    terbaca nanti maka kita harus buat
  • 00:09:28
    disini item soundnya nah bagaimana
  • 00:09:32
    caranya untuk menempatkan menambahkan
  • 00:09:35
    jumlah dari keseluruhan rekor dari orasi
  • 00:09:39
    mahasiswa ini maka kita tinggal Sebutkan
  • 00:09:41
    nama reya tadi kita buat mahasiswa
  • 00:09:44
    kemudian titik lengket nih jadi dengan
  • 00:09:49
    perintah length ini maka dia akan
  • 00:09:52
    menghitung otomatis Berapa jumlah record
  • 00:09:55
    yang ada di dalam
  • 00:09:56
    laisimo sesuai oke itu gunanya nanti si
  • 00:10:00
    item.com ini nanti gunanya item.com ini
  • 00:10:02
    gunanya untuk
  • 00:10:03
    apa namanya ya supaya program kita ini
  • 00:10:07
    tahu berapa berapa banyak icon icon yang
  • 00:10:10
    akan ditampilkan
  • 00:10:11
    di Listrik kita
  • 00:10:13
    hai oke sekarang hitam buildernya item
  • 00:10:16
    foldernya ini kita buat seperti ini
  • 00:10:20
    buka kurung tutup kurung kemudian buka
  • 00:10:22
    kurung kurawal nanti tutup kurung
  • 00:10:24
    kurawal tapi ente tutup kurung kurawal
  • 00:10:27
    nya disini kemudian di dalam kurung
  • 00:10:28
    biasa tadi kita disediakan buildernya
  • 00:10:30
    jadi build konteks
  • 00:10:34
    build konteks tapi lihat ini kemudian
  • 00:10:39
    hai account.exe
  • 00:10:42
    yo yo teks kemudian koma kita buat
  • 00:10:45
    disini intex oke
  • 00:10:47
    nah konteks ini hati fungsinya untuk
  • 00:10:50
    menampung tampilannya Indeks ini untuk
  • 00:10:52
    membaca urutan dari trailer apa rekor
  • 00:10:55
    dari Regita Ya seperti ini kemudian
  • 00:10:59
    dibawa ini di dalam kurung kurawal ya
  • 00:11:01
    kita buat disini right on the
  • 00:11:04
    Hai Kehna riton ini untuk menampilkan
  • 00:11:06
    recordnya Ya tinggal kita buat kalau
  • 00:11:09
    misalnya di listview ini kita akan
  • 00:11:12
    menampilkan sebuah teks detection dimana
  • 00:11:15
    widget text itu isinya adalah rekor dari
  • 00:11:17
    Regita ini berarti tinggal kita gua
  • 00:11:18
    seperti ini teh
  • 00:11:21
    kemudian kita Panggil tadi ini Nuraini
  • 00:11:24
    Bagaimana caranya kita sebutkan dulu
  • 00:11:27
    nama orangnya
  • 00:11:28
    nah siswa kemudian tinggal kita buat
  • 00:11:32
    indeks seperti ini ya ini titik koma
  • 00:11:37
    jadi teks mahasiswa indeks jadi kita
  • 00:11:41
    akan menampilkan
  • 00:11:43
    You are correct out dari siswa-siswa ini
  • 00:11:46
    berdasarkan urutannya indexnya
  • 00:11:48
    Indeks ini tapi kan kita sudah buat di
  • 00:11:51
    sini ya Di itu burger ini mungkin kalau
  • 00:11:54
    kita perbesar hurufnya boleh ya kita
  • 00:11:56
    buat disini koma kemudian style teksnya
  • 00:11:59
    akan kita atur
  • 00:12:01
    hurufnya kan kita perbesar sedikit ya
  • 00:12:05
    Oh
  • 00:12:06
    ya full-size mungkin kita buat 30
  • 00:12:09
    seperti ini Jadi mungkin kita tambahkan
  • 00:12:11
    konstanta cuma kita jalankan dulu
  • 00:12:16
    hai oke hasilnya seperti ini Oke Bisa
  • 00:12:19
    kita Scroll ya Jadi ini kelebihan kalau
  • 00:12:21
    kita gunakan review ya kalau isi atau ID
  • 00:12:26
    objek kita tampilkan di dalam
  • 00:12:29
    about bagian bodi itu melebihi
  • 00:12:32
    kapasitas halamannya maka itu bisa
  • 00:12:34
    diskon kalau memang kita gunakan miskin
  • 00:12:36
    Oke ini tampilannya seperti ini saja
  • 00:12:39
    mungkin sederhana kalau kita bisa apa
  • 00:12:42
    kalau kita buat menarik bisa saja ya
  • 00:12:44
    tinggal kita buat seperti ini ini tadi
  • 00:12:48
    rekor-rekor Ini tadi atau
  • 00:12:50
    teks dari
  • 00:12:53
    ini tadi ini ya bagian perintah ini tadi
  • 00:12:56
    ini akan kita masukkan di dalam sebuah
  • 00:12:59
    apa namanya ya widget lain
  • 00:13:01
    misalnya kontainer atau yang lain Jadi
  • 00:13:04
    kita bungkus ini kita tempelkan ini
  • 00:13:06
    tulisan ini
  • 00:13:07
    kita tempelkan dulu dia ke apa sebuah
  • 00:13:10
    kotak saya sehingga ini nanti agar lebih
  • 00:13:13
    menarik ya nah bagaimana caranya Nah
  • 00:13:16
    kita buat seperti ini
  • 00:13:18
    mungkin kalau manualnya kita buat saja
  • 00:13:21
    atau supaya lebih cepat oke manual saja
  • 00:13:22
    gini kita turunkan dulu baca beritanya
  • 00:13:25
    ini kita isi dengan Cup jadi kita akan
  • 00:13:27
    menampilkan
  • 00:13:29
    tulisan ini tadi atau rekor repot ini
  • 00:13:32
    kedalam sebuah kartu karya seperti ini
  • 00:13:34
    Oke Kartini bisa kita fungsi karya bisa
  • 00:13:39
    kita tempelkan ke dia objek yang lain
  • 00:13:41
    dengan menggunakan cair oke nah apa
  • 00:13:45
    cairnya cairnya adalah ini nah yang ini
  • 00:13:47
    tadi kita copy kan ke sini
  • 00:13:50
    hai oke ya ke kita jadikan sebagai
  • 00:13:53
    cairnya sikap ini bukan titik komanya
  • 00:13:55
    tetap istiqomahnya harusnya titik
  • 00:13:57
    pokoknya nanti disini karena dia sudah
  • 00:13:58
    menggunakan atau dibungkus oleh WeChat
  • 00:14:00
    hack cash seperti ini cuaca Simpang
  • 00:14:06
    Hai keadaan kita lihat di sini hasilnya
  • 00:14:08
    seperti ini Jadi ini seakan-akan tulisan
  • 00:14:10
    ini sudah berada di dalam kota Nah kalau
  • 00:14:13
    misalnya kotak ini kita perbesar nanti
  • 00:14:14
    boleh saja ya kita tambahkan besarnya
  • 00:14:17
    kita kita warnai ditanyakan ini bagian
  • 00:14:21
    Kartini kita warnai ya kita buat
  • 00:14:23
    misalnya kalornya kalornya kita buat
  • 00:14:26
    yellow
  • 00:14:27
    sore colours kemudian yellow seperti
  • 00:14:31
    cuaca simpan nah ini nanti akan berwarna
  • 00:14:34
    merah ya seperti
  • 00:14:37
    Oke kemudian
  • 00:14:40
    Eh kalau misalnya kita gunakan seperti
  • 00:14:42
    ini maka ya Modelnya seperti ini saja
  • 00:14:44
    tapi kita inginkan nanti di bagian
  • 00:14:48
    selanjutnya
  • 00:14:49
    ciri-cirinya ada icon dibagian kanan
  • 00:14:52
    Cubadak icon kita tambahkan tulisan yang
  • 00:14:55
    lain Nah kita boleh gunakan apa namanya
  • 00:15:00
    kail ya Lifestyle ya file-nya stylenya
  • 00:15:03
    bukan langsung seperti ini kalau ini kan
  • 00:15:06
    langsung ya
  • 00:15:07
    teks ini langsung kita tempelkan ke
  • 00:15:10
    bagian kakinya tetapi nanti model-model
  • 00:15:12
    lainnya oleh kita buat seperti ini kita
  • 00:15:14
    diturunkan dulu kita masukkan nanti dia
  • 00:15:17
    ke dalam Tail ya nah yang jadi channel
  • 00:15:19
    itu kita buat seperti ini Lifestyle
  • 00:15:21
    sini-sini segitu Kan punya listal ya
  • 00:15:24
    seperti ini kepo tutup kurung kita
  • 00:15:28
    turunkan tutup turunnya kitab Hadits ini
  • 00:15:29
    kalau Style Ini dia punya ini ya
  • 00:15:32
    ini dia punya Lifestyle itu dia punya
  • 00:15:34
    apa ya dia punya
  • 00:15:36
    eh eh
  • 00:15:38
    Paiton ya punya subtitle
  • 00:15:42
    Oh ya kemudian dia punya Leading dia
  • 00:15:46
    punya training jadi kita bisa
  • 00:15:49
    memanfaatkan ini trailernya ada airnya
  • 00:15:51
    disini kita bisa memanfaatkan
  • 00:15:53
    properti-properti ini untuk memodifikasi
  • 00:15:56
    ini tadi
  • 00:15:58
    itu ya Nah Bagaimana caranya kita body
  • 00:16:03
    sini dulu Lista ini mungkin kita gunakan
  • 00:16:05
    yang pertama vitalnya Oke itel nah
  • 00:16:09
    titelnya adalah Yang ini tadi teksnya
  • 00:16:11
    ini jadi kita mau menampilkan ini
  • 00:16:13
    sebagai tutor nya ya Budi Agus recordnya
  • 00:16:16
    ini tadi Yesaya card lagi nih saya
  • 00:16:18
    jadikan sebagai vitalnya kisah hapus.com
  • 00:16:21
    Hanya seperti ini Ayo kita buat comment
  • 00:16:24
    di sini ya karena nanti kita akan buat
  • 00:16:26
    setelnya lagi Oke coba kita simpan dulu
  • 00:16:29
    ini sebab kita jadikan dia sebagai style
  • 00:16:31
    Nah model jadi seperti ini oke
  • 00:16:36
    Hai Nah mungkin Dek apanya ini ya
  • 00:16:39
    dikontrol Apa namanya karena ini kita
  • 00:16:41
    tambahkan ini apa namanya
  • 00:16:44
    television ya lele fashion seperti ini
  • 00:16:47
    saja nilainya misalnya 10 kemudian
  • 00:16:50
    sendok kalornya supaya berbayang nanti
  • 00:16:53
    sedikit sudah kolornya kita buat colors
  • 00:16:56
    titik kita buat saja bisa yared ya coba
  • 00:16:59
    kita buat ya kita jalankan nah ini agak
  • 00:17:01
    berbahayanya di belakang seperti ini oke
  • 00:17:04
    nah berikutnya kita tambahkan tadi di
  • 00:17:07
    sini sebagai kita gunakan title kemudian
  • 00:17:10
    coba kita tambahkan subtitlenya subtitle
  • 00:17:14
    ada2 subtitlenya cukup kita tampil
  • 00:17:17
    Tampilkan saja teks ya Eh kemudian kita
  • 00:17:20
    buat saja nama lengkap Anda
  • 00:17:25
    ya Coba kita simpan ini
  • 00:17:29
    Ayo kita lihat nanti dia berada dibawah
  • 00:17:31
    ini ya
  • 00:17:32
    Hai dibawa Haikal Jadi totalnya tadi ini
  • 00:17:35
    yang diatas bisa Budi Agus nah ini tadi
  • 00:17:37
    tulisan Budi dan Agus ini dan What ini
  • 00:17:39
    kan dan yang lainnya kita ambil dari
  • 00:17:41
    recordnya yah rekor dari ori mahasiswa
  • 00:17:43
    kemudian subtitlenya kita buat sendiri
  • 00:17:45
    tapi kita inginkan misalnya Bagaimana
  • 00:17:47
    supaya di sini ditulis lagi nama lengkap
  • 00:17:50
    Anda adalah ke Budi yang ini yang dari
  • 00:17:54
    sini kalau di sini Nanti berarti Nama
  • 00:17:55
    lengkapnya adalah Agus ya berarti
  • 00:17:58
    tinggal kita gabungkan ya sekring ini
  • 00:18:00
    tadi
  • 00:18:01
    ndak Nama lengkap Anda adalah adalah
  • 00:18:05
    string ini kita gabungkan lagi dengan eh
  • 00:18:12
    Hai ini ya rekor dari mahasiswa Jadi
  • 00:18:14
    tinggal kita buat di sini oke rotor
  • 00:18:16
    penggabungan tambah kemudian kita
  • 00:18:18
    sebutkan sumbernya darimana kita ambil
  • 00:18:20
    gabungannya dari record
  • 00:18:22
    dari Rey mahasiswa
  • 00:18:25
    yang ditampilkan merasakan indexnya nah
  • 00:18:29
    seperti ini ya maha sih mahasiswa
  • 00:18:33
    seperti ini ya Jadi nanti nama lengkap
  • 00:18:36
    Anda adalah dibaca ikut mahasiswa mulai
  • 00:18:38
    dari rekor pertama sampai selanjutnya
  • 00:18:40
    coba simpan ya
  • 00:18:43
    Hai Nah kita lihat di sini sudah ada ya
  • 00:18:45
    Ini Budi nama anda dalam Budi nama anda
  • 00:18:48
    adalah Agus nama anda adalah ini dan
  • 00:18:50
    selanjutnya sampai seterusnya
  • 00:18:53
    Oh ya seperti itu caranya ya ini kita
  • 00:18:56
    sudah belajar bagaimana menggabungkan
  • 00:18:57
    variabel array dengan string yang biasa
  • 00:19:00
    Oke ini kita sudah menggunakan
  • 00:19:03
    partikel dan subtitle ya sekarang Coba
  • 00:19:06
    kita Tambahkan lagi
  • 00:19:08
    apa namanya icon yang ada di sebelah
  • 00:19:11
    kiri ya itu disebut dengan Leading Oke
  • 00:19:14
    leting disini boleh kita gunakan icon ya
  • 00:19:18
    tapi di sini kita gunakan coba sirkel
  • 00:19:20
    Avatar
  • 00:19:21
    Hai ini circular fatal jadi agak apa
  • 00:19:24
    namanya gambar bulatan Ya Siska Fatah
  • 00:19:28
    kemudian sirkel avatarnya kita isi
  • 00:19:30
    dengan
  • 00:19:31
    teks nantinya ya bisa juga gambar nanti
  • 00:19:33
    kita tinggal buat disini chain
  • 00:19:36
    kemudian
  • 00:19:40
    teks-teks nya kita buat kita ambil dari
  • 00:19:43
    ini tadi mahasiswa yang mahasiswa indeks
  • 00:19:46
    kalau memang kita inginkan yang tampil
  • 00:19:49
    itu adalah teks dari
  • 00:19:51
    siorai mahasiswa di mahasiswa
  • 00:19:55
    indeks
  • 00:19:56
    Oke seperti ini ya file-nya adalah teks
  • 00:20:00
    dari Quraisy mahasiswa coba saya sifat
  • 00:20:04
    dulu
  • 00:20:05
    Hai Nah kan tapi seperti ini tapi kita
  • 00:20:08
    inginkan di sini kita cukup mengambil
  • 00:20:10
    satu karakter saja dari awal namanya
  • 00:20:12
    Yang jangan semua jadi tinggal kita
  • 00:20:14
    tambahkan di bagian ini tadi mahasiswa
  • 00:20:16
    Iya dek boleh kita tambahkan apa ore0
  • 00:20:20
    Nah seperti ini ya jadi dia mengambil
  • 00:20:23
    nol ini maksudnya dia mengambil posisi
  • 00:20:25
    karakter knoll jual saya simpan lagi
  • 00:20:29
    Hai nah ini dia jadinya seperti ini ya
  • 00:20:31
    Jadi kalau ini tadi Budi maka diambil
  • 00:20:34
    karakter kenalnya adalah bukti kalau
  • 00:20:36
    kita bicara reya
  • 00:20:38
    yang nol ini adalah indeks yah indeks
  • 00:20:40
    atau urutan-urutan karakter jadi Hore
  • 00:20:42
    itu urutannya dimulai dari nol ya Jadi
  • 00:20:44
    ya Misalnya bunyi ini ini Oray knoll
  • 00:20:47
    writer satu huruf d ini adalah reg2 ini
  • 00:20:51
    ini adalah mereka ke-3 ya Jadi dia mulai
  • 00:20:55
    dari nol rupanya
  • 00:20:57
    Hai Oke
  • 00:20:58
    ini yang untuk menampilkan ini kemudian
  • 00:21:01
    kita tambahkan 1 lagi kalau di sebelah
  • 00:21:04
    kanan dia namanya
  • 00:21:07
    training-training nah training yang kita
  • 00:21:09
    gunakan di sini ya icon yang berbentuk
  • 00:21:12
    tombol ya bisa nanti diklik ini namanya
  • 00:21:15
    disini icon button ini ya icon baterai
  • 00:21:18
    kita pilih yang ada kerudungnya Ya
  • 00:21:20
    burung dan tutup terus banyak fungsi
  • 00:21:22
    yang ada di dalamnya nanti langsung
  • 00:21:23
    tertentu Oke seperti ini jadi di
  • 00:21:25
    dalamnya dia butuh onpress kemudian ada
  • 00:21:28
    icon Ya
  • 00:21:30
    seperti ini ya Ya turun seperti ini ya
  • 00:21:33
    Tinggal kita ambil dari icon-icon
  • 00:21:35
    kemudian Icons kita soft saja ya ikonnya
  • 00:21:38
    yang sudah disediakan oleh faktor ini
  • 00:21:40
    misalnya
  • 00:21:42
    detail ya buat apa misalnya ya
  • 00:21:46
    Open Coba ada Open kamu Hai atau source
  • 00:21:52
    Hai ada source ya Jadi kita inginkan
  • 00:21:55
    nanti kalau diklik nanti tombol yang ada
  • 00:21:57
    di sebelah kanan ini trailernya ini dia
  • 00:21:59
    akan membuka laman yang baru
  • 00:22:03
    kini yasos kemudian bagian Om kompresnya
  • 00:22:06
    Coba kita matikan saja dulu nanti akan
  • 00:22:09
    kita buat fungsinya itu kodenya yah
  • 00:22:11
    ketika diklik itu apa yang dilakukan Nah
  • 00:22:13
    kita buka saja seperti ini buka kurung
  • 00:22:15
    tutup kurung buka kurung kurawal Oke
  • 00:22:17
    nanti coding ketika kita klik tombolnya
  • 00:22:20
    nanti kita buat sedikit kecewa kita
  • 00:22:21
    simpan dulu
  • 00:22:23
    nah ini sudah ada ya Nah cuman ini kan
  • 00:22:25
    belum belum ada halaman yang terbuka ya
  • 00:22:28
    karena kenapa karena codingnya belum
  • 00:22:30
    kita isi di sini belum kita isi ya nanti
  • 00:22:34
    kita akan buat kodenya di sini ya Nah
  • 00:22:39
    untuk membuat kodenya itu kita harus
  • 00:22:40
    siapkan 1 halaman karena kita inginkan
  • 00:22:42
    ketika kita ke ini maka terbukalah Man
  • 00:22:44
    yang baru Maka kita siapkan halamannya
  • 00:22:46
    itu ya Jadi untuk membeli ia menambahkan
  • 00:22:49
    halamannya kita ke explore Project kita
  • 00:22:53
    tadi
  • 00:22:54
    kita kebetulan di sini ya sudah saya
  • 00:22:57
    tambahkan yang dibajak folder library
  • 00:22:59
    ini drive ini sudah saya tambahkan satu
  • 00:23:01
    file ya ini detail mahasiswa artinya
  • 00:23:04
    Ketika saya klik ini nanti maka kita
  • 00:23:06
    ingin menampilkan desain dari jadwal
  • 00:23:09
    mahasiswa ini ya yeah mungkin ini
  • 00:23:14
    saya aku sajalah dulu ya bus
  • 00:23:21
    Hai kemudian kita temukan file-nya jadi
  • 00:23:23
    pastikan ya selalu menambahkan banyak
  • 00:23:24
    pastikan anda pilih ya lebih ini folder
  • 00:23:27
    dan kita pilih di sini new file kita
  • 00:23:30
    buat nama filenya saja detail
  • 00:23:32
    underscore
  • 00:23:35
    mahasiswa.bsi.id harus tambahkan titik
  • 00:23:37
    dan karena ini ekstensi dari file yang
  • 00:23:39
    kita tambahkan kita itu saja nanti akan
  • 00:23:42
    ditampilkan disini satu
  • 00:23:44
    Kai baru Nah disinilah kita ketik kode
  • 00:23:47
    untuk menampilkan detail dari mahasiswa
  • 00:23:51
    Hai nah seperti biasa ya codenya disini
  • 00:23:54
    kita tinggalkan pakan keyboard
  • 00:23:57
    Hai
  • 00:23:59
    Yahin potong JVC
  • 00:24:02
    kemudian Parker
  • 00:24:04
    kemudian material benda itu mana Oke
  • 00:24:09
    selanjutnya tambahkan ini maka di bagian
  • 00:24:11
    berikutnya kita tidak perlu menambahkan
  • 00:24:14
    avoid main ya karena file ini bukan
  • 00:24:17
    merupakan file yang kita pakai game
  • 00:24:19
    sebagai layar utama atau hongya kecuali
  • 00:24:23
    tadi kalau misalnya dimeda tadi karena
  • 00:24:25
    ini file yang pertama sekali data petani
  • 00:24:28
    emulator kita nanti atau di aplikasi di
  • 00:24:31
    apa ketika kita install ya atau kita
  • 00:24:33
    ketika kita jalankan ini adalah file
  • 00:24:36
    yang pertama sekali dijalankan maka kita
  • 00:24:38
    perlukan kontraktor ini voicemail tapi
  • 00:24:41
    karena Medan Ini bukan merupakan file
  • 00:24:44
    utama yang ditampilkan bahkan tidak
  • 00:24:47
    perlu di sini kita buat slime-nya Nah
  • 00:24:50
    kita tinggal langsung membuat class
  • 00:24:53
    desain yang disini Halo Diah
  • 00:24:57
    Hai dan kita Panggil jenis dari WeChat
  • 00:25:00
    yang kita gunakan nanti tapi saja NST
  • 00:25:03
    kemudian
  • 00:25:05
    Ayo kita pilih nanti jenis Which
  • 00:25:08
    tabrakan Katakanlah kita gunakan yang
  • 00:25:11
    stainless yakni genom saja kita buat
  • 00:25:13
    nama kelasnya misalnya kita buat desain
  • 00:25:16
    tirai air
  • 00:25:18
    mahasiswa seperti ini nama kelasnya
  • 00:25:21
    kemudian nama faida nah detail mahasiswa
  • 00:25:23
    kemudian di bagian returnnya ini sebagai
  • 00:25:27
    ceritanya mungkin kita buat saja ya
  • 00:25:30
    failed sederhana ya tampilannya
  • 00:25:31
    saudaranya kita tampilkan saja sebuah
  • 00:25:34
    teks nanti
  • 00:25:35
    teksnya kita buat di tengah-tengah layar
  • 00:25:38
    ya dan tengah laman ya ketika.com kita
  • 00:25:41
    gunakan Bisnis Center dunia supaya di
  • 00:25:44
    dieu center ini bisa kita tempelkan
  • 00:25:47
    sebuah teks kita gunakan SD cair Oke
  • 00:25:51
    kemudian kita coba kami cat.exe teksnya
  • 00:25:54
    yang kita tampilkan apa kita Tuliskan
  • 00:25:57
    saja di sini bisa lihat ini halaman web
  • 00:26:02
    a
  • 00:26:03
    retailer design para siswa
  • 00:26:07
    Kevin kalau kita tambahkan style
  • 00:26:09
    tubuhnya
  • 00:26:10
    ukurannya misalnya ya
  • 00:26:13
    kita tinggal tambahkan Style ya
  • 00:26:17
    style kemudian size-nya ya Says
  • 00:26:27
    ia
  • 00:26:28
    tewas saja saya senyum saya tidak dulu
  • 00:26:31
    ya
  • 00:26:31
    Ya seperti ini mungkin saya rapikan grup
  • 00:26:35
    A
  • 00:26:39
    e-cash penghilang warna garis begini
  • 00:26:43
    mungkin kita perlu tambahkan pentakosta
  • 00:26:46
    di bagian sektor ya nah sudah seperti
  • 00:26:50
    ini tidak hanya menampilkan tulisan ini
  • 00:26:52
    saja ya dia Roman
  • 00:26:55
    di desain sesuai detail-detail mahasiswa
  • 00:26:58
    Ok kalau sudah ini kita Simpan Saja
  • 00:27:01
    kayaknya dia nanti kita kembali ke Medan
  • 00:27:05
    Hai
  • 00:27:06
    nah supaya Fair ini
  • 00:27:10
    file ini tadi ya diterima susu ini bisa
  • 00:27:12
    kita
  • 00:27:14
    atau bisa diakses oleh meindani nanti
  • 00:27:17
    maka nama fairing detail mahasiswa ini
  • 00:27:20
    dapat paint ini harus kita impor ke
  • 00:27:22
    menindaknya defender
  • 00:27:25
    Hai nah caranya sama seperti diatas tadi
  • 00:27:28
    ya kita tempatkan impor di bagian
  • 00:27:30
    ipodnya kita Letakkan banyak repot untuk
  • 00:27:32
    mengimpor file itu kita buat di antara
  • 00:27:35
    tanda penting itu titik flash garis
  • 00:27:37
    miring ya kemudian nah Biasanya kalau
  • 00:27:41
    sudah kita mendidih slash ini maka akan
  • 00:27:43
    ditampilkan nama-nama file yang ada
  • 00:27:46
    didalam folder apa folder lib kita tadi
  • 00:27:49
    ya sudah begini akan ditampilkan ya
  • 00:27:52
    ketika kita buat impor titik flash tiada
  • 00:27:56
    dua tadi kita gua ya akan ditampilkan
  • 00:28:01
    sepertinya jadi kita pilih Yap kita
  • 00:28:02
    iPhone itu yang ini detail mahasiswa
  • 00:28:04
    peledak Oke kita pilih seperti ini
  • 00:28:07
    kemudian kalau sudah kita pilih seperti
  • 00:28:09
    ini berarti sekarang file Medan ini dan
  • 00:28:11
    file database sudah saling terhubung ya
  • 00:28:14
    sehingga kalau misalnya
  • 00:28:17
    dari Medan ini filming dan ini ingin
  • 00:28:20
    mengakses kaos-kaos yang ada di detail
  • 00:28:23
    mahasiswa ini sudah bisa ya kalau
  • 00:28:25
    salam file ditembak sesuai ini sudah
  • 00:28:28
    kita infokan ke paint enggak ya Jadi
  • 00:28:32
    kalau sudah seperti ini berarti kita
  • 00:28:35
    tinggal pergi ke
  • 00:28:38
    pairingnya tadi kita mau kasih perintah
  • 00:28:41
    ketika kita Klik tombol
  • 00:28:42
    tombol icon yang ada di sini maka dia
  • 00:28:45
    memanggil desain dari file-file timer
  • 00:28:48
    siswa tadikan perintahnya ada di sini ya
  • 00:28:50
    training ini training yang namanya
  • 00:28:52
    kemudian ketika kita klik berarti Diven
  • 00:28:55
    onpress ini apa yang terjadi ya di yang
  • 00:28:59
    terjadi kita memanggil desain dari
  • 00:29:01
    detail mahasiswa nah perintahnya untuk
  • 00:29:05
    menampilkan halaman itu kita tinggal
  • 00:29:08
    membuat perintah navigator
  • 00:29:10
    korpus
  • 00:29:12
    Oke kita pilih yang ada dalam kronis
  • 00:29:15
    supaya kursi yang ada di dalamnya nanti
  • 00:29:17
    bisa dikredit otomatis ya Ya seperti ini
  • 00:29:20
    jadi dia butuhkan navigator Titiek Puspa
  • 00:29:23
    konteks-konteks nya apa tiap dia perlu
  • 00:29:26
    raudya di sini ya
  • 00:29:28
    halamannya Mau dipanggil apa Nah jenis
  • 00:29:30
    lainnya kita gunakan di sini terlebih
  • 00:29:32
    dahulu meterial fetch ROM nih otomatis
  • 00:29:39
    yang kita butuhkan ya kalau tidak muncul
  • 00:29:40
    pilihannya bisa ditekan kontrol shift
  • 00:29:43
    Nah kita gunakan yang ini ya lateral Rod
  • 00:29:47
    yang ada ininya ya solusinya
  • 00:29:50
    Hai Kehna settingnya kita pilih material
  • 00:29:53
    route curut ini bahkan dibutuhkan
  • 00:29:55
    buildernya nabul dotnya tinggal kita
  • 00:29:57
    buat seperti ini kita hapus Builder yang
  • 00:30:00
    digarisbawahi merah karena ini ya kak
  • 00:30:02
    yang akan kita buat ya kita God sini
  • 00:30:05
    convert Nah dari pilihan ini konteks
  • 00:30:08
    yang kita gunakan adalah yang ini dan
  • 00:30:11
    ada kenapa nanya ini atau anonimo
  • 00:30:13
    ponselnya nih Oke kita pilih yang itu
  • 00:30:16
    kemudian tiga kita ketik sini nama kelas
  • 00:30:18
    dari file detail sesuai tadi nih kalau
  • 00:30:22
    kita buka tadi file determinasi siswa
  • 00:30:23
    nama kelasnya kan ini detail desain
  • 00:30:25
    detail mahasiswa jadi ketika kita
  • 00:30:28
    Panggil halamannya itu yang kita
  • 00:30:31
    sebutkan bukan nama file-nya ya tetapi
  • 00:30:33
    nama kelasnya nama file-nya itu tadi
  • 00:30:35
    sudah kita infokan ke material dan kita
  • 00:30:38
    dari sini tadi sudah kita pas sudah kita
  • 00:30:41
    imports ya di bagian yang saja sehingga
  • 00:30:43
    kalau sudah kita impotensi ini ketika
  • 00:30:46
    kita panggil nama kelasnya maka sudah
  • 00:30:48
    diisi secara otomatis sudah diketahui
  • 00:30:50
    Maaf kelas itu ada di file yang sudah
  • 00:30:53
    kita infokan desain
  • 00:30:56
    kita lengkapi tadi codingnya
  • 00:30:59
    tinggal kita ketik disini nama kelasnya
  • 00:31:01
    tadi nama kelas dari benteng mahasiswa
  • 00:31:03
    itu adalah desain detail mahasiswa C3
  • 00:31:06
    kita God sini hours
  • 00:31:08
    konska kemudian detail Sorry
  • 00:31:12
    desain-desain detail mahasiswa ini
  • 00:31:15
    C seperti ini kemudian di penutup kurung
  • 00:31:20
    ini di akhir ceritanya kita bertitik
  • 00:31:22
    koma game gini terlalu panjang supaya
  • 00:31:25
    agak kelihatan semua saya format
  • 00:31:27
    terlebih dahulu sehingga seperti jadi
  • 00:31:30
    ditraining tadi peringkat ketika kita
  • 00:31:32
    terekam paten
  • 00:31:34
    Hai icon Ini sms nelpon ya maka akan
  • 00:31:37
    dilakukan proses pemanggilan terhadap
  • 00:31:40
    File atau halaman depan diperintahkan
  • 00:31:43
    ini navigator ditipu konteks batre ABC
  • 00:31:47
    baunya ya butuhkan Builder Builder nya
  • 00:31:49
    adalah konteks-konteks yang akan di
  • 00:31:51
    build apa kelas dari yang bernama desain
  • 00:31:55
    detail mahasiswa yang ada di file detail
  • 00:31:58
    siswa yang seperti itu ya Coba kita
  • 00:32:01
    jalankan dulu
  • 00:32:03
    simpan ya dilakukan proses hot Rista
  • 00:32:07
    music
  • 00:32:08
    Hai pilihan hasilnya di emulator
  • 00:32:12
    Hai Kehna Ini hasilnya Coba kita klik
  • 00:32:15
    icon battery
  • 00:32:18
    nih nah ini sudah berhasil Yaa mungkin
  • 00:32:23
    Hai halaman
  • 00:32:25
    Yang ini tadi detail mahasiswa gimana
  • 00:32:28
    detail sesuai ini tadi desainnya
  • 00:32:32
    isinya adalah ini tulisan ini ini
  • 00:32:34
    halaman diterima sesuai oke nah Ini ada
  • 00:32:37
    tombol backnya ya bisa kita klik ini
  • 00:32:40
    untuk kembali ke halaman sebelumnya Oke
  • 00:32:42
    ini misalnya kita Klik di akan memanggil
  • 00:32:45
    halaman kita agar siswa
  • 00:32:48
    bisa
  • 00:32:54
    itu penggunaannya dari
  • 00:32:58
    namanya kalau kita mau memanggil
  • 00:33:00
    halamannya lain ya melalui sebuah
  • 00:33:05
    tombol-tombol itu adanya di semua
  • 00:33:09
    hiu seperti
  • 00:33:12
    Hai nah ini nanti ah perintah ini boleh
  • 00:33:15
    yang kita gunakan untuk
  • 00:33:17
    memanggil halaman yang lain melalui
  • 00:33:19
    tombol tempat kerja kita buat atau
  • 00:33:21
    item-item dari
  • 00:33:23
    sebuah desa yang mungkin kita letakkan
  • 00:33:26
    di
  • 00:33:27
    thrower oleh menggunakan kalau memang
  • 00:33:30
    kita ingin memanggil halaman yang
  • 00:33:31
    lainnya tadi ya kita Tuliskan disini
  • 00:33:34
    adalah nama kelasnya yah nama kelas dari
  • 00:33:36
    halaman yang kita Panggil ya ya
  • 00:33:40
    Hai Nah itu ya kalau memang kita gunakan
  • 00:33:44
    yang biskuit si Builder nah satu lagi
  • 00:33:47
    Sebenarnya Anda this view yang memiliki
  • 00:33:50
    separator ya atau Spirited
  • 00:33:53
    separator itu maksudnya pemisah ya
  • 00:33:55
    kebisaan telah item-item ini ya jadi
  • 00:33:58
    bisa kita desain yang Aku bisanya ini
  • 00:34:00
    nanti Seperti apa
  • 00:34:02
    Nah namanya itu adalah this view
  • 00:34:05
    separator atau steroid ya Coba kita
  • 00:34:08
    implementasikan ini kita nonaktifkan
  • 00:34:10
    dulu kita blog mulai dari mode ini
  • 00:34:13
    Hai nah
  • 00:34:16
    Hai pengen dia sampai ke penutup
  • 00:34:20
    hai hai skateboard
  • 00:34:23
    hai
  • 00:34:24
    oh ya Sampai ketemu di Kompol ya jadi
  • 00:34:28
    mulai dari body Solid mulai dari body
  • 00:34:30
    sampai
  • 00:34:32
    Eh ini Rizki bunderin ini kita matikan
  • 00:34:36
    dulu caranya kita tekan tombol kontrol
  • 00:34:39
    kemudian garis miring Hei Nanti kalau
  • 00:34:42
    kita aktifkan lagi kita blog kemudian
  • 00:34:45
    kita tekan control + miring ya seperti
  • 00:34:49
    itu Oke jadi kita bentuk lagi ya dibawa
  • 00:34:52
    ini Mudi nah di bodynya itu yang kita
  • 00:34:56
    gunakan adalah listview Spirit ya ini
  • 00:35:00
    xview Spirited ini
  • 00:35:04
    Oh ya jadi disini dia butuhkan yang ini
  • 00:35:06
    ya ada item buildernya kemudian ada
  • 00:35:10
    separator nya kemudian
  • 00:35:12
    ada ekornya ya cuaca rapikan dulu ini
  • 00:35:18
    mungkin kita turun kebawah kemudian
  • 00:35:20
    separate buildernya juga itu tolong
  • 00:35:22
    jangan telkomnya juga kita turunkan
  • 00:35:24
    penutup krunya dan komennya juga terluka
  • 00:35:26
    Nah mungkin
  • 00:35:28
    [Musik]
  • 00:35:29
    Hai namanya eh tendernya saya kasih di
  • 00:35:33
    atas ya karena identitasnya pendek
  • 00:35:36
    kemudian saya penontonnya juga kita mau
  • 00:35:39
    saja di atas
  • 00:35:41
    Oke jadi ikon ini dan icon Builder
  • 00:35:46
    khususnya pesetran sekretnya ya itu sama
  • 00:35:49
    dengan di alis view Builder netid kalau
  • 00:35:54
    kita lihat tadi itemnya ya Butuh berapa
  • 00:35:58
    jumlah record yang ada di dalam Rey
  • 00:36:00
    mahasiswa yang kemudian itu buildernya
  • 00:36:02
    juga nanti sama Ismu ya sama ya semua ya
  • 00:36:06
    Dan kita copy saja nanti Oke kita
  • 00:36:09
    lengkapi satu-satu dulu untuk itemnya
  • 00:36:11
    sama dengan yg tadi jadi tinggal kita
  • 00:36:13
    sebutkan
  • 00:36:14
    apa namanya nama orangnya kemudian nilai
  • 00:36:17
    kita gunakan fungsi length Oke para
  • 00:36:20
    siswa nama reya tadi kemudian terjelek
  • 00:36:23
    jadi ini fungsinya untuk mengambil
  • 00:36:25
    berapa total
  • 00:36:27
    record yang ada di dalam meizimei aja ya
  • 00:36:30
    Hai tahu berapa jumlah itemnya yang ada
  • 00:36:33
    di dalam Laila siswa separator nya
  • 00:36:37
    seperator Builder ini Ini fungsinya
  • 00:36:39
    sebagai kelebihannya Jadi pemisahnya itu
  • 00:36:42
    kita buat apa saya kita buat teks atau
  • 00:36:45
    kita buat kafan atau kita buat saya
  • 00:36:47
    kontainer oleh saja Jadi tinggal kita
  • 00:36:50
    muat nanti dalam screen filter ini ada
  • 00:36:54
    koma dulu jadi mahasiswa titik neng omah
  • 00:36:56
    karena ada perintah berikutnya kemudian
  • 00:36:59
    hal separator Builder ini kita hapus
  • 00:37:02
    saja kita God sini konteks dalam kurung
  • 00:37:05
    ya
  • 00:37:06
    konteks kemudian koma indeks Dian kita
  • 00:37:10
    buat merokok kurawal tutup kurung
  • 00:37:12
    kurawal Center
  • 00:37:14
    Oh begitu juga yang item Builder jadi
  • 00:37:16
    item buildernya
  • 00:37:18
    sebenarnya sama ya dengannya gini tadi
  • 00:37:20
    sebenarnya bisa kita copy saja yang
  • 00:37:22
    ininya ya tapi nanti kita lengkap itu
  • 00:37:25
    yang ini dulu seperator buildernya kita
  • 00:37:28
    lengkapi apa pemisahnya Jadi tinggal
  • 00:37:30
    kita mau disini riken
  • 00:37:31
    kemudian tulisannya bisa kita Bos sebuah
  • 00:37:34
    kontainer di dia kita bersin konten kan
  • 00:37:37
    cone teror
  • 00:37:40
    kemudian
  • 00:37:42
    ini nanti kita buat kontainer penutup
  • 00:37:45
    Crowe Nikita tempatkan titik koma
  • 00:37:46
    kemudian kontainernya mungkin kita buat
  • 00:37:49
    saja Ini bisanya ya teks ya Eh salah
  • 00:37:53
    gini cair dulu ya cair
  • 00:37:55
    teks kita bekerja teks bisa ya ini wow
  • 00:38:00
    bisa naik kita biasanya seperti
  • 00:38:04
    Hai kemudian item buildernya sama dengan
  • 00:38:08
    yang ini tadi
  • 00:38:10
    I have by Dea di Mungkin bisa kita copy
  • 00:38:14
    saja yang ini dan mulai dari Eta bunder
  • 00:38:17
    nya atau kita mau seperti inilah dalam
  • 00:38:20
    tapi dibikin ketemu ilernya tadi
  • 00:38:22
    Eh kita mau disini konteks
  • 00:38:26
    Hai kok main teh sama seperti tadi ya
  • 00:38:28
    oke kemudian buka kurung tutup kurung
  • 00:38:32
    enter kemudian sini ada Rika
  • 00:38:36
    eh naha jadi sekali lagi ya Ini ekornya
  • 00:38:40
    untuk mengambil jumlah record dari si
  • 00:38:43
    gorengan siswa mudah separator nya
  • 00:38:46
    adalah untuk membuatku bisanya tadi
  • 00:38:48
    untuk pemisahan ini boleh teks oleh
  • 00:38:51
    kontainer boleh gambar ada yang
  • 00:38:54
    lain-lain oleh ya kemudian item
  • 00:38:56
    buildernya adalah untuk menampilkan
  • 00:38:59
    item ekornya ke dalam dispenser nah ini
  • 00:39:02
    kita tinggal copy saja tadi yang bagian
  • 00:39:04
    Kristen ya
  • 00:39:07
    Hai episode
  • 00:39:09
    Hai jadikan hobi saja sampai kemarin
  • 00:39:12
    udah kita letakkan di bagian mulai dari
  • 00:39:15
    rekannya
  • 00:39:17
    saat ini
  • 00:39:19
    kita nonaktifkan ini bisanya ini
  • 00:39:23
    Hai tekan kita belum yang semua seperti
  • 00:39:26
    tadi kemudian kita tekan kontrol garis
  • 00:39:28
    miring
  • 00:39:30
    hai oke seperti ini semoga
  • 00:39:37
    Hai jisse rapikan dulu
  • 00:39:39
    terobati perikanan benar format dokumen
  • 00:39:42
    oke Sudah ya jadi item foldernya sudah
  • 00:39:45
    kita lengkapi karena sama dengan proses
  • 00:39:47
    hibrida tadi jadi tinggal kita copyface
  • 00:39:50
    saja Kemudian pemisahnya juga Tadi sudah
  • 00:39:53
    kitabuat.com yang juga sudah kita
  • 00:39:55
    lengkapi tinggal kita simpan dan kita
  • 00:39:59
    lihat lagi hasilnya seperti apa
  • 00:40:01
    Nah ini Seandainya di setiap itemnya
  • 00:40:04
    sudah ada yang pun Misalnya ini
  • 00:40:05
    mengisahkan hitam di teks ini tanah jadi
  • 00:40:08
    tambahannya Sebenarnya ya hanya ini
  • 00:40:10
    hanya separator ini di miskin segera itu
  • 00:40:14
    ya datanya pemisahannya tambahnya Adapun
  • 00:40:17
    bisa saja atau kalau ini bisa kita ganti
  • 00:40:19
    kita percaya jadi kemudian kita
  • 00:40:21
    manfaatkan kontainer ini sebagai
  • 00:40:23
    pemisahannya Jadi tinggal kita buat
  • 00:40:25
    seperti ini kita buat warna dari
  • 00:40:28
    kontainer nya terlebih dahulu
  • 00:40:33
    Hai enakan saja rap kemudian Widya kita
  • 00:40:38
    gunakan saja double kemudian Bogor
  • 00:40:40
    Infinity Global Infinite ini maksudnya
  • 00:40:43
    lebarnya itu ya sama dengan lebarnya
  • 00:40:45
    silayar ya kemudian Hei ya Nah ini
  • 00:40:48
    mungkin agak kita perbesar ya kita
  • 00:40:51
    gunakan saja Misalnya sabun ya Coba kita
  • 00:40:56
    save
  • 00:40:58
    Hai nah ini yang yang hanya itu tadi
  • 00:41:01
    inian 10 itu yang ini ya yang warna
  • 00:41:03
    merah tadi sekontener Desember kamera
  • 00:41:07
    Ya udah kalau kurang negatif iya caranya
  • 00:41:11
    boleh kita tambahkan ini jadi
  • 00:41:14
    jadi 20 bisa nah
  • 00:41:18
    ini ya semakin
  • 00:41:20
    berjarak ya
  • 00:41:22
    atau kita baru saja 30 juga terserah ini
  • 00:41:27
    semakin berjarak tapi
  • 00:41:29
    [Musik]
  • 00:41:30
    Oh iya ini contoh penggunaan dari
  • 00:41:34
    I miss you secara Cut ini kita
  • 00:41:37
    kembalikan 10 saja ya
  • 00:41:40
    rencananya
  • 00:41:43
    Hai nah seperti
  • 00:41:46
    The King
  • 00:41:48
    teal itu ya Jadi ada dua yang sudah kita
  • 00:41:51
    gunakan di sini ya Ada tadi habis video
  • 00:41:53
    Builder
  • 00:41:56
    Hai kemudian ada diskusi verified
  • 00:41:59
    bedanya kalau diskusi politik itu dia
  • 00:42:02
    menggunakan separator ataupun bisa
  • 00:42:04
    sebenarnya cinta dia by the Builder
  • 00:42:08
    sudah ada berpisah juga ya dari
  • 00:42:11
    item-item ini cuman kita tidak bisa
  • 00:42:12
    mendesign Tulisannya itu separator Ya
  • 00:42:16
    tapi kalau menggunakan deskripsi pereib
  • 00:42:18
    kita bisa mendesain segera toge ini
  • 00:42:21
    tentu misalnya Ya saya pikir seperti itu
  • 00:42:24
    ya seumur makan Wiwin mengundang bisa
  • 00:42:27
    bermanfaat sampai jumpa pada pertemuan
  • 00:42:30
    berikutnya
  • 00:42:31
    Hai terima kasih
Tags
  • ListView
  • Flutter
  • UI Design
  • ListView.builder
  • ListView.separated
  • Navigation
  • Flutter Tutorial
  • UI Customization
  • Mobile App Development