Praktikum ANDROID

ANDROID

FOR

BEGINNER MODUL 6 ![ANDROID RESOURCE]

!!!!!SUDARYATNO yatnosudar@gmail.com | @dodulz | facebook : yatno.sudar

Page � of �1 8

Praktikum ANDROIDANDROID RESOURCE

!Dalam membuat aplikasi Android kita pasti memerlukan resource sebagai pendukung untuk

mempercantik UI. Android memiliki resource yang dapat diakses kapan saja dan dimana saja.

Kapan saja artinya kita dapat mengakses resource tersebut kapan saja dan dimana saja artinnya

kita dapat mengaksesnnya di class mana saja atau pun antar resource sekalipun.

Resource terletak pada folder res di project android. Selama ini kita mengakses layout

yang ada di dalam folder res. Sekarang kita akan mencoba mengakses resource yang lain. Berikut

ini directory dari res.

Ada beberapa folder yang terdapat di folder res :

1. drawable

Drawable digunakan sebagai resource yang tidak berhubungan dengan ukuran layar device.

Resource yang ada di drawable diantarannya selector, animation, dan custom background.

Resource ini dipanggil untuk melengkapi widget.

Pada contoh project yang sudah anda buat. Buatlah widget button kemudian ganti

backgroundnnya dengan @drawable/background_button. Kemudian buatlah file xml di folder

drawable jika tidak ada silahkan buat folder tersebut dengan cara klik kanan pada folder res New-

Folder beri nama drawable. Buatlah file xml dengan cara klik kanan pada folder res New-Android

XML File. beri nama background_button dan isikan file tersebut dengan code berikut.

!!

Page � of �2 8

Praktikum ANDROID

2. drawable-hdpi, mdpi, ldpi, xhdpi, xxhdpi

Folder ini digunakan sebagai kumpulan icon atau gambar, serta file sound yang akan diakses oleh

file class atau resource lainnya. Ada beberapa folder, folder-folder ini merujuk pada image size

yang akan ditampilkan berdasarkan layar dari android. Contohnnya hdpi digunakan untuk android

dengan resolusi hdpi yaitu ukuran 1280x768, dan seterusnnya. Android mendeteksi icon secara

otomatis hanya saja kita mendefinisikan icon dengan ukuran hdpi, mdpi, ldpi, xhdpi,dan xxhdpi.

Untuk mengakses icon yang dengan cara @drawable/namaicon dan jika icon diakses di file java.

Dengan code getResources().getDrawable(R.drawable.namaicon).

3. layout

Layout digunakan kita setiap membuat tampilan dari android. hanya dapat diakses di file java

dengan code setContentView atau sebagai inflanter seperti item list. Layout dapat mengakses

beberapa file resource lain seperti drawable dan values.

4. menu

Menu digunakan untuk membuat menu di android. Menu sama seperti layout hanya saja dia lebih

terstruktur dan hanya memiliki dua komponen image dan text. Diakses di file java yang

mengimplementasi method onCreateOptionsMenu.

!Page � of �3 8

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_pressed="true" > <shape android:shape="rectangle" > <corners android:radius="3dip" /> <gradient android:angle="-90" android:startColor="#a11005" android:endColor="#d62608" /> </shape> </item> <item android:state_focused="true"> <shape android:shape="rectangle" > <corners android:radius="3dip" /> <solid android:color="#e0341e"/> </shape> </item> <item > <shape android:shape="rectangle" > <corners android:radius="3dip" /> <gradient android:angle="-90" android:startColor="#e0341e" android:endColor="#e0341e" /> </shape> </item></selector>

Praktikum ANDROID

5. values

Value digunakan untuk mendefinisikan nilai default seperti color, dimen,integer, dan string. Berikut

contoh dari values.

Values dap at diakses dari file xml dan file java. Di xm dapat diakses dengan menggunakan

@string/namastring jika color @color/namacolor jika dimen @dimen/namadmien. Sedangakan di

file java anda dapat mengaksesnnya dengan getResources().getString(R.id.namastring) dan

getResources().getColor(R.id.namacolor).

Page � of �4 8

<menu xmlns:android="http://schemas.android.com/apk/res/android" > <item android:id="@+id/action_settings" android:orderInCategory="100" android:showAsAction="never" android:title="@string/action_settings"/></menu>

@Overridepublic boolean onCreateOptionsMenu(Menu menu) { MenuInflater inflater = getMenuInflater(); inflater.inflate(R.menu.main, menu); return super.onCreateOptionsMenu(menu);}

<?xml version="1.0" encoding="utf-8"?><resources> <string name="app_name">ListView</string> <string name="action_settings">Settings</string> <string name="hello_world">Hello world!</string> <color name="biru">#3498db</color></resources>

Praktikum ANDROID

Praktikum !Tujuan : Mengenal resource dan cara mengakses Scope : getResource, string, color, drawable, button, background !1. Buat project baru 2. Di layout XML buat :

a. ImageView a. id = img_view b. width = fill_parent c. height = match_parent

b. TextView a. id = txt_view b. width = fill_parent c. height = match_parent

c. Button a. id = btn_view b. width = fill_parent c. height = match_parent

3. Buat folder drawable dan buat file xml dengan nama custom_button

Page � of �5 8

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android" > <item android:state_pressed="true" > <shape android:shape="rectangle" > <corners android:radius="3dip" /> <gradient android:angle="-90" android:startColor="#a11005" android:endColor="#d62608" /> </shape> </item> <item android:state_focused="true"> <shape android:shape="rectangle" > <corners android:radius="3dip" /> <solid android:color="#e0341e"/> </shape> </item> <item > <shape android:shape="rectangle" > <corners android:radius="3dip" /> <gradient android:angle="-90" android:startColor="#e0341e" android:endColor="#e0341e" /> </shape> </item></selector>

Praktikum ANDROID4. Tambahkan file gambar logo_papaa.png di folder drawable. 5. Tambahkan file gambar device_access_accounts.png sesuai dengan masing-masing folder. 6. Jika muncul notifikasi replace pilih replace. 7. Edit file string di folder values seperti berikut : 8. Edit activity_main menjadi seperti berikut :

!

Page � of �6 8

<?xml version="1.0" encoding="utf-8"?><resources> <string name="app_name">Resource</string> <string name="action_settings">Settings</string> <string name="hello_world">Hello world!</string> <string name="judul_baru">SELAMAT DATANG</string> <string name="login">Masuk</string> <color name="putih">#fff</color> <color name="ungu">#8e44ad</color> <color name="silver">#bdc3c7</color></resources>

Praktikum ANDROID

9. Jalankan Aplikasi

Page � of �7 8

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context=".MainActivity" android:background="@color/silver" >! <ImageView android:id="@+id/imageView1" android:layout_width="match_parent" android:layout_height="171dp" android:src="@drawable/logo_papa" />! <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:layout_marginBottom="34dp" android:layout_marginTop="50dp" android:text="@string/judul_baru" android:textSize="20dp" android:textStyle="bold" android:textColor="@color/ungu" />! <Button android:id="@+id/button1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:background="@drawable/custom_button" android:drawableLeft="@drawable/device_access_accounts" android:text="@string/login" android:textColor="@color/putih" android:padding="10dp"/>!</LinearLayout>

Praktikum ANDROID

Page � of �8 8