HOT  Android

Tutorial Membuat RelativeLayout - Android

Ketika kita membuat aplikasi Android, salah satu komponen penting adalah layouting. Layout di Android ditulis memakai XML, dan dari berbagai jenis layout di android RelativeLayout. RelativeLayout memungkinkan kita seebagai user untuk menyisipkan komponen layout berdasarkan posisi komponen yang terdekat lainnya. Layout ini memiliki sifat yang sangat flexible, sehingga memperbolehkan kita untuk meletakkan komponen - komponen layout dimana saja sesuai yang kita mau, jika kita tahu posisi “relative” dari komponen yang terdekat.

RelativeLayout bisa menggunakan atribut seperti above, below, left dan right gunanya untuk mengatur posisi dari suatu komponen yang ada di layout. Contohnya menampilkan button dibawah (below) button 2, atau bisa juga kita menampilkan button3 di sebelah kanan button dan seterusnya.

Perlu kita ketahui bahwa RelativeLayout ini sangat flexible dan lebih flexible dibandingkan dengan LinearLayout, namun apabila kita ingin menguasainya memerlukan latihan yang cukup lama karena cukup susah. Karena pada prakteknya RelativeLayout ini dapat digunakan untuk mendesain halaman layout yang kompleks. Kalian bisa menggunakan Android Studio untuk berlatih, kemudian software yang lain bisa menggunakan visual editor XML, kita bisa melakukan drag and drop komponen layout, kemudian kita bisa melihat kodingan XML setelah digenerate di Android Studio dari drag n drop untuk kita pelajari bagaimana cara memposisikan komponen yang ada di RelativeLayout.

Di Tutorial ini kita akan belajar membuat layout chat room yang  sederhana, kita akan mencoba mengatur posisi button, edittext dan textview menggunakan RelativeLayout.

Pertama seperti biasanya kita harus membuat project baru di Android Studio.

Setelah kita membuat project baru maka buka file activity_main.xml lalu kita masukkan kode seperti di bawah ini, kode - kode yang ada di bawah ini saya rasa sudah cukup menjelaskan dimana komponen-komponen harus diletakkan pada RelativeLayout :

Pada intinya dalam menggunakan RelativeLayout ada beberapa kata kunci atribut pada komponen yang harus kita ingat:

  • android:layout_toRightOf : berfungsi memposisikan komponen ini di sebelah kanan komponen lain
  • android:layout_toLeftOf : berfungsi memposisikan komponen ini di sebelah kiri komponen lain
  • android:layout_above : berfungsi memposisikan komponen ini di atas komponen lain
  • android:layout_below : berfungsi memposisikan komponen ini di bawah komponen lain

Kemudian selain itu, Kita juga bisa menggunakan keyword parent untuk mendefinisikan posisi absolute dari sebuah komponen yang ada di dalam RelativeLayout, seperti :

  • android:layout_alignParentRight : berfungsi memposisikan komponen yang ada di tepi paling kanan layar.
  • android:layout_alignParentLeft : berfungsi memposisikan komponen yang ada di tepi paling kiri layar.
  • android:layout_alignParentTop : berfungsi memposisikan komponen yang ada di tepi paling atas layar.
  • android:layout_alignParentBottom : berfungsi memposisikan komponen yang ada di tepi paling bawah layar.

Berbeda dengan atribut above, left, atau right, atribut parent yang memiliki nilai true atau false. Dimana jika kita set true maka otomatis komponen itu akan diletakkan pada sisi yang dimaksud dan dapat menjadikan semacam parent atau anchor untuk meletakkan komponen - komponen lain secara relative terhadap komponen parent tersebut.

Iwan Kurniawan

To be honest this is not my hobby, but i love it.

Related Posts

Responses (0)

Write a response