7/24/2019 P11-Pembuatan GUI Lanjutan Pada Android

1/10

Percobaan 11

Pembuatan GUI Lanjutan pada Android

11.1 Pokok Bahasan

ImageView

RadioGroup

TabHost

11.2 Tujuan

Dengan praktikum ini mahasiswa diharapkan dapat:

Memahami penggunaan ImageView, RadioGroup, serta TabHost

Membuat projectsederhana yang berhubungan dengan ImageView, RadioGroup serta

TabHost.

11.3 Sot!are "an# dibutuhkan

Jdk

DT

!"#ipse

$D%

11.$ %asar Teori

A. Ima#e&ie!

ImageView digunakan untuk menampi#kan sebuah gambar baik dari bawaan

ap#ikasi yang biasanya disimpan di &o#der 'drawab#e( ataupun dari #uar ap#ikasi. $etting

ImageView pada #ayout )M* dapat di#akukan seperti "oding berikut ini:

7/24/2019 P11-Pembuatan GUI Lanjutan Pada Android

2/10

widget ImageView di #ayout )M* te#ah di#akukan, maka #angkah berikutnya ada#ah

membuat "oding pada a-a.

ImageView image = %ImageView&findView'yId%()id)tampil&*

image)setImage'itmap%()drawable)enigma&*

B. 'adioGroup

Radioutton merupakan widget/View yang biasa digunakan untuk memi#ih pi#ihan

tertentu, sering ka#i pada sebuah uian on#ine terdapat sebuah pertanyaan dengan 0 buah

pi#ihan awaban berbentuk bu#at dan ika dik#ik, otomatis bu#atan tersebut akan berubah

bu#atan berwarna yang artinya awaban tersebut te#ah dipi#ih. Ha# pertama yang harus

di#akukan sebe#um membuat Radioutton ada#ah membuat RadioGroup ter#ebih dahu#u.

Tanpa RadioGroup, Radioutton yang dibuat akan berdiri sendiri, sehingga ika terdapat

pi#ihan Radioutton enis ke#amin :

1 2 *aki3*aki

1 2 4erempuan

Tanpa menggunakan RadioGroup, pengguna akan bisa men"ek#is kedua awaban diatas.

dapun properties yang esentia# pada obek Radioutton dan RadioGroup:

(. Tab)ost

Da#am dunia ap#ikasi TabHost ini masuk keda#am ke#ompok hori5onta# menu.

TabHost "o"oknya digunakan untuk app#ikasi yang hanya menggunakan tidak #ebih dari

6 Menu, Jika sudah #ebih dari 6 Menu Tab Host bisa dikombinasikan dengan *ist Menu.

TabHost punya ke#ebihan dan kekurangan, dimana ke#ebihannya ada#ah menu se#a#u

ke#ihatan sehingga memudahkan user untuk pindah3pindah menu, sedangkan kerugiannya

7/24/2019 P11-Pembuatan GUI Lanjutan Pada Android

3/10

ada#ah menu yang se#a#u tampi# diatas akan memakan tempat di #ayar 7wa#aupun tidak

begitu banyak8.

dapun struktur dari TabHost ada#ah sebagai berikut:

4erhatikan, da#am satu TabHost, terdapat M) satu Tab9idget dengan ID

android:id/tabs. %emudian, di da#am Tab9idget tersebut, terdapat M) satu

;rame*ayout dengan ID android:id/tab"ontent. Terakhir, di da#am ;rame*ayout

tersebut, bisa di#etakkan sebanyak mungkin View sesuai dengan kebutuhan.

7/24/2019 P11-Pembuatan GUI Lanjutan Pada Android

4/10

11.* Tu#as Pendahu+uan

. Je#askan kegunaan dari TabHost?

11., Percobaan

7/24/2019 P11-Pembuatan GUI Lanjutan Pada Android

5/10

main.xml

7/24/2019 P11-Pembuatan GUI Lanjutan Pada Android

6/10

satu.a-a

7/24/2019 P11-Pembuatan GUI Lanjutan Pada Android

7/10

>. uat#ah program dengan mengikuti #angkah3#angkah dibawah ini sehingga bisa

didapatkan tampi#an sesuai dengan yang diharapkan?

4ada Graphi"a# *ayout buat#ah tampi#an seperti dibawah ini:

7/24/2019 P11-Pembuatan GUI Lanjutan Pada Android

8/10

main.@m#

ikin direktori baru dengan namadrawab#e, kemudian &i#e .png

dimasukkan pada &i#e tersebut.

4astikan &i#e .png berukuran ke"i#

7/24/2019 P11-Pembuatan GUI Lanjutan Pada Android

9/10

7/24/2019 P11-Pembuatan GUI Lanjutan Pada Android

10/10

satu.a-a

11.- Tu#as Laporan 'esmi