setelah beberapa waktu lalu saya membahas mengenai:
Nah saatnya membuat project baru. Setiap membuat aplikasi baru maka kita akan membuat project
baru. Dalam satu project bisa terdiri atas banyak package.
1. Klik file > new > Android Application Project. Anda akan dihadapkan dengan dialog box seperti
gambar
2. Isilah field Application Name, Project Name, Package Name dan lainnya persis dengan Gambar diatas lalu klik Next sebanyak empat kali diakhiri dengan Finish.
3. Jalankan aplikasi dengan cara klik kanan project > Run As > Android Application
Pengenalan environment
Perhatikan kembali editor eclipse yang ada di depan Anda, maka Anda akan menjumpai tampilan
default seperti Gambar diatas
Minimal ada 5 bagian pada Eclipse ADT yang perlu Anda kenali, karena untuk mengembangkan
sebuah aplikasi nantinya akan banyak berinteraksi dengan bagian-bagian ini.
1. Package Explorer
2. Menu Bar
3. Stage
4. Other View
5. Properties Panel
Linearlayout
Poin penting!
Linearlayout
setOrientation
setGravity
Layout Width / Layout Height
setId
setText
Bagian ini kita akan memahami mengenai LinearLayout. Setiap layout dapat disisipkan komponen
atau disebut child. Linearlayout adalah salah satu dari jenis layout yang mempunyai satu kolom saja
atau satu barus saja. Hasil akhir bagian ini tampak seperti Gambar
1. Siapkan project baru dengan parameter seperti Gambar 1.6. berikut
-Application Name
-LinearlayoutApp
-Project Name
-LinearlayoutApp
-Package Name
-com.linear.layout.app
2. Tambahkan code berikut pada activity_main.xml
1. <?xml version="1.0" encoding="utf-8"?>
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent"
5. android:orientation="vertical" >
6.
7. <LinearLayout
8. android:layout_width="match_parent"
9. android:layout_height="wrap_content"
10. android:orientation="vertical" >
11.
12. <TextView
13. android:layout_width="match_parent"
14. android:layout_height="wrap_content"
15. android:background="#aa0000"
16. android:gravity="center_horizontal"
17. android:text="merah" />
18.
19. <TextView
20. android:layout_width="match_parent"
21. android:layout_height="wrap_content"
22. android:background="#00aa00"
23. android:gravity="center_horizontal"
24. android:text="hijau" />
25.
26. <TextView
27. android:layout_width="match_parent"
28. android:layout_height="wrap_content"
29. android:background="#aaaa00"
30. android:gravity="center_horizontal"
34. android:layout_width="match_parent"
35. android:layout_height="wrap_content"
36. android:background="#0000aa"
37. android:gravity="center_horizontal"
38. android:text="biru" />
39. </LinearLayout>
40.
41. <LinearLayout
42. android:layout_width="match_parent"
43. android:layout_height="wrap_content"
44. android:gravity="center_horizontal" >
45.
46. <LinearLayout
47. android:layout_width="wrap_content"
48. android:layout_height="wrap_content"
49. android:orientation="vertical" >
50.
51. <ImageView
52. android:id="@+id/ImageView01"
53. android:layout_width="wrap_content"
54. android:layout_height="wrap_content"
55. android:src="@drawable/ic_launcher" />
57. <TextView
58. android:id="@+id/TextView01"
59. android:layout_width="wrap_content"
60. android:layout_height="wrap_content"
61. android:text="gambar 1" />
62. </LinearLayout>
63.
64. <LinearLayout
65. android:layout_width="wrap_content"
66. android:layout_height="wrap_content"
67. android:orientation="vertical" >
68.
69. <ImageView
70. android:id="@+id/imageView1"
71. android:layout_width="wrap_content"
72. android:layout_height="wrap_content"
73. android:src="@drawable/ic_launcher" />
74.
75. <TextView
81</LinearLayout>
82.
83. </LinearLayout>
84.
85. </LinearLayout>
RelativeLayout
Dengan relativelayout, posisi setiap child bisa diset lebih spesifik terhadap child lainnya. Misal, posisi
button berada di sebelah kanan bawah spinner, sedangkan spinner posisinya berada dibawah
Edittext. Sederhananya, setiap child posisinya relatif terhadap child-child lainnya. Ilustrasinya seperti
gambar
Sebagai pandangan, hasil akhir sesi ini tampak seperti pada Gambar dibawah
oke demikian tadi tutorial yang dapat saya bagikan untuk hari ini semoga dapat menambah pengetahuan dan wawasan kita untuk terus berkembang di dunia globalisasi ini.
|
ConversionConversion EmoticonEmoticon