Dasar-Dasar Android Kotlin 01.4: Mempelajari cara membantu diri sendiri

Codelab ini adalah bagian dari kursus Dasar-Dasar Android Kotlin. Anda akan mendapatkan manfaat maksimal dari kursus ini jika menyelesaikan codelab secara berurutan. Semua codelab kursus tercantum di halaman landing codelab Dasar-Dasar Android Kotlin.

Pengantar

Dalam codelab ini, Anda akan mempelajari referensi yang berguna bagi developer Android Kotlin, termasuk template, dokumentasi, video, dan aplikasi contoh.

Yang harus sudah Anda ketahui

• Alur kerja dasar Android Studio.
• Cara menggunakan Layout Editor di Android Studio.

Yang akan Anda pelajari

• Tempat untuk menemukan informasi dan referensi developer Kotlin dan Android.
• Cara mengubah ikon peluncur di aplikasi.
• Cara mencari bantuan saat Anda membuat aplikasi Android menggunakan Kotlin.

Yang akan Anda lakukan

• Pelajari beberapa referensi yang tersedia bagi developer Android Kotlin di semua level.
• Download dan jelajahi aplikasi contoh Android Kotlin.
• Mengubah ikon peluncur aplikasi.

Dalam codelab ini, Anda akan mempelajari template, contoh, dokumentasi, dan sumber daya lain yang tersedia untuk developer Android Kotlin.

Pertama, Anda membuat aplikasi sederhana dari template Android Studio dan mengubah aplikasi tersebut. Kemudian, Anda mendownload dan menjelajahi aplikasi contoh Android Sunflower. Anda mengganti ikon peluncur aplikasi contoh (bunga matahari) dengan aset gambar clip art yang tersedia dalam Android Studio (wajah tersenyum).

Android Studio menyediakan template untuk desain aplikasi dan aktivitas umum dan yang direkomendasikan. Template bawaan menghemat waktu Anda, dan membantu Anda mengikuti praktik terbaik desain.

Setiap template menyertakan aktivitas dan antarmuka pengguna kerangka. Anda telah menggunakan template Empty Activity dalam kursus ini. Template Aktivitas Dasar memiliki lebih banyak fitur dan menggabungkan fitur aplikasi yang direkomendasikan, seperti menu opsi yang muncul di panel aplikasi pada perangkat berteknologi Android.

Langkah 1: Jelajahi arsitektur Aktivitas Dasar

1. Di Android Studio, buat project.
2. Dalam dialog Choose your project, pilih template Basic Activity, lalu klik Next.
3. Dalam dialog Configure your project, beri nama aplikasi sesuai keinginan Anda. Pilih Kotlin untuk bahasa, lalu centang kotak Use AndroidX artifacts. Klik Selesai.
4. Buat aplikasi dan jalankan di emulator atau perangkat yang menjalankan Android.
5. Identifikasi bagian yang diberi label dalam gambar dan tabel di bawah. Temukan padanannya di layar perangkat atau emulator Anda. Periksa kode Kotlin dan file XML terkait yang dijelaskan dalam tabel.

Memahami kode sumber Kotlin dan file XML akan membantu Anda memperluas dan menyesuaikan template Basic Activity untuk kebutuhan Anda sendiri.

Arsitektur template Aktivitas Dasar

#	Deskripsi UI	Referensi kode
1	Status bar, yang disediakan dan dikontrol oleh sistem Android.	Tidak terlihat dalam kode template, tetapi Anda dapat mengakses status-bar dari aktivitas Anda. Misalnya, Anda dapat menambahkan kode di MainActivity.kt untuk menyembunyikan status bar, jika perlu.
2	Panel aplikasi, juga disebut panel tindakan, menyediakan struktur visual, elemen visual standar, dan navigasi.	Di activity_main.xml, cari Toolbar di dalam elemen AppBarLayout. Untuk kompatibilitas mundur, AppBarLayout dalam template menyematkan Toolbar yang memiliki fungsi yang sama dengan ActionBar. Untuk mengubah tampilan panel aplikasi, ubah atribut toolbar. Untuk tutorial panel aplikasi, lihat Menambahkan panel aplikasi.
3	Nama aplikasi awalnya berasal dari nama paket Anda, tetapi Anda dapat mengubahnya menjadi apa pun yang Anda inginkan.	Di AndroidManifest.xml, cari android:label="@string/app_name". Tentukan string app_name di strings.xml.
4	Tombol tambahan menu opsi menyimpan item menu untuk aktivitas. Tombol tambahan juga menyimpan opsi menu global seperti Penelusuran dan Setelan untuk aplikasi. Item menu aplikasi Anda masuk ke menu ini.	Pada MainActivity.kt, Metode onOptionsItemSelected() mengimplementasikan apa yang terjadi saat pengguna memilih item menu. Untuk melihat item menu opsi, buka res/menu/menu_main.xml ke file. Urutan ini menggambarkan Hanya item menu Setelan yang ditentukan dalam template ini.
5	CoordinatorLayout ViewGroup adalah tata letak yang menyediakan mekanisme bagi elemen UI untuk berinteraksi. UI aplikasi Anda masuk ke dalam file content_main.xml, yang disertakan dalam ViewGroup ini.	Di activity_main.xml, cari petunjuk include layout. Tidak ada tampilan yang ditentukan dalam tata letak ini; sebagai gantinya, tata letak menyertakan tata letak content_main, tempat tampilan aplikasi ditentukan. Tampilan sistem dipisahkan dari tampilan unik untuk aplikasi Anda.
6	Template menggunakan TextView untuk menampilkan "Hello World". Anda mengganti TextView ini dengan elemen UI aplikasi Anda.	Tampilan teks "Hello World" ada di file content_main.xml. Semua elemen UI aplikasi Anda harus ditentukan dalam file ini.
7	Tombol tindakan mengambang (FAB)	Di activity_main.xml, cari elemen FloatingActionButton. FAB ditentukan sebagai elemen UI menggunakan ikon clip art. MainActivity.kt menyertakan stub di onCreate() yang menyetel pemroses onClick() untuk FAB.

Langkah 2: Sesuaikan aplikasi yang dihasilkan template

Ubah tampilan aplikasi yang dihasilkan oleh template Aktivitas Dasar. Misalnya, Anda dapat mengubah warna panel aplikasi agar cocok dengan status bar. (Di beberapa perangkat, status bar memiliki warna primer yang lebih gelap dari warna primer yang digunakan oleh panel aplikasi.)

1. Ubah nama aplikasi yang ditampilkan panel aplikasi. Untuk melakukannya, ubah resource string app_name dalam file res > values > strings.xml menjadi berikut:

<string name="app_name">New Application</string>

2. Ubah warna panel aplikasi (Toolbar) di res > layout > activity_main.xml dengan mengubah atribut android:background menjadi "?attr/colorPrimaryDark". Nilai ini menetapkan warna panel aplikasi ke warna primer yang lebih gelap yang cocok dengan status bar:

android:background="?attr/colorPrimaryDark"

3. Jalankan aplikasi. Nama baru aplikasi akan muncul di status bar, dan warna latar belakang panel aplikasi akan lebih gelap serta cocok dengan warna status bar. Saat Anda mengklik FAB, snackbar akan muncul, seperti yang ditunjukkan sebagai 1 pada screenshot di bawah.
   
4. Ubah teks snackbar. Untuk melakukannya, buka MainActivity dan cari kode stub di onCreate() yang menetapkan pemroses onClick() untuk tombol. Ubah "Replace with your own action" menjadi sesuatu yang lain. Contoh:

fab.setOnClickListener { view ->
   Snackbar.make(view, "This FAB needs an action!", Snackbar.LENGTH_LONG)
       .setAction("Action", null).show()
}

5. FAB menggunakan warna aksen aplikasi, jadi salah satu cara untuk mengubah warna FAB adalah dengan mengubah warna aksen. Untuk mengubah warna aksen, buka file res > values > colors.xml dan ubah atribut colorAccent, seperti yang ditunjukkan di bawah. (Untuk mendapatkan bantuan dalam memilih warna, lihat sistem warna Desain Material.)

<color name="colorAccent">#1DE9B6</color>

6. Jalankan aplikasi. FAB menggunakan warna baru, dan teks snackbar telah berubah.
   
   

Tips: Untuk mengetahui detail tentang sintaks XML untuk mengakses resource, lihat Mengakses resource aplikasi Anda.

Langkah 3: Pelajari cara menambahkan aktivitas menggunakan template

Untuk codelab dalam materi ini, Anda telah menggunakan template Empty Activity dan Basic Activity untuk memulai project baru. Anda juga dapat menggunakan template aktivitas saat membuat aktivitas setelah project Anda dibuat.

1. Buat project aplikasi atau pilih project yang sudah ada.
2. Di panel Project > Android, klik kanan folder java.
3. Pilih New > Activity > Gallery.
4. Tambahkan aktivitas ke aplikasi dengan memilih salah satu template Activity. Misalnya, pilih Navigation Drawer Activity untuk menambahkan Activity yang memiliki panel navigasi.
5. Untuk menampilkan aktivitas di editor tata letak, klik dua kali file tata letak aktivitas (misalnya activity_main2.xml). Gunakan tab Desain dan tab Teks untuk beralih antara pratinjau tata letak dan kode tata letak aktivitas.

Repositori Google Samples di GitHub menyediakan contoh kode Android Kotlin yang dapat Anda pelajari, salin, dan gabungkan ke dalam project Anda.

Langkah 1: Download dan jalankan contoh kode Android Kotlin

1. Di browser, buka github.com/googlesamples.
2. Untuk Language, pilih Kotlin.
3. Pilih aplikasi contoh Android Kotlin yang baru saja diubah dan download kode project aplikasi. Untuk contoh ini, download file zip untuk aplikasi android-sunflower, yang mendemonstrasikan beberapa komponen Android Jetpack.
4. Di Android Studio, buka project android-sunflower-master.
5. Terima update apa pun yang direkomendasikan Android Studio, lalu jalankan aplikasi di emulator atau perangkat berteknologi Android.
   

Catatan: Contoh yang ada di repo Google Samples di GitHub dimaksudkan sebagai titik awal untuk pengembangan lebih lanjut. Sebaiknya Anda merancang dan membangun ide Anda sendiri ke dalam sampel ini.

Langkah 2: Jelajahi contoh kode Android Kotlin

Setelah membuka aplikasi contoh Android Sunflower di Android Studio, pelajari aplikasi tersebut dan jelajahi file project-nya.

1. Untuk mengetahui informasi tentang apa yang didemonstrasikan oleh aplikasi contoh, buka file README aplikasi di GitHub. Untuk contoh ini, lihat README Android Sunflower.
2. Di Android Studio, buka salah satu file aktivitas Kotlin di aplikasi, misalnya GardenActivity.kt.
   
3. Di GardenActivity.kt, temukan class, jenis, atau prosedur yang tidak Anda kenali dan cari di dokumentasi Android Developer. Misalnya, untuk mempelajari lebih lanjut metode setContentView(), telusuri developer.android.com untuk menemukan setContentView().

Langkah 3: Ubah ikon peluncur

Pada langkah ini, Anda akan mengubah ikon peluncur untuk aplikasi contoh Android Sunflower. Anda akan menambahkan gambar clip art dan menggunakannya untuk menggantikan ikon peluncur Android Sunflower saat ini.

Ikon peluncur

Setiap aplikasi yang Anda buat dengan Android Studio dimulai dengan ikon peluncur default yang merepresentasikan aplikasi. Ikon peluncur terkadang disebut ikon aplikasi atau ikon produk.

Jika Anda memublikasikan aplikasi di Google Play, ikon peluncur aplikasi akan muncul di listingan dan hasil penelusuran aplikasi di Google Play Store.

Setelah aplikasi diinstal di perangkat berteknologi Android, ikon peluncur aplikasi akan muncul di layar utama perangkat dan di tempat lain di perangkat. Misalnya, ikon peluncur aplikasi Android Sunflower muncul di jendela Search Apps perangkat, yang ditunjukkan sebagai 1 dalam screenshot di bawah. Ikon peluncur default, yang ditunjukkan sebagai 2 di bawah, awalnya digunakan untuk semua project aplikasi yang Anda buat di Android Studio.

Mengubah ikon peluncur

Dengan mempelajari proses mengubah ikon peluncur, Anda akan diperkenalkan dengan fitur aset gambar Android Studio.

Di Android Studio, berikut cara mengubah ikon peluncur aplikasi Android Sunflower:

1. Di panel Project > Android, klik kanan (atau Control+klik) folder res. Pilih New > Image Asset. Dialog Konfigurasi Aset Gambar akan muncul.

2. Di kolom Icon Type, pilih Launcher Icons (Adaptive & Legacy) jika belum dipilih. Klik tab Foreground Layer.
3. Untuk Asset Type, pilih Clip Art, seperti yang ditunjukkan dengan angka 1 pada screenshot di bawah.
   
   
4. Klik ikon robot di kolom Clip Art, yang ditunjukkan sebagai 2 pada screenshot di atas. Dialog Select Icon akan muncul, menampilkan kumpulan ikon Desain Material.
5. Jelajahi dialog Pilih Ikon, atau telusuri ikon berdasarkan nama. Pilih ikon, seperti ikon suasana hati untuk menyarankan suasana hati yang baik. Klik OK.

6. Di dialog Configure Image Asset, klik tab Background Layer. Untuk Asset Type, pilih Color. Klik chip warna dan pilih warna yang akan digunakan sebagai lapisan latar belakang untuk ikon.
7. Klik tab Lama dan tinjau setelan default. Konfirmasi bahwa Anda ingin membuat ikon versi lama, bulat, dan Google Play Store. Klik Next.
8. Dialog Confirm Icon Path akan muncul, yang menampilkan lokasi file ikon ditambahkan dan diganti. Klik Selesai.
9. Jalankan aplikasi di emulator AVD atau perangkat Android.

Android Studio otomatis menambahkan gambar peluncur ke direktori mipmap untuk kepadatan layar yang berbeda. Aplikasi Android Sunflower kini menggunakan ikon clip art baru sebagai ikon peluncurannya.

Tips: Untuk mempelajari cara mendesain ikon peluncur yang efektif, lihat panduan Ikon produk Desain Material.

4. Jalankan kembali aplikasi. Pastikan ikon peluncur baru muncul di layar Search Apps.

Langkah 1: Pelajari dokumentasi Android resmi

Jelajahi beberapa situs dokumentasi Android yang paling berguna dan pahami apa yang tersedia:

1. Buka developer.android.com. Dokumentasi developer Android resmi ini selalu diperbarui oleh Google.
2. Buka developer.android.com/design/. Situs ini menawarkan panduan untuk mendesain tampilan dan fungsi aplikasi Android berkualitas tinggi.
3. Buka material.io, yang merupakan situs tentang Desain Material. Desain Material adalah filosofi desain konseptual yang menguraikan tampilan dan fungsi semua aplikasi, bukan hanya aplikasi Android, di perangkat seluler. Buka link untuk mempelajari Desain Material lebih lanjut. Misalnya, untuk mempelajari penggunaan warna, klik tab Desain, lalu pilih Warna.
4. Buka developer.android.com/docs/ untuk menemukan informasi API, dokumentasi referensi, tutorial, panduan alat, dan contoh kode.
5. Buka developer.android.com/distribute/ untuk menemukan informasi tentang memublikasikan aplikasi di Google Play. Google Play adalah sistem distribusi digital Google untuk aplikasi yang dikembangkan dengan Android SDK. Gunakan Konsol Google Play untuk mengembangkan basis pengguna dan mulai memperoleh penghasilan.

Langkah 2: Jelajahi konten dari tim Android dan Google Penelusuran

1. Pelajari channel YouTube Android Developer, yang merupakan sumber tutorial dan tips yang sangat berguna.
2. Buka blog Android resmi, tempat tim Android memposting berita dan tips.
3. Masukkan pertanyaan ke Google Penelusuran, dan mesin penelusuran Google akan mengumpulkan hasil yang relevan dari berbagai sumber. Misalnya, gunakan Google Penelusuran untuk mengajukan pertanyaan, "Apa versi OS Android yang paling populer di India?" Anda bahkan dapat memasukkan pesan error di Google Penelusuran.

Langkah 3: Telusuri di Stack Overflow

Stack Overflow adalah komunitas programmer yang saling membantu. Jika Anda mengalami masalah, kemungkinan besar orang lain telah memposting jawabannya.

1. Buka Stack Overflow.
2. Di kotak penelusuran, masukkan pertanyaan seperti "Bagaimana cara menyiapkan dan menggunakan ADB melalui Wi-Fi?" Anda dapat melakukan penelusuran di Stack Overflow tanpa mendaftar, tetapi jika ingin memposting pertanyaan baru atau menjawab pertanyaan, Anda harus mendaftar.
3. Di kotak penelusuran, masukkan [android]. Kurung [] menunjukkan bahwa Anda ingin menelusuri postingan yang telah diberi tag sebagai postingan tentang Android.
4. Anda dapat menggabungkan tag dan istilah penelusuran untuk membuat penelusuran Anda lebih spesifik. Coba penelusuran ini:

• [android] and [layout]
• [android] "hello world"

Tips: Untuk mempelajari lebih lanjut berbagai cara Anda dapat melakukan penelusuran di Stack Overflow, lihat pusat bantuan Stack Overflow.

Langkah 4: Gunakan SDK Manager untuk menginstal dokumentasi offline

Saat Anda menginstal Android Studio, komponen penting Android SDK akan diinstal bersamaan. Untuk menginstal library dan dokumentasi lain yang tersedia, gunakan SDK Manager.

Untuk menjelajahi SDK Manager dan mendownload dokumentasi SDK, ikuti langkah-langkah berikut:

1. Di Android Studio, pilih Tools > SDK Manager SDK Manager akan terbuka.
2. Di kolom kiri SDK Manager, pilih Android SDK (1 pada screenshot di bawah).
3. Catat jalur di kolom Android SDK Location (2 pada screenshot di bawah). Anda akan menggunakan jalur ini nanti untuk menemukan apa pun yang Anda instal.
   
4. Di SDK Manager, klik tab SDK Platforms. Dari sini, Anda dapat menginstal lebih banyak versi sistem Android.
5. Klik tab SDK Tools. Dari sini, Anda dapat menginstal alat developer SDK yang tidak diinstal secara default. Anda juga dapat menginstal dokumentasi developer Android versi offline.
6. Klik tab SDK Update Sites. Android Studio memeriksa situs yang tercantum dan dipilih secara rutin untuk mendapatkan update.
7. Kembali ke tab SDK Tools, lalu centang kotak Documentation for Android SDK, jika belum dicentang. Klik Terapkan.
   
   Dialog konfirmasi akan terbuka, yang menunjukkan berapa banyak ruang disk yang diperlukan untuk mendownload. Klik Oke.
8. Setelah penginstalan selesai, klik Finish.

Untuk menemukan dokumentasi yang Anda instal, ikuti langkah-langkah berikut:

1. Di komputer Anda, buka direktori Android/sdk/. (Untuk menemukan jalur ke direktori, lihat kolom Android SDK Location, yang ditampilkan sebagai 2 pada screenshot di atas.)
2. Buka direktori docs/.
3. Temukan file index.html, lalu buka di browser.

• Dokumentasi developer Android resmi ada di developer.android.com.
• Desain Material adalah filosofi desain konseptual yang menguraikan tampilan dan fungsi aplikasi di perangkat seluler. Desain Material bukan hanya untuk aplikasi Android. Panduan Desain Material ada di material.io.
• Android Studio menyediakan template untuk desain aplikasi dan aktivitas umum dan yang direkomendasikan. Template ini menawarkan kode yang berfungsi untuk kasus penggunaan umum.
• Saat membuat project, Anda dapat memilih template untuk aktivitas pertama.
• Saat mengembangkan aplikasi, Anda dapat membuat aktivitas dan komponen aplikasi lainnya dari template bawaan.
• Contoh Google berisi contoh kode yang dapat Anda pelajari, salin, dan gabungkan ke dalam project Anda.

Kursus Udacity:

• Mengembangkan Aplikasi Android dengan Kotlin

Dokumentasi Android Studio:

• Mengenal Android Studio
• Dasar-dasar alur kerja developer

Dokumentasi developer Android:

• Situs developer Android
• Situs Pelatihan Google Developers
• Tata Letak
• Ringkasan resource aplikasi
• Menu
• TextView
• Resource string
• Ringkasan Manifes Aplikasi

Contoh kode:

• Kode sumber untuk kursus Pelatihan Developer Google di GitHub
• Contoh Google
• Contoh kode Android untuk developer

Video:

• Channel YouTube Android Developer
• Kursus online Udacity

Referensi lainnya:

• Blog Android resmi
• Blog Developer Android
• Codelab Google Developers
• Stack Overflow
• Glosarium kosakata Android

Mulai pelajaran berikutnya: 2.1: Tata letak linear menggunakan Layout Editor

Untuk link ke codelab lain dalam kursus ini, lihat halaman landing codelab Dasar-Dasar Android Kotlin.