Bagian 1.
Button pindah halaman
Untuk bagian 1, kita akan membuat button yang dapat berpindah halaman. Agar dapat
melakukan hal tersebut, minimal kita membutuhkan dua layout(.xml) dan dua class (.java).
lankah-langkahnya adalah:
1. Buat project baru dengan nama ButtonOne (nama project optional bias diganti sesuai
keinginan)
2. Setelah terbuka tampilannya maka langsung membuat layout dan class baru
3. Buat layout yang baru dengan nama kedua, caranya pada layout klik kanan, kemudian
pilih new, kemudian Android xml file
4. Buat class yang baru dengan nama KelasDua, caranya pada src klik kanan, kemudian
pilih new, kemudian class
5.
Pasa activity_main, hapus text hello word, buat text dengan TextView dengan text Halaman
Awal dan satu Button (text Button diganti dengan tulisan Next), dan ganti id Button
dengan butNext
Dihapus
Tambah
TextView
Tambah Button
Hapu
s
Ganti tulisan TextView
dengan Halaman awal
Ganti id button dari
button1 menjadi
butNext
Ganti tulisan Button
menjadi Next
6. Buka [Link], tambahkan coding di file [Link]
7. Tulis coding Button next; dibawah public class main activity, apabila ada error arahkan
kursor pada tulisan Button kemudian akan ada pilihan import Button, kemudian klik
8.
Pada bagian bawah setContentView([Link].activity_main);, buat coding
next = (Button)findViewById([Link]);
Pendeklarasian harus sama, tulisannyapun
harus sama
Id Button yang
tadi telah diganti
Note: jika id butNext merah, save terlebih dahulu file activity_main.xml dengan cara
(Ctrl +C) atau bisa ke file, kemudian saveAll
9. Dibawah next = (Button)findViewById([Link]); ketikkan coding
[Link](new View.)
10.
Setelah di klik yang .OnClickListener, maka tampilan akan menjadi:
disini
11.
Tambahkan titik koma (;) setelah kurung kurawal (})pada bagian yang merah (lihat gambar
yang atas)
12. Dibawah coding next = (Button)findViewById([Link]); tambahkan coding
final Intent pindah = new Intent (this, [Link]);
nama .java yang kedua
13. Apabila ada tanda merah pada tulisan Intent, maka arahkan kursor ke tulisan intent,
kemudian akan ada tulisan dibawah import Intent (seperti kasus import Button sebelumnya),
kemudian klik
14. Pada coding dibawah public void onClick(View v) { ketikan coding startActivity(pindah);
15. Pindah ke halaman [Link], pada bagian Garphical Layout buat Text View, dan pada
[Link] ganti tulisan TextView dengan Selamat Datang di halaman Dua
16.
Buka [Link], copy coding dari [Link] dari import sampai kurung kurawal
(})
17. Paste-kan di [Link]
Hapus, paste-kan
ditempat tulisan tadi
dihapus
18.
Tambahkan kurung kurawal (}) dibagian paling bawah coding, ganti tulisan MainActivity
dengan KelasDua, activity_main ganti dengan mana layout yang kedua (ubah menjadi
kedua), ganti [Link] menjadi [Link]
Ganti KelasDua (nama .java
yang kedua)
Ganti dengan kedua
(nama .xml yang kedua)
Ganti dengan
[Link]
Tambahkan kurung kurawal
disini
19.
Hapus coding dari next sampai kurung kurawal
20. Setelah itu saveAll dengan cara masuk ke file, kemudian pilih saveAll. Kemudian klik
tab Project pilih clean, dan pilih project yang ingin diclean-kan
21. Silahkan run projectnya
22. Tugas : Buat Button dari halaman [Link] yang apabila diklik akan kembali ke
halaman satu (yaitu halaman activity_main), seperti tombol back
Bagian 2. Parsing Data dari Activity satu ke Activity lain
1. Lanjutkan project yang telah dibuat kemarin, hanya saja di halaman layout activity main
tambahkan TextView dengan tulisan nama, kemudian dibawahnya tambahkan EditText,
selanjutnya tambahkan TextView dengan tulisan alamat dan dibawahnya tambahkan
EditText yang kedua.
2. TextView yang pertama ubah dengan Nama, EditText yang pertama beri id editNama,
TextView yang kedua ubah dengan Alamat, dan id EditText yang kedua beri id
editAlamat. Hal ini dilakukan dengan cara mengubahnya dibagian activity_main.xml
Ubah tulisannya menjadi
Nama
Ubah id-nya menjadi
@+id/editNama
Ubah tulisannya menjadi
Alamat
Ubah id-nya menjadi
@+id/editAlamat
3. Pada halaman [Link] buat TextView untuk Nama, TextView untuk diisi nama,
TextView untuk alamat, dan TextView untuk diisi alamat. Jadi kita akan menambahkan 4
buah TextView di layout kedua. TextView yang pertama ubah textnya menjadi Nama,
TextView yang kedua ubah idnya menjadi textNama dan textnya dihapus sisakan tanda
kutip saja(), TextView yang ketiga ubah textnya manjadi Alamat, dan TextView yang
keempat diubah idnya manjadi textAlamat dan textnya dihapus sisakan tanda kutip
saja(). Setelah itu save all
Ubah tulisannya menjadi
Nama
Ubah id menjadi
@+id/textNama
Hapus TextView nya,
sisakan tanda kutip saja
Ubah tulisannya menjadi
Alamat
Ubah id menjadi
@+id/textNama
Hapus TextView nya,
sisakan tanda kutip saja
4.
Selanjutnya buka [Link], dibawah coding Button next; tambahkan coding
EditText nama, alamat; dan String var_nama, var_alamat. Apabila ada error maka
dekatkan kursor pada tulisan EditText kemudian klik import android widget seperti yang
dilakukan sebelumnya pada Button
5. Pendeklarasian nama dan alamat dicari dengan idnya dengan cara menambahkan coding
dibawah next = (Button)findViewById([Link]); tambahkan coding
nama = (EditText)findViewById([Link]);
alamat = (EditText)findViewById([Link]);
6.
6.
Diatas coding startActivity(pindah); tambahkan coding
var_nama = [Link]().toString();
var_alamat = [Link]().toString();
Bundle b = new Bundle();
[Link] (parse_nama, var_nama);
[Link] (parse_alamat, var_alamat);
[Link](b);
7.
Bukan [Link], dan dibawah coding public class KelasDua extends buat coding
TextView nama, alamat;
String get_nama, get_alamat;
8.
8.
Dibawah coding setContentView([Link]); buat coding
nama = (TextView)findViewById([Link]);
alamat = (TextView)findViewById([Link]);
Bundle b = getIntent().getExtras();
get_nama = [Link]("parse_nama");
get_alamat = [Link]("parse_alamat");
[Link](get_nama);
[Link](get_alamat);
9.
9.
Selanjutnya buka AndroidManifest, pilih yang [Link]
10. Copy-kan bagian <activity sampai /activity>
11. Paste-kan dibawah </activity>, rubah android:nama=.MainActivity
menjadi .KelasDua kemudian hapus dari yang <intent-filter> sampai </intent-filter>
12. Silahkan coba run aplikasi
13. Hasil run aplikasi
Bagian 3. Tombol Hapus
1. Lanjutkan project yang telah dikerjakan sebelumnya
2. Pada halaman [Link] buat satu button, dimana perintah button tersebut adalah
menghapus data yang sudah didapatkan sebelumnya
3.
3.
Ubah tulisan Button menjadi hapus dang anti idnya menjadi buttonHapus, jangan lupa save.
4.
4.
Setelah itu buka [Link], pada pendeklarasian Button, tambahkan deklarasi hapus.
5.
Tambahkan disini
Kemudian setelah coding }); buat coding
hapus = (Button)findViewById([Link]);
[Link](new [Link]() {
@Override
public void onClick(View v) {
// TODO Auto-generated method stub
[Link]("");
[Link]("");
}
});
6.
6.
Coba run aplikasi
Bagian 4. Ganti Background
1. Masih menggunakan project yang sama
2. Masukkan gambar yang ingin dijadikan background ke drawable-mdpi. Cara
memasukkan gambarnya tinggal dengan cara tarik gambar yang ingin dijadikan
background ke folder tersebut
3.
Background
yang akan kita ganti yaitu pada halaman
activity_main.xml
4. Klik kanan pada layout activity_main.xml, pilih Edit Background
5.
5.
Klik pada Drawable kemudian pilih gambar yang tadi telah dimasukkan. Background akan
berubah sesuai dengan gambar yang telah dimasukkan tadi
Bagian 5. Membuat Scroll View
1. Masih menggunakan project yang sama
2. Yang akan kita buat scroll view adalah pada halaman activity_main.xml
3. Pada bagian Composite, drag untuk yang ScrollView
4.
4.
Kemudian buka pada bagian activity_main -nya untuk mengatur scroll view awalnya dan
akhirnya dimana
5. Pada awalnya scroll view ada dipaling bawah, sekarang akan kita pindahkan ke text yang
paling atas, caranya dengan memindahlan <ScrollView sampai
android:layout_toRightOf="@+id/textView2" >
Pindahkan ke
textView yang
nomor satu
6. Silahkan saveAll dan coba run aplikasi. Tips untuk melihat Scroll View jalan atau tidak,
dalam satu layout harus penuh dengan widget atau tulisan agar terlihat apakah benar bisa
discroll atau tidak
Bagian 6. Radio Button
1. Masih menggunakan project yang sama
2. Agar terlihat lebih rapi, maka layout activity_main akan dirubah dari RelativeLayout
ke LinearLayout
3. Masuk ke activity_main.xml, ganti <RelativeLayout menjadi <LinearLayout dan
/LinearLayout, kemudian berikan orientation vertical pada layout ini
4. Sebelumnya, agar text terlihat, maka kita akan merubah warna text tersebut menjadi
hitam dengan menambahkan coding terlebih dahulu pada activity_main.xml
5. Buat coding android:textColor = #000000 dibawah coding
android:layout_marginTop="15dp" pada setiap textView yang ada
6. Copy-kan coding android:textColor = #000000 pada setiap TextView
7.
disini
Selanjutnya masuk ke GraphicalLayout dari activity_main, Tarik dua radioButton
8.
Setelah itu masuk ke activity_main.xml pada coding <RadioButton, tambahkan coding
diatasnya <RadioGroup
disini
9. Coding RadioGroup yang ditambahkan adalah
<RadioGroup
android:id="@+id/gender"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
dan dibagian paling bawah RadioButton yang kedua tambahkan coding
</RadioGroup>
10. Ganti id dan text tiap radioButton. Untuk radioButon yang pertama id ganti menjadi
radioButLak dengan text nya adalah Laki-laki dan untuk radioButton yang kedua
ganti id menjadi radioButPer dan textnya ubah menjadi Perempuan.
11.
11.
Tambahkan coding android:checked="true" dibawah coding
android:layout_height="wrap_content" pada setiap RadioButton
12. Save All dulu
13.
Buka file [Link] tambahkan satu TextView dengan text Jenis Kelamin dan satu
TextView lagi untuk mengisi jenis kelaminnya
14.
14.
Ganti id untuk TextView mengisi jenis kelamin menjadi textKelamin dan
android:textnya: =
15. Buka [Link], pada String tambahkan var_kelamin, kemudian dibawahnya
tambahkan RadioGroup genderRadioGroup; dan dibawahnya lagi tambahkan
RadioButton radioButton; Apabila terdapat eror arahkan kursor pada RadioGroup dan
RadioButton kemudian di klik import android widget
16. Dibawah coding alamat = (EditText)findViewById([Link]); tambahkan
coding
disini
genderRadioGroup = (RadioGroup) findViewById([Link]);
int id = [Link]();
radioButton = (RadioButton) findViewById(id);
17. Kemudian dibawah coding var_alamat = [Link]().toString(); tambahkan
coding var_kelamin = [Link]().toString();dan dibawah coding
[Link]("parse_alamat", var_alamat); tambahkan coding [Link]("gender",
var_kelamin);
disini
disini disini
disini
disini
18.
Buka [Link], pada TextView tambah gender, pada String tambah get_kelamin
19.
19.
Dibawah alamat = (TextView)findViewById([Link]); tambahkan coding
gender = (TextView) findViewById([Link]);
disini
20. Dibawah get_alamat = [Link]("parse_alamat"); tambahkan coding get_kelamin =
[Link]("gender");
disini
21. Dibawah [Link](get_alamat); tambahkan coding
[Link](get_kelamin);
disini
22.
SaveAll dan coba run aplikasi
1.
2.
3.
4.
5.
Bagian 7. Menambahkan Toast pada Button
Toast adalah coding yang berfungsi untuk menampilkan tulisan seperti pop up
Masih menggunakan project yang telah dibuat sebelumnya
Pada saat mengklik button next akan muncul pop-up Anda sudah registrasi
Buka [Link]
Sebelum coding var_nama = [Link]().toString(); tambahkan coding
[Link]([Link], "Anda Sudah Registrasi",
Toast.LENGTH_LONG).show();
6. Text Anda Sudah Registrasi akan muncul saat kita menekan tombol next
disini
7.
Coba run aplikasinya