Mendukung beberapa link dalam satu string teks
Updated 22 Februari 2025
Anda dapat mendukung beberapa link dalam satu string teks untuk memberi pengguna opsi tempat yang akan dituju dan meningkatkan engagement.
- Petunjuk
22 Februari 2025
Memberi gaya pada bagian teks
Updated 22 Februari 2025
Anda dapat menata gaya bagian teks untuk meningkatkan keterbacaan, meningkatkan pengalaman pengguna yang positif, dan mendorong kreativitas yang lebih besar melalui penggunaan warna dan font.
- Petunjuk
22 Februari 2025
Memvalidasi input saat pengguna mengetik
Updated 22 Februari 2025
Anda dapat memvalidasi input saat pengguna mengetik di kolom teks, seperti memasukkan nama, email, alamat, atau informasi kontak lainnya. Validasi ini mengurangi error dan menghemat waktu pengguna.
- Petunjuk
22 Februari 2025
Memuat dan menampilkan gambar
Updated 22 Februari 2025
Untuk menampilkan gambar di aplikasi Anda untuk konten dan respons terhadap tindakan pengguna, muat gambar dari disk atau dari sumber eksternal di internet.
- Petunjuk
22 Februari 2025
Membuat kartu sebagai penampung
Updated 6 Februari 2025
Kartu menyediakan penampung Desain Material untuk UI Anda.
- Petunjuk
6 Februari 2025
Animasi di Compose
5 menit
Updated 6 Februari 2025
Lihat cara menganimasikan nilai status, menggunakan transisi, menganimasikan visibilitas atau perubahan ukuran, dan crossfade menggunakan API animasi Compose.
- Video
6 Februari 2025
Menampilkan panel aplikasi atas
Updated 6 Februari 2025
Buat panel aplikasi atas untuk membantu pengguna menavigasi dan mengakses fungsi di aplikasi Anda, menggunakan composable TopAppBar.
- Petunjuk
6 Februari 2025
Menampilkan panel aplikasi
Updated 6 Februari 2025
Panel aplikasi adalah penampung di bagian atas atau bawah layar yang berisi fitur utama dan item navigasi.
- Petunjuk
6 Februari 2025
Menampilkan atau menyembunyikan sandi berdasarkan tombol pengguna
Updated 6 Februari 2025
Anda dapat membuat ikon untuk menyembunyikan atau menampilkan sandi berdasarkan tombol pengguna untuk meningkatkan keamanan dan meningkatkan pengalaman pengguna.
- Petunjuk
6 Februari 2025
Menampilkan gambar animasi
Updated 6 Februari 2025
Anda dapat membuat pengalaman pengguna yang lebih interaktif dan menarik di aplikasi dengan memuat file drawable untuk menampilkan gambar animasi. Gambar animasi berguna untuk membuat indikator pemuatan, indikator keberhasilan atau error, memfasilitasi pengembangan game, dan berbagai fungsi UI lainnya.
- Petunjuk
6 Februari 2025
Menggambar teks di Compose
2 menit
Updated 6 Februari 2025
Lihat cara menggunakan Compose API yang dirancang khusus untuk menggambar teks di kanvas. Segmen ini menunjukkan kode untuk menggambar font emoji dalam persegi panjang membulat.
- Video
6 Februari 2025
Membuat indikator progres
Updated 6 Februari 2025
Indikator progres menampilkan status operasi.
- Petunjuk
6 Februari 2025
Mengelola perubahan konfigurasi keyboard yang dapat dilepas
Updated 6 Februari 2025
Pelajari cara mengelola perubahan konfigurasi keyboard yang dapat dilepas.
- Petunjuk
6 Februari 2025
Menampilkan gambar yang dipangkas ke bentuk
Updated 6 Februari 2025
Anda dapat menggambar bayangan di sekitar area gambar yang dipangkas sehingga Anda dapat menampilkan gambar dalam bentuk klip.
- Petunjuk
6 Februari 2025
Membatasi orientasi aplikasi di ponsel, tetapi tidak untuk perangkat layar besar
Updated 6 Februari 2025
Membatasi orientasi aplikasi di layar kecil, tetapi tidak di layar besar.
- Petunjuk
6 Februari 2025
Menampilkan daftar paging
Updated 6 Februari 2025
Buat daftar paging sehingga pengguna dapat men-scroll untuk mengakses konten yang terlalu besar untuk ditampilkan di satu layar. Daftar paging horizontal dapat membantu pengguna menjelajahi konten seperti gambar, slideshow, atau carousel produk. Daftar paging vertikal berguna untuk aplikasi yang berisi banyak konten, tempat pengguna mungkin perlu men-scroll item dalam jumlah besar, seperti artikel.
- Petunjuk
6 Februari 2025
Menambahkan tombol yang dapat diaktifkan atau dinonaktifkan pengguna
Updated 6 Februari 2025
Anda dapat menggunakan tombol untuk memungkinkan pengguna memilih salah satu dari dua status.
- Petunjuk
6 Februari 2025
Membuat chip untuk mewakili entitas kompleks
Updated 6 Februari 2025
Komponen chip secara visual mewakili entity kompleks, sering kali dengan ikon dan label.
- Petunjuk
6 Februari 2025
Pengujian di Compose
4 menit
Updated 6 Februari 2025
Buat pengujian Jetpack Compose pertama Anda. Pelajari cara menggunakan artefak pengujian Compose untuk menulis pengujian UI, menggunakan aturan pengujian, pencari, dan pernyataan.
- Video
6 Februari 2025
Menampilkan komponen interaktif
Updated 6 Februari 2025
Pilih komponen yang tepat untuk UI Anda dan lihat cara menerapkannya di aplikasi.
- Petunjuk
6 Februari 2025
6 Februari 2025
Membuat tombol tindakan mengambang (FAB)
Updated 6 Februari 2025
Tombol tindakan mengambang memungkinkan pengguna melakukan tindakan utama di aplikasi.
- Petunjuk
6 Februari 2025
Menolak sentuhan telapak tangan stilus
Updated 6 Februari 2025
Menolak sentuhan telapak tangan stilus yang tidak disengaja.
- Petunjuk
6 Februari 2025
Menampilkan pesan pop-up atau permintaan input pengguna
Updated 6 Februari 2025
Dialog menampilkan pesan pop-up atau meminta input pengguna di lapisan di atas konten aplikasi utama.
- Petunjuk
6 Februari 2025
Membuat petak yang dapat di-scroll
Updated 6 Februari 2025
Anda dapat mengelola set data besar dan konten dinamis dengan petak lambat, sehingga meningkatkan performa aplikasi. Dengan composable petak lambat, Anda dapat menampilkan item dalam penampung yang dapat di-scroll, yang membentang di beberapa kolom atau baris.
- Petunjuk
6 Februari 2025
Mengoptimalkan aplikasi untuk layar besar
Updated 6 Februari 2025
Aktifkan aplikasi Anda untuk mendukung pengalaman pengguna yang dioptimalkan di tablet, perangkat foldable, dan perangkat ChromeOS.
- Petunjuk
6 Februari 2025
Mengelola status WebView
Updated 6 Februari 2025
Mengelola status WebView di seluruh perubahan konfigurasi.
- Petunjuk
6 Februari 2025
Membuat komponen scaffold untuk menyatukan UI
Updated 6 Februari 2025
Scaffold menyediakan berbagai bagian UI, seperti panel aplikasi dan tombol tindakan mengambang, sehingga memberikan tampilan dan nuansa yang koheren pada aplikasi.
- Petunjuk
6 Februari 2025
Tata letak lanjutan di Compose
13 menit
Updated 6 Februari 2025
Lihat cara membuat desain kompleks untuk tata letak Compose, yang berfokus pada fase tata letak dan batasan, tata letak subkomposisi, dan pengukuran intrinsik.
- Video
6 Februari 2025
Membuat menu geser dengan komponen panel navigasi
Updated 6 Februari 2025
Panel navigasi adalah menu navigasi geser.
- Petunjuk
6 Februari 2025
Membuat panel bawah
Updated 6 Februari 2025
Sheet bawah menampilkan konten sekunder di bagian bawah layar.
- Petunjuk
6 Februari 2025
Menampilkan item scroll bertingkat dalam daftar
Updated 6 Februari 2025
Anda dapat menampilkan item scroll bertingkat dalam daftar untuk menampilkan tata letak yang kompleks, seperti katalog produk, galeri media, feed berita, dan lainnya. Menampilkan konten dengan cara ini dapat meningkatkan kegunaan aplikasi Anda, sehingga memudahkan pengguna untuk menavigasinya.
- Petunjuk
6 Februari 2025
Menampilkan panel aplikasi bawah
Updated 6 Februari 2025
Buat panel aplikasi bawah untuk membantu pengguna menavigasi dan mengakses fungsi di aplikasi Anda.
- Petunjuk
6 Februari 2025
Membuat penggeser untuk rentang nilai
Updated 6 Februari 2025
Penggeser rentang memungkinkan pengguna membuat pilihan dari rentang nilai.
- Petunjuk
6 Februari 2025
Membuat daftar yang dapat di-scroll dan terbatas
Updated 6 Februari 2025
Daftar yang dapat di-scroll dapat membantu mengelola set data, membuat desain responsif, dan memfasilitasi navigasi. Untuk menampilkan kumpulan item yang terbatas di aplikasi, Anda dapat membuat daftar yang dapat di-scroll menggunakan pengubah `verticalScroll` atau `horizontalScroll`.
- Petunjuk
6 Februari 2025
Menambahkan indikator halaman kustom
Updated 6 Februari 2025
Dengan menggunakan indikator halaman, Anda dapat membantu pengguna memahami posisi mereka saat ini dalam konten aplikasi, yang memberikan indikasi visual tentang progres.
- Petunjuk
6 Februari 2025
Daftar lambat di Compose
24 menit
Updated 6 Februari 2025
Compose memberi Anda cara yang lebih sederhana dan berperforma lebih baik untuk membuat daftar scroll, menggunakan lebih sedikit baris kode daripada RecyclerView. Pelajari cara menggunakan tata letak lambat untuk membuat daftar yang memungkinkan penambahan konten ke daftar, sesuai permintaan.
- Video
6 Februari 2025
Membuat tombol untuk mengaktifkan scroll snap
Updated 6 Februari 2025
Anda dapat menampilkan tombol untuk memungkinkan pengguna langsung men-scroll ke titik tertentu dalam daftar, sehingga menghemat waktu dan meningkatkan engagement pengguna.
- Petunjuk
6 Februari 2025
Aksesibilitas dalam Compose
5 menit
Updated 6 Februari 2025
Tambahkan fitur aksesibilitas ke aplikasi Anda. Lihat cara meningkatkan jangkauan dan fleksibilitas aplikasi dengan sedikit pekerjaan.
- Video
6 Februari 2025
Menampilkan gambar berlapis di kanvas
Updated 6 Februari 2025
Anda dapat menggabungkan atau menempatkan gambar sumber untuk menampilkan gambar berlapis di kanvas. Misalnya, Anda dapat mereplikasi cara Framework Android membuat ikon aplikasi dengan menggabungkan drawable latar belakang dan latar depan yang terpisah.
- Petunjuk
6 Februari 2025
Memformat nomor telepon secara otomatis di kolom teks
Updated 6 Februari 2025
Anda dapat memformat nomor telepon secara otomatis di kolom teks untuk menghemat waktu dan meningkatkan engagement, produktivitas, dan efisiensi pengguna.
- Petunjuk
6 Februari 2025
Membuat notifikasi dengan snackbar
Updated 6 Februari 2025
Snackbar menampilkan notifikasi singkat di bagian bawah layar.
- Petunjuk
6 Februari 2025
Memfilter daftar saat mengetik
Updated 6 Februari 2025
Anda dapat memfilter daftar string berdasarkan input teks untuk memperbarui daftar secara dinamis berdasarkan kueri penelusuran pengguna.
- Petunjuk
6 Februari 2025
Status dalam Compose
5 menit
Updated 6 Februari 2025
Pelajari cara status mengalir melalui aplikasi berbasis Compose dan cara framework dapat otomatis mengupdate UI untuk menampilkan nilai baru. Lihat cara membuat status yang dapat diamati, cara mempertahankan status di seluruh rekomposisi atau perubahan konfigurasi, dan cara menyusun composable untuk alur data yang optimal.
- Video
6 Februari 2025
Men-debug rekomposisi di Compose
7 menit
Updated 6 Februari 2025
Tampilan proses debug masalah performa di Jetsnack dan cara memperbaikinya di Jetpack Compose. Pelajari alasan menunda pembacaan status menggunakan lambda berarti komposisi dapat dilewati.
- Video
6 Februari 2025
Insets di Compose
6 menit
Updated 6 Februari 2025
Pelajari cara inset berkomunikasi ke aplikasi Anda tempat dekorasi sistem ditempatkan, dan cara Compose API membantu konten Anda otomatis berpindah dengan panel sistem, keyboard software, dan taskbar. Jangan takut untuk menggunakan tata letak layar penuh.
- Video
6 Februari 2025
Pengantar menggambar di Compose
9 menit
Updated 6 Februari 2025
Setelah merasa nyaman bekerja di Compose, Anda dapat mulai menggambar komponen kustom Anda sendiri. Video ini membahas cara memulai gambar kustom.
- Video
6 Februari 2025
Membuat efek scroll paralaks
Updated 6 Februari 2025
Scrolling paralaks adalah teknik saat konten latar belakang dan konten latar depan di-scroll dengan kecepatan yang berbeda. Anda dapat menerapkan teknik ini untuk meningkatkan UI aplikasi, sehingga menciptakan pengalaman yang lebih dinamis saat pengguna men-scroll.
- Petunjuk
6 Februari 2025
Daftar di Compose
5 menit
Updated 6 Februari 2025
Jelajahi komponen Lambat Compose yang memudahkan untuk menampilkan daftar item. Pelajari cara menampilkan berbagai jenis item dan bahkan cara menerapkan header melekat. Lihat cara mengontrol atau bereaksi secara terprogram terhadap perubahan posisi scroll.
- Video
6 Februari 2025
Teks tampilan
Updated 6 Februari 2025
Tingkatkan kegunaan dan daya tarik estetika aplikasi Anda dengan menyesuaikan cara aplikasi menampilkan teks.
- Petunjuk
- Video
6 Februari 2025
Membuat scaffold layar utama
Updated 6 Februari 2025
Gunakan Panduan Cepat ini untuk membuat scaffold layar utama, yang dapat membantu memberikan tampilan dan nuansa yang koheren pada layar utama aplikasi Anda.
- Petunjuk
- Video
6 Februari 2025
Memuat data secara lambat dengan daftar dan Paging
Updated 6 Februari 2025
Gunakan library Paging untuk mendukung daftar item yang besar—termasuk daftar yang tidak terbatas—di aplikasi Anda dengan memuat dan menampilkan data secara bertahap. Dengan pemuatan lambat, Anda dapat mengurangi waktu pemuatan awal dan mengoptimalkan penggunaan memori, sehingga meningkatkan performa.
- Petunjuk
6 Februari 2025
Meminta input pengguna
Updated 6 Februari 2025
Buat aplikasi Anda interaktif dengan memungkinkan pengguna memasukkan teks dan input lainnya.
- Petunjuk
6 Februari 2025
Lima animasi cepat di Compose
7 menit
Updated 6 Februari 2025
5 animasi cepat dan mudah ini dapat membantu membuat aplikasi Anda menarik hanya dalam beberapa menit. Buat aplikasi Compose Anda tampil beda meskipun Anda tidak memiliki waktu untuk mempelajari semua hal yang perlu diketahui tentang animasi.
- Video
6 Februari 2025
Mengelola status RecyclerView
Updated 6 Februari 2025
Mempertahankan status RecyclerView selama perubahan konfigurasi.
- Petunjuk
6 Februari 2025
Menampilkan daftar atau petak
Updated 6 Februari 2025
Menampilkan dan mengatur koleksi item secara efisien dengan daftar dan petak.
- Video
- Petunjuk
6 Februari 2025
Membuat daftar menggunakan beberapa jenis item
Updated 6 Februari 2025
Anda dapat menggunakan daftar dengan beberapa jenis item untuk menampilkan jenis konten campuran seperti teks, gambar, dan elemen interaktif.
- Petunjuk
6 Februari 2025
Dasar-dasar Compose
Updated 6 Februari 2025
Rangkaian video ini memperkenalkan berbagai Compose API, yang dengan cepat menunjukkan kepada Anda apa yang tersedia dan cara menggunakannya.
- Video
6 Februari 2025
Tampilkan gambar
Updated 6 Februari 2025
Bekerja dengan gambar di layar menggunakan vektor, bitmap, atau langsung menggambar dengan kanvas di layar.
- Petunjuk
- Video
6 Februari 2025
Menganimasikan tampilan teks karakter demi karakter
Updated 6 Februari 2025
Anda dapat menganimasikan tampilan teks, karakter demi karakter, sehingga terlihat seperti efek pengetikan streaming.
- Petunjuk
6 Februari 2025