Cara Mendesain Layout di Android Studio Secara Programmatically - Okedroid | Situs Blog Belajar Pemrograman Java Android
Okedroid | Situs Blog Belajar Pemrograman Java Android

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 :


belajar cara mendesain design layout di android studio dengan bahasa pemrograman programmatically



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>file MainActivity lokasi android studio
app > java> package>MainActivity



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


Contoh Code :

contoh code baris desain design layout programmatically in android studio
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 contoh code baris desain design layout programmatically in android studio
Output Hasil



Tag : Tutorial Aplikasi Android Studio

data-matched-content-ui-type="image_card_stacked" data-matched-content-rows-num="2" data-matched-content-columns-num="4"
0 Komentar untuk "Cara Mendesain Layout di Android Studio Secara Programmatically"

Silakan berkomentar dengan baik ,jangan SPAM di komentar ini . NO BACKLINK /LINK HIDUP

Back To Top