Lecture Notes

Transkripsi

1 Lecture Notes LinearLayout 1. Hapus layout pada file xml 2. Drag drop LinearLayout (Vertical) 3. Drag drop button 3x 4. Lihat code di layout xml, jelaskan ttg id 5. Buat strings.xml dari folder values: Name: click_me dan Value: Click Me! 6. di code layout xml untuk semua button 7. Dari GUI Properties ubah orientation ke horizontal 8. Lihat layout xml dan undo lagi orientation ke vertical 9. Drag drop LinearLayout (Horizontal) dibawah button 10. Drag drop 3 button ke LinearLayout (Horizontal) 11. Copy LinearLayout yang sudah center_horizontal dan untuk LinearLayout lain dibawahnya 12. Ikuti <! step pertama --> <LinearLayout xmlns:android=" android:layout_width="fill_parent" android:layout_height="fill_parent" android:orientation="vertical" android:layout_margin="10dp" > <! STEP PERTAMA dan jalankan emulator --> <!-- pertama set 10dp dan run emulator, terus ke 30dp cek emulator dan kembalikan lagi ke 10 dp --> <! STEP KEDUA --> <LinearLayout android:layout_width="match_parent" android:gravity="center_horizontal" > <! STEP KETIGA to center things on the screen --> android:id="@+id/button04" android:id="@+id/button05" <LinearLayout android:layout_width="match_parent" android:gravity="center_horizontal" > android:id="@+id/button01" android:id="@+id/button02" android:id="@+id/button03" <LinearLayout

2 android:layout_width="match_parent" android:gravity="center_horizontal" > RelativeLayout 1. Jelaskan ctrl + yang ada 2. Drag drop text field, jangan khawatir letaknya dimana 3. Drag drop button 4. Ikutin step xml di bawah <RelativeLayout xmlns:android=" xmlns:tools=" android:layout_width="match_parent" android:layout_height="match_parent" 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="id.ac.unsyiah.relativelayout.mainactivity" > <TextView android:id="@+id/textview1" android:layout_alignbaseline="@+id/button1" <! STEP KETIGA, cek GUI --> android:text="nama" /> //STEP KEDELAPAN <EditText android:id="@+id/edittext1" android:layout_width="fill_parent" <-- STEP KEEMPAT, cek GUI --> android:layout_alignbaseline="@+id/button1" <! STEP KELIMA --> android:layout_toleftof="@+id/button1" //STEP KEENAM android:layout_torightof="@+id/textview1" //STEP KETUJUH, cek GUI android:ems="10" > <requestfocus /> </EditText> android:id="@+id/button1" android:layout_alignparenttop="true" <! STEP PERTAMA, cek GUI --> android:layout_alignparentright="true" <! STEP KEDUA, cek GUI --> android:layout_margintop="50dp" <!-- terakhir aja --> android:text="ok" /> STEP KESEMBILAN, tes di emulator </RelativeLayout>

3 LayoutCode 1. Berikan id pada linear layout 2. Ke MainActivity.java <LinearLayout xmlns:android=" android:layout_width="fill_parent" android:layout_height="fill_parent" android:layout_margin="10dp" android:orientation="vertical" STEP PERTAMA hanya nambah ini aja package id.ac.unsyiah.layoutcode; import android.app.activity; import android.os.bundle; import android.view.menu; import android.view.menuitem; import android.widget.button; import android.widget.linearlayout; public class MainActivity extends Activity { protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); //LinearLayout layout = findviewbyid(r.id.layout); //STEP PERTAMA //shortcut casting = ctrl + 1 LinearLayout layout = (LinearLayout) findviewbyid(r.id.layout); SETELAH CASTING Button tombol = new Button(this); //STEP KEDUA tombol.settext(r.string.click_me); //STEP KETIGA layout.addview(tombol); //STEP KEEMPAT dan jalankan emulator /*for (int i = 0; i < 3; i++) { //STEP KELIMA, copy paste button, jalankan emulator Button tombol = new Button(this); tombol.settext(r.string.click_me); */ layout.addview(tombol); public boolean oncreateoptionsmenu(menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getmenuinflater().inflate(r.menu.main, menu); public boolean onoptionsitemselected(menuitem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getitemid(); if (id == R.id.action_settings) { return super.onoptionsitemselected(item);

4 GambarDemo 1. Jalankan dulu program yang sudah ada kemudian Import project GambarDemo.zip 2. Lihat folder values strings.xml, sudah di add dua string 3. Lihat folder drawable-xhdpi, sudah di add gambar lab_terpadu.jpg 4. Lihat file layout xml Drag drop Large Text, lihat code xml 7. Ctrl+click textappearance 8. Drag drop ImageView dari Images & Media, pilih lab_terpadu 9. Drag dop TextView normal dari Form Widgets 10. Lihat layout xml 11. Ubah android:text pada tag TextView yang BESAR 12. Ubah android:text TextView yang kecil 13. Lihat GUI 14. Tambahkan android:layout_marginbottom="20dp" untuk TextView yang BESAR dibawah TextAppearance 15. Copy paste marginbottom di atas dan paste ke ImageView 16. Lihat GUI 17. Tambahkan android:layout_marginleft="30dp" dan android:layout_marginright="30dp" untuk TextView terakhir 18. Jalankan emulator LogCat 1. Cara menampilkan LogCat pada eclipse, Show View LogCat 2. Jalankan emulator 3. Lihat logcat, penjelasan kolom tag AndroidRuntme, dalvikvm dll 4. Kalau ada fatal error bisa dilihat di logcat 5. Buka ActivityMain.java 6. Crash karena posisi index tidak ada di array list get(0) 7. Buka dan view logcat 8. Lihat error yang warna merah 9. Jangan lupa clear logcat sebelum run emulator 10. Hover semua "MainActivity", right click -> refactor -> Extract Constant public class MainActivity extends Activity { protected void oncreate(bundle savedinstancestate) { super.oncreate(savedinstancestate); setcontentview(r.layout.activity_main); // ArrayList<String> values = new ArrayList<String>(); //STEP PERTAMA // String value = values.get(0); Log.d("MainActivity", "Activity start!"); //STEP KEDUA public boolean oncreateoptionsmenu(menu menu) { // Inflate the menu; this adds items to the action bar if it is present. getmenuinflater().inflate(r.menu.main, menu); Log.d("MainActivity", "Option Menu start!"); //STEP KETIGA

5 public boolean onoptionsitemselected(menuitem item) { // Handle action bar item clicks here. The action bar will // automatically handle clicks on the Home/Up button, so long // as you specify a parent activity in AndroidManifest.xml. int id = item.getitemid(); if (id == R.id.action_settings) { return super.onoptionsitemselected(item); ToastDemo 1. Di MainActivity: Toast pesan = Toast.makeText(this, "Activity started!", Toast.LENGTH_LONG); pesan.show(); 2. Jalankan Emulator 3. Toast muncul secara otomatis 4. Untuk melihat pesan toast lagi, click tombol back dan ke App list, pilih nama aplikasi 5. Toast juga bisa digunakan untuk user event, misalnya apa yang terjadi jika user click tombol tertentu 6. Click setting, belum muncul apa2 7. Didalam method onoptionsitemselected tambahkan statement toast berikut: Toast.makeText(this, "Menu Selected!", Toast.LENGTH_LONG).show(); BreakpointDemo 1. Jelaskan tentang loop di MainActivity 2. Jalankan emulator 3. Kembali ke eclipse dan pilih LogCat 4. Clear LogCat sebelum menjalankan program 5. Pilih setting option dan lihat LogCat 6. Buat breakpoint pada baris Log.d("MainActivity", msg2); dengan cara double click 7. Harus dalam mode breakpoint 8. Buka jendala emulator dan editor secara bersamaan 9. Pilih Run->Debug atau click debug pada toolbar 10. Pilih setting 11. Jelaskan tentang prespective debug... Variables, Breakpoints, Expression 12. Hover cursor di breakpoint 13. Click step over (F6), hover lagi cursor Log.d 14. Atau bisa menggunakan Watch view, caranya click block variabel msg, click kanan dan pilih Watch. Dan akan terbuka Expression view 15. Click tombol resume (F8), akan terlihat iterasi Kalau breakpoint sudah selesai, bisa dihilangkan dengan double click breakpoint yang ada disebelah line number ATAU ke breakpoint view, check breakpoint dan dan click tombol X remove button 17. Click variabel view untuk melihat variabel scoupe 18. Untuk melihat apa yang terjadi line by line ketika program di eksekusi NewActivityDemo 1. Buka layout xml, sudah ditambahkan sebuah button 2. Jalankan emulator 3. Ke eclipse dan buat kelas activity baru 4. Click kanan package dan pilih New->Class 5. Set nama kelas DetailActivity, semua kelas activity harus extends kelas android Activity 6. Pada super class click browse, ketik Activity, pilih kelas Activity 7. Harus register kelas activity tersebut pada file Manifest 8. Buka file AndroidManifest.xml

6 9. Perhatikan bahwah kelas main activity sudah didaftar pada manifest 10. Ketik <activity /> karena tidak ada child element, boleh diakhir dengan empty tag slash 11. Ketik name ctrl+click android:name 12. Boleh pake.detailactivity karena berada pada package utama atau hanya memiliki sebuah package. Tapi kalau diluar package utama harus ditulis dengan diawali nama package dan dilanjutkan dengan nama kelas. 13. Buat layout untuk activity baru caranya: Click kanan folder layout->new->android XML File 14. Karena di click kanan pada folder layout maka eclipse otomatis membaca pada Resource Type sebagai layout 15. Nama file layout harus diawali dengan huruf kecil 16. Click GUI 17. Drag drop text view 18. Set properti pada file xml 19. Ubah android:text ke Activity Kedua 20. Tambah textsize= 20sp 21. Pada tag linear layout tambahkan gravitiy= center_horizontal dan paddingtop= 20dp 22. Sekarang hubungkan kelas DetailActivity dengan layout yang telah dibuat 23. Buka kelas DetailActivity 24. Ketik oncreate lalu ctrl+space 25. Ketik dibawah super.oncreate(savedinstancestate): setcon ctrl+space dan akan muncul setcontentview(r.layout.activity_detail) 26. Ke layout xml activity_main Tambahkan pada tag Button di bawah android:text: android:onclick= gotoactivity dan tutup file layout xml 27. Jalankan emulator, coba click tombol, belum bisa karena belum dibuat Intent unt menghubungkan ke activity kedua 28. Pada kelas MainActivity buat method baru 29. Hapus method onoptionsitemselected 30. Ketik method berikut: public void gotoactivity(view v){ Intent intent = new Intent(this, DetailActivity.class); startactivity(intent); 31. Jalankan emulator 32. Jika tombol back ditekan makan view activity baru akan dihapus dari memory Sambungan untuk demo method finish() atau tombol back pada menu icon 33. Pada kelas DetailActivity ketik method berikut: getactionbar().setdisplayhomeasupenabled(true); 34. Kalau error, ubah ke API 11 atau honeycomb pada file manifest 35. Jalankan emulator dan coba click launcher button, harusnya tidak bisa 36. Click home button pada emulator untuk menutup aplikasi 37. Buat method berikut: setop ctrl+space public boolean onoptionsitemselected(menuitem item) { if (item.getitemid() == android.r.id.home) { finish(); //item.getitemid akan mengembalikan id yang kita pilih dan akan dibandingkan dengan id.home // id diatas di-generate oleh framework Android return super.onoptionsitemselected(item); 38. Cara ini sering dilakukan pada aplikasi terbaru terutama aplikasi yang telah menggunakan Android 4. Juga sering ditemui pada aplikasi android di Google play atau Amazon store Tugas harus di archive. Tunjukkan cara archive project menggunakan eclipse.