Pengaplikasian Komponen TextView, EditText, Button dan RadioButton dengan Mengunakan Kode XML pada Aplikasi Android Studio

 

Halo lurr

Pada kesempatan kali ini, kita akan belajar mengenai beberapa komponen di Android Studio beserta pengaplikasiannya. Untuk komponen kali ini yang akan kita pelajari adalah TextView, EditText, Button & Image, dan RadioButton dengan mengunakan kode XML.

Untuk hasil akhirnya, ketika aplikasinya dijalankan dan dibuka melalui smartphone anda, kurang lebih akan terlihat seperti ini :

Dimana tampilan awal adalah ketika kondisi aplikasi dibuka, kemudian anda bisa menginputkan nama pada textfield yang disediakan, lalu ketika diklik buttonnya maka akan mengubah text SELAMAT DATANG menjadi seperti yang ada pada gambar paling kanan. Untuk lebih jelasnya, kita akan langsung saja membuatnya.

Pertama jalankan aplikasi IDE Android Studio, caranya :

a. Pilih Start → Android Studio

b. Pilih → Start a new Android Studio Project

c. Pilih → Empty Activity → Next

Pilih Empty Acitivity untuk templete nya. isi Configure Projectnya sesuai dengan yang anda inginkan. Disini saya mencoba membuat project sebagai contohnya, seperti berikut :

Name : Modul3TextView

Package Name : murasakimars.blogspot.com.modul3latihantugas

berdasarkan nama blog saya lalu di ikuti nama project modul3latihantugas

Save Location : C:\MyLordAbayn\TugasKampus\Semester 6\Pemrograman Aplikasi Bergerak/Modul3LatihanTugas

Language → Java

Minimum API Level : API 16 

Lalu Klik Finish. Maka akan Tampil IDE Android Studio.

Kedua, pada activity_main.xml ketikan script seperti dibawah ini :

script tersebut memperlihatkan komponen Layout berupa LinearLayout beserta dengan atribut - atributnya. Kemudian :

merupakan widget TextView beserta atribut dan identifier yang menampilkan teks SELAMAT DATANG, mengatur posisi pada layoutnya, juga menyimpan id yang akan di rubah ketika nanti button kliknya dikesekusi. Lalu :

merupakan script dari EditText yang kita gunakan untuk membuat textfield untuk nantinya diinputkan teks yang kita inginkan. Lalu :

merupakan script komponen textview lagi untuk menampilkan tulisan "Pilih Alamat Tinggal Anda : " . Kemudian :

merupakan script untuk membuat komponen RadioGroup beserta RadioButtonya. Kemudian :

 merupakan script untuk membuat button beserta atributnya. dan ini merupakan script kode terakhir yang kita ketikan pada activity_main.xml. Kita menggunakan atribut “id” pada tag xml untuk memberikan identifier pada objek

View kita. Id tersebut akan kita gunakan untuk mereferensikan objek tersebut. Dan

untuk menambahkan event handler klik pada tombol, gunakan interface

setOnClickListener(...).

Selanjutnya, pada MainActivity.java kita mesti ketikan beberapa script seperti berikut : 

maka hasil akhirnya, ketika dijalankan pada emulator atau smartphone yang kita gunakan, akan menampilkan kurang lebihnya seperti yang sudah saya perlihatkan di awal.

Baiklah, kurang lebih hanya itu yang bisa saya bagikan. Semoga bisa bermanfaat dan jangan lupa untuk terus belajar. See you