ContentScale & Pemotongan

Gambar memiliki rasio aspeknya sendiri, sedangkan ruang tata letak Anda memiliki rasio yang berbeda. ContentScale menentukan cara gambar menyesuaikan diri dengan ruang tersebut.

Memaksa foto lebar masuk ke kotak persegi dapat membuatnya meregang atau menyusut. ContentScale menyediakan aturan yang tepat agar gambar tidak sengaja terlihat terdistorsi.

Pilihan yang paling umum adalah ContentScale.Crop. Pilihan ini memenuhi seluruh ruang dan memotong bagian yang meluap, sehingga bingkai selalu penuh tanpa celah.

ContentScale.Fit mengecilkan gambar hingga seluruhnya muat di dalam ruang. Tidak ada bagian yang terpotong, tetapi Anda mungkin melihat ruang kosong di dua sisi.

ContentScale.FillBounds meregangkan gambar agar tepat memenuhi kedua dimensi. Pilihan ini menjamin tidak ada celah, tetapi akan mengubah rasio aspek.

Perlu memenuhi satu sumbu saja? FillWidth dan FillHeight menyesuaikan satu dimensi tersebut sambil mempertahankan rasio.

Inside hanya mengecilkan gambar jika terlalu besar dan tidak pernah memperbesarnya, sedangkan None menggambarnya pada ukuran asli dan memotongnya jika meluap.

Crop hanya berpengaruh jika Gambar memiliki batas ukuran tetap. Berikan size atau fillMaxWidth beserta tinggi, jika tidak, tidak ada ruang untuk melakukan pemotongan.

Ketika Fit menyisakan ruang kosong, argumen alignment menentukan posisi gambar, misalnya Center atau TopStart.

Gambar mini dan avatar hampir selalu menggunakan Crop. Pilihan ini menjamin bidang yang rapi tanpa celah, berapa pun dimensi foto sumbernya.

Pilih berdasarkan hal yang paling penting: gunakan Fit saat seluruh gambar harus terlihat, dan Crop saat bingkai penuh dari tepi ke tepi lebih diutamakan.

Sekarang Anda dapat memilih ContentScale dengan tepat: Crop untuk memenuhi ruang, Fit untuk menampilkan semuanya, lalu sejajarkan hasilnya. Berikutnya: memotong gambar menjadi bentuk! 🔲