Cara Mendesain Layout di Android Studio Secara Programmatically

Seperti yang kita tahu , untuk membangun user interface , pada pengembangan aplikasi android. Kita bisa melakukannya dengan 2 cara,  seperti lewat file layout xml, dan juga file code java.  Pada artikel tentang belajar android studio kali ini ,kita akan mencoba mendesain layout ,secara programatically (dengan bahasa pemrograman). 

Jadi disini kita akan mencoba mendesain komponen view user interface  ,  lewat baris code java , dalam file java. Bukan dengan layout file xml, yang seperti biasa kita lakukan. Selengkapnya ,berikut mari kita simak lebih lanjut :

1. Pertama kalian buat projek baru ,atau yang sudah ada di Android Studio.

2. Selanjutnya , pada bagian Project explorer , kalian pilih MainActivity ,atau nama file lainnya yang kalian sedang gunakan.

app > java> package>MainActivity

3. Pada MainActivity , kalian bisa perhatikan contoh code ,beserta penjelasannya di bawah:

Contoh Code :

Contoh Code

Penjelasan :

Pada contoh code program di atas , kita akan mencoba membuat tombol ditengah layar , dengan menggunakan bahasa pemrograman  di dalam file java. 

Pertama-tama kita membuat objek myLayout , yang akan kita gunakan RelativeLayout , sebagai root layout.

Selanjutnya , kita menambahkan komponen view yaitu button atau tombol, pada objek myButton.

Untuk menentukan warna background pada layout dan juga tombol , kita bisa gunakan method .setBackgroundColor() ,yang dimana argument nilainya kita isi ,dengan variable static Color.GRAY , dan Color.BLUE (import android.graphics.Color).

Untuk menentukan text di atas tombol ,kita bisa menggunakan method .setText().

Kemudian , untuk mengatur parameter layout  ,pada jenis ukuran button atau tombol , begitu juga dengan posisinya.

Disini kita menggunakan objek dari buttonDetails sebagai properties,    untuk mengatur posisi button atau tombol ,dengan method .addRule().

Setelah itu kita tambahkan komponen view ,yang telah disetting , ke dalam layout ,dengan method .addView()

Jika sebelumnya , kita menampilkan user interface pada layout file xml , kita isi argument nilai pada method .setContentView() , dengan alamat lokasi file layout.

Kali ini karena kita mendesain user interface secara programmatically , kita gunakan objek dari myLayout.

4. Sekarang kita coba jalankan ,aplikasinya di Android Studio. Hasilnya ,kurang lebih akan menjadi seperti pada gambar di bawah :

Output Hasil

Location:

Share :