Menata Gaya Teks
Jenis huruf, ukuran, ketebalan, dan warna.
Menata Gaya Teks adalah pelajaran Android Academy gratis di CoddyKit. Ini adalah pelajaran 1 dari 4. Kamu bisa membaca pelajaran lengkapnya di bawah secara gratis — lalu praktikkan langsung di browser dengan editor kode bawaan dan tutor AI 24/7. Ini adalah bagian dari jalur belajar Android Academy, dan progresmu tersinkronisasi di web dan aplikasi CoddyKit. Kursus Android Academy mencakup 4 pelajaran total.
Mengapa Menata Teks?
Di Jetpack Compose, composable Text menampilkan kata-kata di layar. Secara bawaan, tampilannya sederhana, tetapi Anda dapat mengubah ukuran, warna, dan ketebalannya.
Penataan membantu pengguna membaca aplikasi Anda. Judul seharusnya tampak lebih besar dan lebih tebal daripada teks isi.
Anda menata Text dengan meneruskan parameter tambahan kepadanya.
Text("Hello Compose")Membuat Teks Lebih Besar
Parameter fontSize mengatur ukuran teks. Ukuran menggunakan satuan sp, yang menyesuaikan dengan pengaturan font pengguna.
Untuk menggunakan sp, tambahkan .sp setelah angka, seperti 24.sp.
Text(
text = "Big Title",
fontSize = 24.sp
)Ketebalan dan Weight
Gunakan fontWeight untuk membuat teks lebih tebal atau lebih tipis. Nilai yang paling umum adalah FontWeight.Bold.
Opsi lainnya mencakup FontWeight.Light, FontWeight.Normal, dan FontWeight.SemiBold.
Text(
text = "Important",
fontWeight = FontWeight.Bold
)Teks Miring
Parameter fontStyle dapat memiringkan teks. Atur ke FontStyle.Italic untuk tampilan miring.
Teks miring berguna untuk kutipan atau penekanan.
Text(
text = "A quote",
fontStyle = FontStyle.Italic
)Mewarnai Teks
Parameter color mengubah warna teks. Anda dapat memberikan nilai Color seperti Color.Red atau Color.Blue.
Pilih warna dengan kontras yang baik agar teks tetap mudah dibaca.
Text(
text = "Warning",
color = Color.Red
)Meratakan Teks
Gunakan textAlign untuk memosisikan teks di dalam ruangnya. Nilai yang umum adalah TextAlign.Center, TextAlign.Start, dan TextAlign.End.
Pemusatan bekerja paling baik saat Text memenuhi seluruh lebar.
Text(
text = "Centered",
textAlign = TextAlign.Center
)Jarak Antarhuruf
Parameter letterSpacing menambahkan jarak di antara karakter. Parameter ini juga menggunakan satuan sp.
Sedikit tambahan jarak dapat membuat judul terasa lebih lapang dan modern.
Text(
text = "SPACED",
letterSpacing = 2.sp
)Menggabungkan Gaya
Anda dapat menggabungkan banyak parameter sekaligus. Judul tebal, besar, dan biru cukup dibuat dengan satu pemanggilan Text yang memiliki beberapa nilai.
Compose membaca setiap parameter dan menerapkan semuanya secara bersamaan.
Text(
text = "Welcome",
fontSize = 28.sp,
fontWeight = FontWeight.Bold,
color = Color.Blue
)Menggunakan TextStyle
Daripada menggunakan banyak parameter terpisah, Anda dapat mengelompokkannya dalam objek TextStyle dan meneruskannya ke parameter style.
Ini berguna saat Anda menggunakan kembali tampilan yang sama di beberapa tempat.
Text(
text = "Styled",
style = TextStyle(
fontSize = 20.sp,
color = Color.Magenta
)
)Menangani Teks Panjang
Teks panjang dapat meluap dari areanya. Gunakan maxLines untuk membatasi baris dan overflow untuk menampilkan titik saat teks dipotong.
TextOverflow.Ellipsis menambahkan ... di akhir teks yang tersembunyi.
Text(
text = "A very long sentence...",
maxLines = 1,
overflow = TextOverflow.Ellipsis
)Garis Bawah dan Dekorasi
Parameter textDecoration dapat menambahkan Underline atau LineThrough.
Garis bawah sering menandai tautan, sedangkan coretan dapat menunjukkan harga yang dihapus atau harga lama.
Text(
text = "Link",
textDecoration = TextDecoration.Underline
)Pemeriksaan Singkat
Uji hal yang telah Anda pelajari tentang penataan Text.
Rangkuman
Anda telah mempelajari cara menata Text dengan fontSize (dalam sp), fontWeight untuk ketebalan, fontStyle untuk kemiringan, dan color untuk pewarnaan.
Anda juga dapat meratakan teks, menambahkan jarak antarhuruf dan dekorasi, serta mengelompokkan semuanya dalam TextStyle.
Berikutnya, Anda akan membuat tombol yang merespons ketukan.
Pertanyaan yang Sering Diajukan
Apakah pelajaran “Menata Gaya Teks” gratis?
Ya — teks lengkap “Menata Gaya Teks” gratis dibaca di sini di web. Untuk praktiknya secara interaktif (editor kode bawaan dan tutor AI 24/7) dan buka sisa kursus Android Academy, upgrade ke CoddyKit PRO. Kursus Android Academy mencakup 4 pelajaran total.
Apa yang akan aku pelajari di “Menata Gaya Teks”?
Jenis huruf, ukuran, ketebalan, dan warna. Kamu berlatih Android Academy dengan kode praktik yang langsung kamu jalankan di browser, dan tutor AI 24/7 menjawab pertanyaanmu saat kamu mengerjakan pelajaran ini.
Apakah aku perlu pengalaman untuk memulai Android Academy?
Tidak diperlukan pengalaman sebelumnya. Android Academy di CoddyKit dirancang untuk pemula hingga pelajar tingkat lanjut, jadi kamu bisa memulai di sini atau dari awal dan belajar sesuai kecepatan kamu sendiri. Ini adalah pelajaran 1 dari 4.
Berapa lama pelajaran “Menata Gaya Teks” memakan waktu?
Sebagian besar pelajaran CoddyKit memakan waktu sekitar 5–10 menit. Setiap pelajaran ringkas dan interaktif, jadi kamu membuat kemajuan stabil dan melanjutkan dari tempat kamu tinggalkan di web dan aplikasi.
Bisakah aku menulis dan menjalankan kode dalam pelajaran Android Academy ini?
Ya. Setiap pelajaran Android Academy menyertakan editor kode bawaan, jadi kamu menulis dan menjalankan kode nyata langsung di browser dan mendapatkan umpan balik AI instan — tidak diperlukan penyiapan lokal.