Diposting oleh Jolanda Verhoef, Insinyur Hubungan Pengembang Android

Sudah hampir dua tahun sejak kami meluncurkan versi stabil pertama dari Jetpack Compose, dan sejak saat itu, kami telah melihat pengadopsian dan rangkaian fiturnya tumbuh secara spektakuler. Baik Anda menulis aplikasi untuk ponsel cerdas, perangkat foldable, tablet, perangkat ChromeOS, smartwatch, atau TV, Compose siap membantu Anda! Kami menyarankan Anda untuk menggunakan Compose untuk semua aplikasi Wear OS, ponsel, dan layar besar yang baru. Dengan fitur tooling dan library baru, Material Design 3 yang diperluas, layar besar, dan dukungan Wear OS, serta Compose versi alfa untuk widget layar utama dan TV… Ini saat yang menyenangkan!

Menulis di komunitas

Pada tahun lalu, kami melihat banyak perusahaan menyelidiki dan memilih Compose untuk membuat fitur baru dan memigrasikan layar di aplikasi produksi mereka. 24% dari 1000 aplikasi teratas di Google Play telah memilih untuk menggunakan Compose! Misalnya, teknisi Dropbox memberi tahu kami bahwa mereka menulis ulang pengalaman pencarian mereka di Compose hanya dalam beberapa minggu, waktu yang 40% lebih cepat dari yang diperkirakan, dan kurang dari separuh waktu yang dibutuhkan tim untuk membuat fitur di iOS. Mereka juga menyampaikan bahwa mereka tertarik untuk mengadopsi Compose “karena dukungan kelas satu untuk sistem desain dan dukungan perkakas”. Tim Google Drive kami memangkas hampir separuh waktu pengembangan saat menggunakan Compose yang dikombinasikan dengan peningkatan arsitektur.

Sangat menyenangkan melihat bagaimana tim ini mengalami siklus pengembangan yang lebih cepat, dan juga merasa bahwa kode UI mereka lebih dapat diuji. Terinspirasi? Mulailah dengan membaca panduan Cara Menggunakan Compose untuk Tim Anda, yang menguraikan bagaimana dan dari mana harus memulai, dan menunjukkan area pengembangan di mana Compose dapat memberikan nilai tambah yang besar.

Fitur & pengembangan perpustakaan

Sejak kami merilis Compose Bill of Material pertama pada bulan Oktober tahun lalu, kami telah mengerjakan fitur baru, perbaikan bug, peningkatan performa, dan menghadirkan Compose ke mana pun Anda membuat UI: ponsel, tablet, perangkat foldable, jam tangan, TV, dan tampilan depan. Anda dapat menemukan semua perubahan dalam rilis Mei 2023 dan versi alfa terbaru dari library Compose.

Kami telah mendengar dari Anda bahwa kinerja adalah sesuatu yang Anda pedulikan, dan tidak selalu jelas cara membuat aplikasi Compose yang berperforma baik. Kami terus meningkatkan performa Compose. Misalnya, mulai Oktober lalu, kami mulai memigrasikan pengubah ke sistem yang baru dan lebih efisien, dan kami mulai melihat hasil dari migrasi tersebut. Untuk teks saja, pekerjaan ini menghasilkan peningkatan kinerja rata-rata 22% yang dapat dilihat di rilis alfa terbaru, dan peningkatan ini berlaku secara menyeluruh. Untuk mendapatkan manfaat ini di aplikasi Anda, yang harus Anda lakukan hanyalah mengupdate versi Compose!

Text dan TextField mendapat banyak peningkatan dalam beberapa bulan terakhir. Di samping peningkatan kinerja yang telah kami sebutkan, Compose kini mendukung versi emoji terbaru 🫶 dan menyertakan fitur teks baru seperti menguraikan teks, dukungan tanda hubung, dan mengonfigurasi perilaku pemutusan baris. Baca selengkapnya di catatan rilis library compose-foundation dan compose-ui.

Komponen pager baru memungkinkan Anda membolak-balik konten secara horizontal atau vertikal, yang serupa dengan ViewPager2 di Views. Ini memungkinkan opsi penyesuaian yang mendalam, sehingga memungkinkan untuk membuat efek visual yang memukau:

HorizontalPager dapat disusun. Pelajari cara menerapkan ini dan efek mewah lainnya di postingan blog Rebecca Franks

Tata letak aliran baru FlowRow dan FlowColumn mempermudah pengaturan konten dalam aliran vertikal atau horizontal, seperti baris teks dalam paragraf. Mereka juga mengaktifkan ukuran dinamis menggunakan bobot untuk mendistribusikan item di seluruh wadah.

Menggunakan tata letak aliran untuk menampilkan filter pencarian di aplikasi real estat

Untuk mempelajari lebih lanjut tentang fitur baru, peningkatan kinerja, dan perbaikan bug, lihat catatan rilis stabil terbaru dan rilis alfa terbaru dari library Compose.

Peralatan

Mengembangkan aplikasi Anda menggunakan Jetpack Compose jauh lebih mudah dengan alat yang baru dan lebih baik di sekitarnya. Kami menambahkan banyak fitur baru ke Android Studio untuk meningkatkan alur kerja dan efisiensi Anda. Berikut ini beberapa sorotan:

Android Studio Flamingo adalah rilis stabil terbaru, menghadirkan:

  • Template project yang menggunakan Compose dan Material 3 secara default, mencerminkan praktik yang kami rekomendasikan.
  • Warna dinamis Material You di Compose pratinjau untuk melihat dengan cepat bagaimana komposisi Anda merespons wallpaper dengan warna berbeda di perangkat pengguna.
  • Tulis fungsi dalam pelacakan sistem saat Anda menggunakan profiler Pelacakan Sistem untuk membantu Anda memahami fungsi Tulis mana yang sedang dikomposisi ulang.

Android Studio Giraffe adalah rilis beta terbaru, berisi fitur-fitur seperti:

  • Live Edit, memungkinkan Anda melakukan iterasi kode dengan cepat di emulator atau perangkat fisik tanpa membangun ulang atau men-deploy ulang aplikasi Anda.
  • Dukungan untuk API animasi baru dalam pratinjau Animasi sehingga Anda dapat men-debug animasi apa pun menggunakan animate*AsState, CrossFade, ingatInfiniteTransition, dan AnimatedContent.
  • Pratinjau Compose sekarang mendukung pembaruan langsung di beberapa file, misalnya, jika Anda membuat perubahan di file Theme.kt, Anda dapat melihat semua pembaruan Pratinjau secara otomatis di file UI Anda.
  • Meningkatkan perilaku pelengkapan otomatis. Misalnya, sekarang kami menampilkan pratinjau ikon saat Anda menambahkan ikon Material, dan kami menyimpan anotasi @Composable saat menjalankan “Implement Members”.

Android Studio Hedgehog berisi fitur canary seperti:

  • Menampilkan informasi status Compose di debugger. Saat men-debug aplikasi Anda, debugger akan memberi tahu Anda dengan tepat parameter mana yang telah “Berubah” atau tetap “Tidak Berubah”, sehingga Anda dapat menyelidiki penyebab rekomposisi dengan lebih efisien.
  • Anda dapat mencoba Bot Studio baru, pengalaman percakapan yang didukung AI eksperimental di Android Studio untuk membantu Anda membuat kode, memperbaiki masalah, dan mempelajari praktik terbaik, termasuk semua hal tentang Compose. Ini adalah eksperimen awal, tetapi kami ingin Anda mencobanya!
  • Dukungan emulator untuk Pixel Fold dan Perangkat Virtual Tablet yang baru diumumkan, sehingga Anda dapat menguji aplikasi Compose sebelum perangkat ini diluncurkan akhir tahun ini.
  • API Perangkat Espresso baru yang memungkinkan Anda menerapkan perubahan rotasi, lipatan, dan perubahan konfigurasi sinkron lainnya ke perangkat virtual yang sedang diuji.

Kami juga secara aktif mengerjakan pemeriksaan linting visual dan aksesibilitas untuk pratinjau sehingga Anda dapat mengaudit UI Compose secara otomatis dan memeriksa masalah di berbagai ukuran layar, dan pada template multipreview untuk membantu Anda menambahkan kumpulan pratinjau umum dengan cepat.

Bahan 3

Material 3 adalah sistem desain yang disarankan untuk aplikasi Android, dan rilis stabil 1.1 terbaru menambahkan banyak fitur baru yang hebat. Kami menambahkan komponen baru seperti lembar bawah, pemilih tanggal dan waktu, bilah pencarian, keterangan alat, dan lainnya. Kami juga meningkatkan banyak komponen inti menjadi stabil, menambahkan lebih banyak dukungan gerak dan interaksi, dan menyertakan dukungan edge-to-edge di banyak komponen. Tonton video ini untuk mempelajari cara mengimplementasikan Material You di aplikasi Anda:

Memperluas Compose ke lebih banyak permukaan

Kami ingin Compose menjadi model pemrograman untuk UI di mana pun Anda menjalankan Android. Ini berarti menyertakan dukungan kelas satu untuk layar besar seperti perangkat lipat dan tablet serta pustaka penerbitan yang memungkinkan penggunaan Compose untuk menulis widget layar utama, aplikasi smartwatch, dan aplikasi TV.

Dukungan layar besar

Kami telah melanjutkan upaya kami untuk mempermudah pengembangan untuk layar besar saat Anda menggunakan Compose. Pager dan tata letak aliran yang kami rilis adalah pola umum pada perangkat layar besar. Selain itu, kami menambahkan library Compose baru yang memungkinkan Anda mengamati class ukuran jendela perangkat sehingga Anda dapat dengan mudah mem-build UI adaptif.

Saat memasang mouse ke perangkat Android, Compose sekarang mengubah kursor mouse menjadi tanda sisipan dengan benar saat Anda mengarahkan kursor ke bidang teks atau teks yang dapat dipilih. Ini membantu pengguna untuk memahami elemen apa di layar yang dapat berinteraksi dengan mereka.

Lirikan

Hari ini kami menerbitkan versi beta pertama dari pustaka Jetpack Glance! Glance memungkinkan Anda mengembangkan widget yang dioptimalkan untuk ponsel Android, tablet, dan layar utama foldable menggunakan Jetpack Compose. Pustaka memberi Anda peningkatan widget Android terbaru secara langsung, menggunakan Kotlin dan Compose:

  • Glance menyederhanakan penerapan widget interaktif, sehingga Anda dapat menampilkan fitur teratas aplikasi Anda, langsung di layar beranda pengguna.
  • Glance memudahkan pembuatan widget responsif yang tampak hebat di berbagai faktor bentuk.
  • Glance memungkinkan Iterasi UI lebih cepat dengan desainer Anda, memastikan pengalaman pengguna berkualitas tinggi.

Pakai OS

Kami meluncurkan Compose untuk Wear OS 1.1 stable pada bulan Desember lalu, dan kami bekerja keras pada rilis 1.2 baru yang saat ini dalam versi alfa. Inilah beberapa sorotan dari peningkatan berkelanjutan dan fitur baru yang kami bawa ke pergelangan tangan Anda:

  • Placeholder dan placeholderShimmer menambahkan animasi pemuatan elegan yang dapat digunakan pada chip dan kartu saat konten sedang dimuat.
  • expandableItems memungkinkan untuk melipat daftar panjang atau teks panjang, dan hanya memperluas untuk menunjukkan panjang penuhnya saat interaksi pengguna.
  • Penyempurnaan input putar yang tersedia di Horologist menambahkan perilaku jepret dan lempar yang intuitif saat pengguna menavigasi daftar dengan input putar.
  • Android Studio sekarang memungkinkan Anda mempratinjau beberapa layar jam tangan dan ukuran teks sambil mem-build aplikasi Compose. Gunakan Anotasi yang telah kami tambahkan di sini.

Menulis untuk TV

Anda sekarang dapat membangun pengalaman ruang keluarga yang sempurna dengan rilis alfa Compose untuk TV! Dengan library AndroidX TV yang baru, Anda dapat menerapkan semua manfaat Compose pada persyaratan unik untuk Android TV. Kami bekerja sama dengan komunitas untuk membangun API intuitif dengan kemampuan canggih. Insinyur dari Soundcloud berbagi dengan kami bahwa “berkat Compose untuk TV, kami dapat menggunakan kembali komponen dan bergerak jauh lebih cepat daripada yang diizinkan oleh API Leanback View lama.” Dan Plex berbagi bahwa “fokus TV dan dukungan scroll di Compose telah sangat meningkatkan produktivitas developer dan performa aplikasi kami”.

Compose for TV hadir dengan berbagai komponen seperti ImmersiveList dan Carousel yang secara khusus dioptimalkan untuk pengalaman ruang tamu. Hanya dengan beberapa baris kode, Anda dapat membuat UI TV yang hebat.

TvLazyColumn { item(contentList) { konten -> TvLazyRow { item(content) { cardItem -> Card(cardItem) } } }

Pelajari lebih lanjut tentang rilis di postingan blog ini, lihat bincang-bincang “Apa yang baru dengan TV dan pengantar Compose”, atau lihat dokumentasi TV!

Tulis dukungan di perpustakaan lain

Sangat menyenangkan melihat semakin banyak pustaka yang dikembangkan secara internal dan eksternal menambahkan dukungan untuk Compose. Misalnya, memuat gambar secara asinkron kini dapat dilakukan dengan komposisi GlideImage dari library Glide. Dan Google Maps merilis perpustakaan yang membuatnya lebih mudah untuk membuat implementasi peta Anda secara deklaratif.

GoogleMap( ) { Marker( state = MarkerState(position = LatLng(-34, 151)), title = “Marker in Sydney” ) Marker( state = MarkerState(position = LatLng(35.66, 139.6)), title = “Marker in Tokyo”) }

Panduan baru dan diperbarui

Di mana pun Anda berada dalam perjalanan belajar Anda, kami siap membantu Anda! Kami menambahkan dan mengubah banyak panduan di Compose:

  • Pelajari langsung dengan kursus Compose untuk Pengembang Android, di mana Anda dapat mempelajari dasar-dasarnya dan mendalami tata letak, status, faktor bentuk, dan lainnya. Kami memperbarui kursus untuk memasukkan semua sumber daya terbaru.
  • Jika Anda lebih suka menonton video, mengikuti seri Keahlian MAD Dasar-dasar Menulis yang diterima dengan baik, baru-baru ini kami menerbitkan seri Keterampilan MAD baru tentang Tata Letak dan Pengubah. Dengan lima episode yang mencakup semuanya mulai dari dasar hingga konsep dan fungsi lanjutan, Tanya Jawab dengan Karyawan Google, dan tip komunitas, seri ini akan membantu Anda meningkatkan pengetahuan Tata Letak Compose dengan cepat.
  • Pastikan untuk memeriksa semua pembicaraan I/O terkait penulisan: Men-debug Jetpack Compose, Apa yang baru dengan TV dan pengantar Compose, Cara membuat aplikasi Android yang hebat untuk layar besar dan perangkat foldable, Cara menguji untuk semua ukuran layar, dan Membangun modern Aplikasi Android dengan Material You for Compose, atau membuat kode bersama dengan lokakarya yang dipandu instruktur tentang Status Lanjutan dan Efek samping di Compose.
  • Baca panduan yang diperluas tentang Sentuhan dan masukan, termasuk halaman baru tentang memahami gerakan, dan bagian baru tentang cara menangani fokus.
  • Pelajari cara menerapkan tema Material 3 di aplikasi Anda dengan codelab baru.

Selamat Menulis!

Kami harap Anda sama bersemangatnya dengan perkembangan ini seperti kami! Jika Anda belum memulai, saatnya mempelajari Jetpack Compose dan melihat bagaimana tim dan proses pengembangan Anda dapat memanfaatkannya. Bersiaplah untuk peningkatan kecepatan dan produktivitas. Selamat Menulis!