https://www.kafeinkode.com/wp-content/uploads/2018/08/Bagaimana-Menggunakan-Percent-Layouts-dan-View-Weight-di-Android.jpg

Bagaimana Menggunakan Percent Layouts dan View Weight di Android?

Diposting pada

Ada seseorang yang bertanya kepada saya mengenai bagaimana menggunakan percent layouts dan view weight di Android? Percent Support Library menyediakan PercentFrameLayout dan PercentRelativeLayout, dua ViewGroup yang menyediakan cara yang mudah untuk menentukan dimensi dan margin tampilan dalam bentuk persentase dari ukuran keseluruhan.

Anda dapat menggunakan Percent Support Library dengan menambahkan code berikut ke dependensi Anda.

implementation 'com.android.support:percent:25.3.1'

Jika Anda ingin menampilkan tampilan yang memenuhi layar secara horizontal tetapi hanya setengah layar yang ingin ditampilkan secara vertikal, Anda bisa mengetikkan kode di bawah ini:

<android.support.percent.PercentFrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="match_parent">
<FrameLayout
app:layout_widthPercent="100%"
app:layout_heightPercent="50%"
android:background="@android:color/black" />
<android.support.percent.PercentFrameLayout>

Anda juga dapat menentukan persentase dalam file XML terpisah dengan menggunakan kode seperti di bawah ini:

Baca juga:  Membuat Project Baru di Android Studio

<fraction name="margin_start_percent">25%</fraction>

Percentage juga berisi kemampuan untuk mengatur aspek rasio khusus melalui app:layout_aspectRatio.. Ini memungkinkan Anda untuk menetapkan hanya satu dimensi, seperti hanya lebar, adapun ketinggian akan ditentukan secara otomatis berdasarkan rasio aspek yang telah Anda tetapkan, apakah itu 4: 3 atau 16: 9 atau bahkan persegi 1: 1 rasio aspek.

Sebagai contoh:

<ImageView
app:layout_widthPercent="100%"
app:layout_aspectRatio="178%"
android:scaleType="centerCrop"
android:src="@drawable/header_background"/>

View Weight

Salah satu atribut yang paling banyak digunakan untuk LinearLayout adalah Weight. Weight menentukan berapa banyak ruang yang akan digunakan dalam suatu view dibandingkan dengan view lain dalam LinearLayout.

Weight digunakan ketika Anda ingin memberikan ruang layar secara spesifik ke satu komponen.

Key Properties:

weightSum adalah jumlah keseluruhan bobot semua child views. Jika Anda tidak menentukan weightSum, sistem akan menghitung jumlah semua bobot dengan sendirinya.

Baca juga:  6 Aplikasi Android Ini Akan Membuatmu Lebih Dekat Dengan Allah di manapun Kamu Berada

layout_weight menentukan jumlah ruang dari jumlah total yang akan ditempati oleh widget.

Code:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_main"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="horizontal"
android:weightSum="4">
<EditText
android:layout_weight="2"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="Type Your Text Here" />
<Button
android:layout_weight="1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="Text1" />
<Button
android:layout_weight="1"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:text="Text1" />
</LinearLayout>

Jika kode itu dijalankan, outputnya adalah:

Bisa kita lihat, jika ukuran perangkat lebih besar, EditText akan mengambil 2/4 dari ruang layar. Oleh karena itu tampilan aplikasi Anda akan terlihat konsisten di semua layar.

Catatan: Di sini layout_width dberikan nilai 0dp karena ruang widget dibagi secara horizontal. Jika widget disejajarkan secara vertikal, layout_height akan disetel ke 0dp. Ini dilakukan untuk meningkatkan efisiensi kode karena pada saat runtime sistem tidak akan mencoba untuk menghitung lebar atau tinggi masing-masing karena ini dikelola oleh berat. Sebaliknya, jika Anda menggunakan wrap_content, sistem akan mencoba untuk menghitung lebar / tinggi terlebih dahulu sebelum menerapkan atribut bobot yang menyebabkan siklus perhitungan lain.

Baca juga:  6 Aplikasi Adzan Otomatis Gratis Terbaik

Bagaimana menggunakan percent layouts dan view weight di Android? Melalui artikel ini terjawab sudah.

Semoga bermanfaat!

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *