LINGKUNGAN KERJA ANDROID
Sebelum Kita Memasuki Topik yang akan [Link] nya kita kenalan dulu sama yang Nama nya Pallate Dan
Properties.
PALLATE
Merupakan sebuah tempat untuk melihat item – item yang bias digunakan
android. Seperti tampak pada gambar di bawah berikut.
Form Widgets TextView
Button
Check Box
Radio Button
Spinner
Progress Bar
Seek Bar
Rating Bar
Text Fields Plain Text
Password
Domain
Phone
Date
Numeric
Auto Complite
Multi Auto Complite
Layouts Linier Layout (Vertical)
Linier Layout
(Horizontal)
Relative layout
Frame Layout
Include Other layout
Fragment
Table layout
Table Row
Composite List view
Expandable View
Grid View
Scroll View
Horizontal Scrol View
Sliding Drawable
Tab Host
Tab Widget
Images & Media Image View
Image Button
Galeri
Media Controler
Video View
Time & Date Time Picker
Date Picker
Analog Clock
Digital Clock
PROPERTIES
Merupakan sebuah sebuah tempat dimana kita dapat mengatur nilai – nilai dari pallate yang kita
gunakan. Seperti contoh nya ketika kita mengubah value text pada textview, edittext dan lain.
Jika Kalian tidak dapat menemukan tampilan seperti diatas ini. Kita bisa pilih menu Windows - >
Show View -> Other kemudian akan muncul dialog baru. Pilih General -> Properties -> Ok.
Berikut Ini Daftar Propesties yang nantinya akan sering kita gunakan.
Background Untuk tampilan belakang yang nantinya bias kita isi dengan warna
Atau pungambar.
Drawable Buttom Untuk tampilan gambar untuk bagian bawah.
Drawable left Untuk tampilan gambar untuk bagian kiri
Drawable padding Untuk mengatur jarak antara gambar
Drawable Right Untuk tampilan gambar untuk bagian kanan
Drawable Top Untuk tampilan gambar untuk bagian atas
Gravity Untuk mengatur alignment bias Center, left, atau Right
Padding Untuk mengatur jarak Tulisan Terhadap item itu sendiri
Text Untuk mengubah tulisan
Text Color Untuk mengubah warna seperti contoh #AA0000 berwanamerah
Text Size Untuk mengubah Ukuran Tulisan seperti contoh 30dp
Text Style Untuk mengubah gaya tulisan seperti Bold,Italic,Underline
Type face Untuk mengubah Font tulisan
Visibility Untuk mengatur tampil atau tidaknya sebuah tulisan.
Layout Gravity Berfungsi Sama Halnya Grafity yaitu mengatur rata kiri,tengah dan
kanan
Layout Height Untuk mengatur Tinggi dari layout
Layout Margin Untuk mengatur Jarak Layout
Layout Margin Buttom Untuk mengatur jarak layout dibagian bawah
Layout Margin Left Untuk mengatur jarak layout dibagian kiri
Layout Margin Right Untuk mengatur jarak layout dibagian kanan
Layout Margin Top Untuk mengatur jarak layout dibagian atas
Layout Weight Untuk mengatur besaran layout
Layout widht Untuk mengatur lebar dari layout
Perihal layout pasti ketikakita mengatur layout ini kita akan melihat jenis – jenis pengaturannya.
Seperti halnya ketika kita mengatur Layout Height dan Layout Width kita akan melihat nama nya Fill
Parent, Match Parent, Wrap Content.
Fill Parent Nilai Ini berfungsi untuk memenuhi (fill) sebuah layout
Match Parent Nilai Ini berfungsi untuk buat cocok layout diantara item item
Wrap Content Nilai ini berfungsi layout mengikuti sebuah content
Nach setelah kita tahu fungsi, kegunaan dari pallate dan Properties. Maka kita kita tidak akan
bingung lagi ketika kita akan membuat desain. Karena kunci untuk mendesain layout android ada pada
pembahasanini.
Linier Layout
Pada pembahasan layout ada beberapa teori yang harus dipahami.
- Pertama Linier Layout mempunyai 2 orientasi yaitu Vertical dan Horizontal.
Contoh Linier Layout Vertical (baris)
Contoh Linier Layout Horizontal (kolom)
- Di dalam Linier Layout bisa Terdapat Linier Layout lagi yang berbeda seperti
halnya Linier layout Vertical kemudian di dalamnya ada linier layout
Horizontal.
- Pada mempunyai sebuah keisti mewaan yaitu dengan
layout ini kitabisa menggunakan Gravit yaitu rata kiri, rata kanan, rata tengah.
Semua dasar android kita telah pahami. Untuk selanjutnya kita akan bermain – main dengan
aplikasi android Asli. Jika sudah paham dasarnya, Selanjutnya akan jadi mudah.
DESAIN ANDROID
Kita akan membahas tentang tata letak atau desain. Hal yang menarik untuk kita bahas. Meskipun Tidak Faham
tentang desain (XML) atau pun java, Tak Perlu Khawatir. Kita akan mulai dengan hal yang sederhana yaitu
membuat tampilan sebagai berikut :
Ada Dua cara mendesain Android yaitu dengan XML atau pun dengan tampilan Graphical [Link] kita
bahas cara yang pertama yaitu XML.
1. Jalankan Eclipse Kemudian File->New->Android Project
2. Isi Kotak dialog New Android Project sebagai Berikut
Project Name Linier Layout
Android 4.4
Target SDK
Package [Link]
Minimun SDK 21
3. Pada Package Explorer Pilih res->layout-> [Link]
4. Secara Default ketika kita buka [Link] maka tampilannya sebagai berikut
5. Klik [Link] yang berada disamping Graphical layout. Maka tampilannya sebagai berikut.
6. Selanjutnya Kita Copykan/kits ketik Kode Dibawah ini.
35
7. Maka Tampilannya pun Akan Berubah Sebagi Berikut dengan kembali klik Graphical layout
8. Danpastikanbahwasrc->[Link]:
9. Kemudian Run As atau Ctrl + F11
Mudah banget kan Mendesain Di android. Menggunakan XML aja Mudah, apalagi dengan Graphical layout
yang hanyat inggal klik and drag.
PENGENALAN EVENT
Setelah di pembahasan sebelumnnya kita belajar tentang desain. Maka saat kita belajar tentang Kode java. Kalo
desainnya aja mudah apalagi dengan kode java. Pasti kita Bisa Buatnya. Kita Mulai dengan Aplikasi menggabungkan
String.
1. Jalankan Eclipse Kemudian File->New->Android Project
2. Isi Kotak dialog New Android Project sebagai Berikut
Project Name Aplikasi Kedua
Target SDK Android 4.4
Package [Link]
Minimun SDK 21
3. Setelah kita selesai membuat Project Aplikasi Kedua maka saatnya kita untuk mendesain tampilan.
Untuk menulis tampilan Klik [Link] disamping Graphical Layout.
4. Selanjutnya Kita Copy Paste / ketik kode berikut
5. Maka tampilannya akan berubah sebagai berikut dengan Kembali Klik Graphical Layout
Liniar Layout1 Merupakan ID dari Liniar Layout ke1 dan Seterus nya
Text View 1 Merupakan ID dari Text View Ke1 dan seterusnya
Edit Text1 Merupakan ID dari Edit Text Ke1 dan Seterusnya
Button Merupakan ID dari Button Ke1 dan seterusnya
ID ini yang nantinya Kita Gunakan untuk menghubungkan Antara kode javade ngan kode XML.
6. [Link].
PertamaMemvariablekanitem–itemyangdigunakansepertitextview,edittext,button.
TextView txt_hasil;
EditText ed_1, ed_2;
Button bt_gabung;
Selanjutnya menghubungkan Variable yang kita buat dengan ID yang adadi XML. Dengan menulis kode
sebagi berikut. Dan letakkan kode ini di bawah
Kemudian kita buat event Onclick pada button. Tambahkan kode dibawah ini.
bt_gabung.setOnClickListener(this);
jikaerrorsepertigambardibawah ini
Maka tinggal klik lampu merah dan pilih. Lets AplikasiKeduaActivity implements onclicklistener. Maka
Lampu merahnya akan Pindah Keatas.
Sekali lagi klik lampu merah dan pilih Add unimplements Method. Maka akan muncul method Onclick
secara otomatis seperti Berikut.
public void onClick(View arg0){
//TODO Auto-generated method stub
Setelah Event Onclicknya tersedia. Saatnya Kita isi dengan Logika menggabungkan string.
Seperti 1 + 1 = 2
7. Tahap yang ketujuh Tinggal Jalankan Run As atau Ctrl + F11
Gimana.,,,?? Mudah bukan Belajar Androidnya.,, Meskipun Sedikit sedikit ilmunya Jadi Bukit nantinya.
Selamat Mencoba.
RADIO BUTTON & PERCABANGAN
Pada pembahasan kali ini kita akan membahas tentang Radio button. Radio button mempunyai dua status yaitu
true dan false atau aktif atau tidak. Dalam materi kali ini akan mempraktekkan tentang radio button sekaligus lebih
memahami tentang percabangan. Karena sudah paham dasar android ayo kita coba.
1. Pertama Jalan kan Eclipse Kemudian File- >New->Android Project
2. Isi Kotak dialog New Android Project sebagai Berikut
Project Name Aplikasi Radio button
Target SDK Android 4.4
[Link]
Package
21
Minimun SDK
3. Ketik kan kode berikut pada [Link]
4. Selanjutnya kita menulis kode pada Aplikasi Radio button Activity dengan mengikuti langkah – langkah
sebagai berikut.
Membuat Variabel Penghubung dengan melihat item yang digunakan dalam hal ini radio group yang
di dalam nya sudah terdapat 3 radio button. Kemudian Text view sebagai object yang akan di kenakan
event dari Radiogroup.
RadioGroup rg;
TextView txt1;
Menggunakan Variabel sebagai penghubung antara activity dengan [Link]
Kemudian kita membuat Events On Checked Change Listener
[Link](this);
Seperti Biasa ketika Kita Selesai menulis kode di atas maka akan muncul error sebagai berikut.
Ini di sebab kan karena Event OnCheckedChangeListenermasih Belum Di implementasikan. Jadi di klik
pada tanda lampu merah.
Kemudian pilih Let Aplikasi Radio button Activity Implement OnChecked Change Listener
Kemudan Lampu merah Tersebut Pindah Ke bagian Atas.
Makatinggal klik lagi lampu merah nya Kemudian Pilih Add Unimplement Methode
Maka Secara Otomatis akan terbuat method di bawah.
Selanjutnya kita tinggal menulis kan sesuai logika kita .Jika dipilih radio button kiri maka tulisan
berada di sebelah kiri, jika yang dipilih tengah maka tulisan berada di tengah dan seterusnya..
Pada Radio button memiliki dua kondisi yaitu true/ [Link] Kode Java, ada dua Status / kondisi
yaitu:
Setchecked() Memaksa kondisi Radio button untuk true atau aktif
Memeriksa Kondisi Radio button apakah aktif atau tidak
isChecked
Pasti bertanya” apa Arg1....??? Arg1 ini merupakan Variabel dari Type data int yang di hasil kan oleh
OncheckedChange . Arg1 ini bermakna Sebagai ID yang berfungsi untuk memeriksa setiap ID
Radiobutton yang ada di Radiogroup..
5. Setelah Selesai kemudian kita Coba Run atau Ctrl + F11
Gampang Sekali Bukan Belajar Android.Selamat Mencoba Semoga sukses.
CHECK BOX & PERCABANGAN
Pada pembahasan kali ini kita akan membahas tentang CHECK BOX. Karena sudah paham mengenai Radio button,
maka untuk checkbox akan mudah dikarenakan mempunyai prinsip yang sama yaitu mempunyai nilai true dan
false.
1. Pertama Jalan kan Eclipse Kemudian File- >New->Android Project
2. Isi Kotak dialog New Android Project sebagai Berikut
Project Name Aplikasi Checkbox
Target SDK Android 4.4
Package [Link]
21
Minimun SDK
3. Ketik kan kode berikut pada [Link]
4. Selanjutnya kita menulis kode pada Aplikasi Combobox Activity dengan mengikuti langkah–langkah
sebagai berikut.
Membuat Variabel Penghubung dengan melihat item yang digunakan dalam hal ini checkbox
CheckBox cb;
Menggunakan Variabel sebagai penghubung antara activity dengan [Link]
Kemudian kita membuat Events OnCheckedChangeListener
Seperti Biasa ketika Kita Selesai menulis kode diatas maka akan muncul error sebagai berikut.
Ini di sebab kan karena Event OnCheckedChangeListenermasih Belum Di implementasikan. Jadi di klik
pada tanda lampu merah.,,
Kemudian pilih Let AplikasiCheckbox Activity ImplementOnChecked Change Listener
Kemudan Lampu merah Tersebut Pindah Ke bagian Atas.
Maka tinggal klik lagi lampu merah nya Kemudian Pilih Add Unimplement Methode
Maka Secara Otomatis akan terbuat method di bawah.
@Override
Public void onCheckedChanged(CompoundButton arg0, Boolean arg1){
//TODO Auto-generated method stub
Selanjutnya kita tinggal menuliskan sesuai logika kita. Jika dicetang maka tulisan menjadi centang dan
sebaliknya.
Pada Check Box memiliki dua kondisi yaitu Check / [Link] Kode Java, ada tiga Status /
kondisi yaitu :
toggle() Kondisi Tidak Tercentang dari kondisi sebelumnya tercentang
Setchecked() Memaksa kondisi Checkbox untuk tercentang
isChecked Memeriksa Kondisi Checkbox apakah tercentang atau tidak
Pasti bertanya” apa Arg1....??? Arg1 ini merupakan Variabel dari Type data Boolean yang di hasil kan
oleh OncheckedChange . Arg1 ini bermakna Sebagai IsChecked() yang berfungsi untuk memeriksa.
5. Setelah Selesai kemudian kita Coba Run atau Ctrl+F11
Gampang Sekali Bukan Belajar Android.,,Selamat Mencoba Semoga sukses.
SPINNER & PERULANGAN
Pada pembahasan kali ini kita akan membahas tentang Spinner atau yang sering di sebut dengan Combobox. Pada
materi kali ini kita akan berkenalan dengan yang namanya ArrayList, ArrayAdapter. ArrayList merupakan type data
untuk variable array agar dapat menampung data lebih dari satu. ArrayAdapter merupakan display atau tampilan
untuk spinner dan [Link] dalam materi ini juga belajar tentang perulangan.
1. Pertama Jalan kan Eclipse Kemudian File- >New->Android Project
2. Isi Kotak dialog New Android Project sebagai Berikut
Project Name Aplikasi Spinner
TargetSDK Android 4.4
Package [Link]
Minimun SDK 21
3. Ketikkan kode berikut pada [Link]
4. Selanjutnya kita menulis kode pada AplikasiSpinnerActivity dengan mengikuti langkah – langkah sebagai
berikut.
Membuat Variabel Penghubung dengan melihat item yang digunakan dalam halini [Link]
Textview sebagai object yang akan di kenakan event dari Spinner. Akan tetapi jangan lupa untuk
memvariablekan juga ArrayAdapter dan ArrayList sebagai penampung data.
Membuat Perulangan yang nantinya digunakan sebagai data yang akan ditampilkan pada Spinner.
Pada Proses Perulangan ini di tamping oleh variable item.
int i;
for ( i= 1; i <= 5 ; i++) {
[Link]([Link](i));
}
Menggunakan Variabel sebagai penghubung antara activity dengan [Link]. Sekaligus meletakkan
data perulangan pada Variable Array Adapter yang nantinya akan di tampilkan pada Spinner.
Kemudian kita membuat Events OnItemSelectedListener
[Link](this);
Seperti Biasa ketika Kita Selesai menulis kode diatas maka akan muncul error sebagai berikut.
Ini di sebabkan karena Event OnItemSelectedListener masih Belum Di implementasikan. Jadi di klik
pada tanda lampu merah.,,
Kemudian pilih Let Aplikasispinner ActivityImplement OnItem SelectedListener
Kemudan Lampumerah Tersebut Pindah Ke bagian Atas.
Maka tinggal klik lagi lampu merahnya KemudianPilih Add Unimplement Methode
Maka Secara Otomatis akan terbuat method dibawah.
Selanjutnya kita tinggal menulis kan sesuai logika kita. Jika dipilih item pada spinner maka pada
textview akan muncul tulisan yang sama dengan item yang ada pada spinner.
Pasti bertanya” apa Arg2....??? Arg2 ini merupakan Variabel dari Type dataint yang dihasilkan oleh
OnItemSelectedListener.Arg2 ini bermakna Sebagai INDEX Data yang terdapat pada spinner.
5. Setelah Selesai kemudian kita Coba Run atau Ctrl+F11
Gampang Sekali Bukan Belajar Android. Selamat Mencoba Semoga sukses