Cara Menciptakan Button Sejajar Vertikal Dan Horizontal Pada Layout Xml

Pada artikel tutorial berguru android kali ini, kita akan mencoba menciptakan , tombol Button sejajar  secara vertikal dan horizontal, pada layout XML di Android Studio. 

Disini kita akan memakai RelativeLayout dan LinearLayout , dan juga untuk komponen User Interfacenya ,  memakai TextView dan Button.  

Perlu kalian ketahui juga ,disini kita akan mencoba mendesain layout saja , jadi kita bukan membahas perihal code logic atau mengatur fungsi Button ketika di klik. Selengkapnya berikut mari kita simak lebih lanjut :

 Pada artikel tutorial berguru android kali ini Cara Membuat Button Sejajar Vertikal dan Horizontal Pada Layout XML



Berikut Cara Membuat Button Sejajar Vertikal dan Horizontal Pada Layout XMLdi Android Studio:



1.  Pertama-tama kalian sanggup membuka,  atau menciptakan project gres di Android Studio. 


2. Pada bab Project explorer sebelah kiri  , kalian pilih  res > layout > activity_main.xml , atau nama file layout yang kalian gunakan.



 Pada artikel tutorial berguru android kali ini Cara Membuat Button Sejajar Vertikal dan Horizontal Pada Layout XML
Project explorer


3.  Selanjutnya , kalian sanggup pehatikan rujukan code,  beserta penjelasanya di bawah :




Membuat Button Sejajar Horizontal :


Contoh Code :


 Pada artikel tutorial berguru android kali ini Cara Membuat Button Sejajar Vertikal dan Horizontal Pada Layout XML
Contoh Code

Hasil Tampilan :


 Pada artikel tutorial berguru android kali ini Cara Membuat Button Sejajar Vertikal dan Horizontal Pada Layout XML
Hasil Tampilan Button Sejajar Horizontal


Membuat Button Sejajar Vertikal :


Contoh Code :

 Pada artikel tutorial berguru android kali ini Cara Membuat Button Sejajar Vertikal dan Horizontal Pada Layout XML
Contoh Code


Hasil Tampilan :


 Pada artikel tutorial berguru android kali ini Cara Membuat Button Sejajar Vertikal dan Horizontal Pada Layout XML
Hasil Tampilan Button Sejajar Vertical

Penjelasan :

Pada kedua rujukan code jadwal diatas ,kita memakai RelativeLayout , sebagai root atau parent , dan LinearLayout sebagai child.  


Di dalam RelativeLayout , kita memakai TextView , hanya sebagai tanda ,  bahwa komponen user interface tersebut , berada dalam RelativeLayout.


Di dalam LinearLayout , kita memakai 4 Button , untuk membuatnya sejajar ,baik itu secara vertikal dan horizontal.


Saat kita menciptakan button sejajar secara horizontal , kita tetapkan value pada atribut tiap Button , yaitu android:layout_width="0dp"  , dan   android:layout_weight="1". 

Pada atribut layout_width="0dp" , kita set nilai valuenya 0dp , biar ruang space pada lebar yang ada,  sanggup dipakai oleh button lainya. Nah ,disinilah fungsi dari atribut   layout_weight="1"  untuk mengisi lebar yang tersisa.

Begitu juga ,saat kita  menciptakan button sejajar secara vertikal , kita tetapkan value pada atribut tiap Button yaitu  android:layout_height="0dp" , dan android:layout_weight="1".

Pada atribut layout_height="0dp" , kita set nilai valuenya 0dp , biar ruang space pada tinggi yang ada , sanggup dipakai oleh button lainya. Disini fungsi dari atribut  layout_weight="1" , untuk mengisi tinggi yang tersisa.


Point yang harus diingat:

  • Untuk menciptakan button sejajar ,kalian sanggup memakai LinearLayout , dengan atribut orientation , yang valuenya horizontal atau vertical.
  • Menetapkan nilai 0dp , pada atribut layout_height , untuk vertikal , dan layout_width untuk horizontal.
  • Fungsi dari atribut layout_weight yakni untuk memilih seberapa banyak ruang tambahan, yang tersedia di layout,  yang akan di alokasikan ke tampilan.
  • Atribut  layout_weight  , hanya sanggup dipakai di dalam LinearLayout.



Show comments
Hide comments

0 Response to "Cara Menciptakan Button Sejajar Vertikal Dan Horizontal Pada Layout Xml"

Post a Comment

Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".

Klik subscribe by email agar Anda segera tahu balasan komentar Anda

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

close