Bismillahirrohmaanirrohiim…
Di bawah ini adalah setting layout di xml agar posisi elemen ada di tengah kiri dan kanan, kalau di web kita biasa pakai table atau div.
Untuk mempercantik tampilan, kita tambahkan border di area alemen tersebut.
Berikut kode xml nya:
<LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#CCCCCC" android:padding="10dp" android:orientation="horizontal"> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1" android:layout_marginRight="5dp" android:paddingLeft="5dp" android:paddingRight="5dp" android:gravity="center" android:background="@drawable/border"> <ImageView android:layout_width="36dp" android:layout_height="36dp" android:tint="@color/colorPrimary" android:layout_alignParentLeft="true" android:src="@drawable/ic_chevron_left_black_24dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:textSize="20dp" android:textColor="@color/colorPrimary" android:text="1" /> <ImageView android:layout_width="36dp" android:layout_height="36dp" android:tint="@color/colorPrimary" android:layout_alignParentRight="true" android:src="@drawable/ic_chevron_right_black_24dp" /> </RelativeLayout> <RelativeLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1" android:layout_marginLeft="5dp" android:paddingLeft="5dp" android:paddingRight="5dp" android:gravity="center" android:background="@drawable/border"> <ImageView android:layout_width="36dp" android:layout_height="36dp" android:tint="@color/colorPrimary" android:layout_alignParentLeft="true" android:src="@drawable/ic_chevron_left_black_24dp" /> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerInParent="true" android:textSize="20dp" android:textColor="@color/colorPrimary" android:text="1" /> <ImageView android:layout_width="36dp" android:layout_height="36dp" android:tint="@color/colorPrimary" android:layout_alignParentRight="true" android:src="@drawable/ic_chevron_right_black_24dp" /> </RelativeLayout> </LinearLayout>
Jika ada error border, itu karena border belum kita definisikan.
Silahkan buat drawable resource file, dengan cara klik kanan folder drawable, pilih new, pilih “drawable resource file” lalu isi file name “border” kemudian “OK”
Copas kodenya seperti dibawah ini:
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <stroke android:width="1dip" android:color="#673ab7" /> </shape>
Ubah warna dan ukuran yang matching sesuai aplikasi kamu.
Semoga bermanfaat.
Bismillaahirrohmaanirrohiim... Saat ini teknologi sudah berkembang cepat, ada kalanya kita ingin diberikan informasi secara cepat…
Bismillaahirrohmaanirrohiim... Jika web diakses oleh banyak orang, khususnya yang berbasis wordpress, maka secara normal proses…
Bismillaahirrohmaanirrohiim... Saat ini, sekolah baik SD, SMP, ataupun SMA tentunya ingin dapat melihat dan memonitor…
Bismillaahirrohmaanirrohiim... Pada artikel kali ini saya akan berbagi informasi tentang program pendataan pendukung calon legislatif…
Bismillaahirrohmaanirrohiim... Saat kita melakukan screenshot di browser chrome, pada windows 11 menyediakan fungsi yang bagus…
Bismillaahirrohmaanirrohiim... Untuk website yang ingin tidak muncul popup translate dari browser, bisa dicoba kode di…