Jetpack Compose dengan Tutorial | raywenderlich.com

Dalam buku ini, Anda akan mempelajari cara membuat aplikasi yang andal menggunakan Jetpack Compose, cara mendesain aplikasi Anda menggunakan Desain Material, animasi khusus dan transisi status, cara menggunakan pengubah, dan banyak lagi! Buku ini akan berfungsi sebagai titik sentral yang menyimpan semua informasi yang Anda butuhkan untuk mendalami Jetpack Compose, lalu menerapkannya ke proyek tingkat pribadi dan produksi Anda.

Anda akan fokus mempelajari Jetpack Compose tidak hanya melalui teori, tetapi juga melalui contoh proyek dunia nyata.

Setelah membaca buku ini, Anda akan menjadi ahli sejati pada topik tersebut dan Anda akan belajar bagaimana mengubah pola pikir Anda dan mulai berpikir dalam Jetpack Compose dan pemrograman deklaratif.

Sebelum kamu memulai

Bagian ini memberi tahu Anda beberapa hal yang perlu Anda ketahui sebelum memulai, seperti perangkat keras dan perangkat lunak apa yang Anda perlukan, di mana menemukan file proyek untuk buku ini, dan banyak lagi.

Bagian I: Memulai Jetpack Compose

Perangkat UI Android adalah lebih dari 10 tahun sekarang! Selama bertahun-tahun, telah menerima banyak pembaruan dalam hal fungsionalitas, jenis elemen UI yang disediakannya, dan pengoptimalan. Tetapi karena cara tim UI pada awalnya mengembangkan toolkit, hal itu juga terjadi tumbuh dalam kompleksitas dan jumlah kode bahkan untuk komponen yang paling sederhana.

Akhirnya, pada tahun 2020, keajaiban terjadi: Jetpack Compose. Toolkit UI baru diumumkan dan mulai dikembangkan secara serius oleh Google. Jetpack Compose adalah toolkit baru dan segar, dibangun sepenuhnya di Kotlin, yang menawarkan bersih dan deklaratif cara untuk mengembangkan komponen khusus dan antarmuka yang indah.

Di bagian ini, Anda akan mempelajari semua tentang:

  • Komponen dasar yang disediakan Jetpack Compose.
  • Cara membangun komponen antarmuka pengguna umum seperti penampung, kontrol navigasi, dan daftar.

Dalam empat bab ini, Anda akan mendalami API dan belajar banyak tentang perangkat UI baru yang luar biasa ini.

Selama bertahun-tahun, perangkat Android UI telah dikembangkan untuk menyediakan beberapa pendekatan berbeda dalam hal penulisan kode antarmuka pengguna. Dari mengembangkan antarmuka yang sepenuhnya terprogram atau menulis tata letak bertenaga XML, hingga menggunakan pustaka yang berbeda dengan DSL kustom, ada banyak solusi untuk masalah penggunaan kembali, skalabilitas, dan kinerja yang sama. Tinjau cara lama menulis kode UI, dan jelajahi toolkit UI baru dan mengagumkan yang disebut Jetpack Compose.


Pelajari lebih lanjut tentang teori fungsi yang dapat disusun dengan mencoba komponen dasar Jetpack Compose. Setiap fungsi yang dapat disusun memiliki sampel kode dan ditampilkan di dalam aplikasi.


Bab ini membahas teori di balik tata letak yang dapat disusun dan petunjuk tentang cara menggunakan tata letak tersebut untuk mengelompokkan elemen dasar ke dalam UI yang lebih kompleks.


Bab ini membahas teori di balik container yang dapat di-scroll dan membuat daftar horizontal dan vertikal dinamis di Jetpack Compose.


Bagian II: Menyusun Antarmuka Pengguna

Saat mengerjakan aplikasi dan antarmuka pengguna, tidak hanya penting untuk mengetahui seperti apa setiap bagian dari antarmuka itu, tetapi juga bagaimana semua bagian ini datang bersama untuk membangun desain yang indah dan berfungsi penuh yang akan membuat pengguna Anda kagum.

Sekarang setelah Anda mengumpulkan cukup banyak pengetahuan tentang dasar-dasar Jetpack Compose dan elemen UI fundamentalnya, Anda siap untuk mendalami lebih dalam dalam membuat elemen Tulis kustom, mengelola negara mereka dengan cara yang berkinerja dan menata mereka menggunakan pengubah dan fitur Desain Material bawaan.

Selama empat bab berikutnya, Anda akan mempelajari cara:

  • Lampirkan struktur LiveData ke manajemen negara Anda.
  • Andalkan pengubah gaya yang berbeda.
  • Gabungkan topik-topik ini untuk membuat UI yang hebat!

Anda akan membangun pengetahuan dari bagian buku sebelumnya dengan mempelajari bagian baru dari toolkit Jetpack Compose.

Pelajari cara menggabungkan berbagai fungsi kecil yang bisa disusun menjadi UI khusus yang lebih besar dan lebih kompleks. Pelajari cara berpikir tentang struktur UI sebelum menerapkan komposabel.


Dalam bab ini, Anda akan mempelajari cara mengatur gaya komponen UI Anda menggunakan pengubah Jetpack Compose. Menggunakannya, Anda akan menambahkan bentuk, warna, batas, bantalan, dan banyak lagi!


Pelajari cara mengelola status dan membangun aliran data searah yang menggabungkan konstruksi Jetpack Compose, ViewModels, dan LiveData.


Pelajari cara mengimplementasikan komponen Desain Material di Jetpack Compose. Selami lebih dalam penanganan negara dan terapkan lebih banyak fitur JetNotes.


Bagian III: Membangun Aplikasi Kompleks dengan Jetpack Compose

Sekarang setelah Anda membuat UI dasar aplikasi, sekarang saatnya untuk meningkatkannya. Di bagian ini, Anda akan menerapkan desain khusus dan kompleks yang membantu Anda menonjol dari ribuan aplikasi serupa! Ini biasanya melibatkan pembangunan komponen khusus yang kompleks dan melamar animasi untuk merepresentasikan perubahan status saat pengguna Anda berinteraksi dengan UI.

Selama lima bab berikutnya, Anda akan mendalami Jetpack Compose API lebih dalam untuk mempelajari cara:

  • Hubungkan Compose UI ke kode Android lama.
  • Bereaksi untuk menulis siklus hidup UI.
  • Menganimasikan perubahan status dan interaksi pengguna yang berbeda.

Dalam prosesnya, Anda akan membangun aplikasi luar biasa yang mewakili proyek dunia nyata dan Anda akan menerapkan beberapa praktik terbaik untuk meningkatkan pengalaman pengguna.

Pelajari cara mereferensikan ConstraintSets di Compose dan cara menggunakannya untuk memosisikan tampilan seperti di ConstraintLayout.


Pelajari cara membuat UI yang kompleks di Jetpack Compose menggunakan semua komponen dasar dan menggabungkannya.


Pelajari cara mendengarkan dan bereaksi terhadap callback siklus proses komponen Jetpack Compose.


Pelajari cara menganimasikan properti UI menggunakan berbagai fitur animasi Jetpack Compose.


Pelajari cara menggunakan Jetpack Compose dalam project baru dan menggabungkannya dengan View API, atau cara menambahkan Jetpack Compose ke project yang sudah ada.