Android Studio: Membuat User Interface Sederhana - Revision history

Onnowpurbo: /* Membuat Input Box memenuhi Screen Width */

2015-05-07T01:19:19Z

Membuat Input Box memenuhi Screen Width

← Older revision		Revision as of 01:19, 7 May 2015
Line 166:		Line 166:
	... />		... />

	* Untuk memperbaiki effisiensi layout saat kita men-spesifikasi weight, kita akan mengubah width dari EditText menjadi zero (0dp). ~~Setting the~~ width ~~to zero improves~~ layout ~~performance because using~~ "wrap_content" ~~as the~~ width ~~requires the system to calculate a~~ width ~~that is ultimately irrelevant because the weight value requires another~~ width ~~calculation to fill the remaining space~~.		* Untuk memperbaiki effisiensi layout saat kita men-spesifikasi weight, kita akan mengubah width dari EditText menjadi zero (0dp). Dengan menset width ke nol akan memperbaiki performance layout karena menggunakan "wrap_content" sebagai width akan menyebabkan sistem untuk menghitung width yang akhirnya menjadi tidak relevan karena nilai bobot membutuhkan yang lain untuk menghitung width yang harus di isi.

	~~Figure~~ 3 ~~shows the result when you assign all weight to the~~ EditText ~~element~~.		Gambar 3 memperlihatkan saat kita mengalokasikan semua bobot ke elemen EditText .

	[[Image:Edittext gravity.png\|center\|200px\|thumb\|~~Figure~~ 3~~. The~~ EditText widget ~~is given all the~~ layout weight, ~~so it fills the remaining space in the~~ LinearLayout.]]		[[Image:Edittext gravity.png\|center\|200px\|thumb\|Gambar 3 EditText widget yang diberikan semua layout weight, sehingga dia akan mengisi semua tempat sisa yang ada di LinearLayout.]]

	Berikut adalah file layout activity_my.xml yang lengkap:		Berikut adalah file layout activity_my.xml yang lengkap:

Onnowpurbo: /* Membuat Input Box memenuhi Screen Width */

2015-05-07T00:57:54Z

Membuat Input Box memenuhi Screen Width

← Older revision		Revision as of 00:57, 7 May 2015
Line 172:		Line 172:
	[[Image:Edittext gravity.png\|center\|200px\|thumb\|Figure 3. The EditText widget is given all the layout weight, so it fills the remaining space in the LinearLayout.]]		[[Image:Edittext gravity.png\|center\|200px\|thumb\|Figure 3. The EditText widget is given all the layout weight, so it fills the remaining space in the LinearLayout.]]

	~~Here’s how your complete~~ activity_my.~~xmllayout file should now look~~:		Berikut adalah file layout activity_my.xml yang lengkap:

	res/layout/activity_my.xml		res/layout/activity_my.xml

Onnowpurbo: /* Membuat Input Box memenuhi Screen Width */

2015-05-07T00:56:08Z

Membuat Input Box memenuhi Screen Width

← Older revision		Revision as of 00:56, 7 May 2015
Line 166:		Line 166:
	... />		... />

	* ~~To improve the~~ layout ~~efficiency when you specify the~~ weight, ~~you should change the~~ width ~~of the~~ EditText ~~to be~~ zero (0dp). Setting the width to zero improves layout performance because using "wrap_content" as the width requires the system to calculate a width that is ultimately irrelevant because the weight value requires another width calculation to fill the remaining space.		* Untuk memperbaiki effisiensi layout saat kita men-spesifikasi weight, kita akan mengubah width dari EditText menjadi zero (0dp). Setting the width to zero improves layout performance because using "wrap_content" as the width requires the system to calculate a width that is ultimately irrelevant because the weight value requires another width calculation to fill the remaining space.

	Figure 3 shows the result when you assign all weight to the EditText element.		Figure 3 shows the result when you assign all weight to the EditText element.

Onnowpurbo: /* Make the Input Box Fill in the Screen Width */

2015-05-07T00:54:33Z

Make the Input Box Fill in the Screen Width

← Older revision		Revision as of 00:54, 7 May 2015
Line 152:		Line 152:


	==~~Make the~~ Input Box ~~Fill in the~~ Screen Width==		==Membuat Input Box memenuhi Screen Width==

	~~To fill the remaining space in your~~ layout ~~with the~~ EditText ~~element~~, ~~do the following~~:		Untuk mengisi sisa tempat di layout kita dengan elemen EditText, lakukan hal berikut:

	* ~~In the~~ activity_my.xml ~~file~~, ~~assign the~~ <EditText> ~~element's~~ layout_weight ~~attribute a value of~~ 1.		* Di file activity_my.xml , set elemen <EditText> atribut layout_weight menjadi 1.
	* ~~Also~~, ~~assign~~ <EditText> ~~element's~~ layout_width ~~attribute a value of~~ 0dp.		* kemudian, set elemen <EditText> atribut layout_width menjadi 0dp.

	res/layout/activity_my.xml		res/layout/activity_my.xml

Onnowpurbo: /* Make the Input Box Fill in the Screen Width */

2015-05-07T00:50:33Z

Make the Input Box Fill in the Screen Width

← Older revision		Revision as of 00:50, 7 May 2015
Line 170:		Line 170:
	Figure 3 shows the result when you assign all weight to the EditText element.		Figure 3 shows the result when you assign all weight to the EditText element.

	Figure 3. The EditText widget is given all the layout weight, so it fills the remaining space in the LinearLayout.		[[Image:Edittext gravity.png\|center\|200px\|thumb\|Figure 3. The EditText widget is given all the layout weight, so it fills the remaining space in the LinearLayout.]]

	Here’s how your complete activity_my.xmllayout file should now look:		Here’s how your complete activity_my.xmllayout file should now look:

Onnowpurbo: /* Make the Input Box Fill in the Screen Width */

2015-05-07T00:49:28Z

Make the Input Box Fill in the Screen Width

← Older revision		Revision as of 00:49, 7 May 2015
Line 156:		Line 156:
	To fill the remaining space in your layout with the EditText element, do the following:		To fill the remaining space in your layout with the EditText element, do the following:

	In the activity_my.xml file, assign the <EditText> element's layout_weight attribute a value of 1.		* In the activity_my.xml file, assign the <EditText> element's layout_weight attribute a value of 1.
	Also, assign <EditText> element's layout_width attribute a value of 0dp.		* Also, assign <EditText> element's layout_width attribute a value of 0dp.

	res/layout/activity_my.xml		res/layout/activity_my.xml
Line 166:		Line 166:
	... />		... />

	To improve the layout efficiency when you specify the weight, you should change the width of the EditText to be zero (0dp). Setting the width to zero improves layout performance because using "wrap_content" as the width requires the system to calculate a width that is ultimately irrelevant because the weight value requires another width calculation to fill the remaining space.		* To improve the layout efficiency when you specify the weight, you should change the width of the EditText to be zero (0dp). Setting the width to zero improves layout performance because using "wrap_content" as the width requires the system to calculate a width that is ultimately irrelevant because the weight value requires another width calculation to fill the remaining space.

	Figure 3 shows the result when you assign all weight to the EditText element.		Figure 3 shows the result when you assign all weight to the EditText element.

Onnowpurbo: /* Add a Button */

2015-05-07T00:43:32Z

Add a Button

@@ Line 150: / Line 150: @@
 Default bobot untuk semua view adalah 0, oleh karenanya jika kita men-spesifikasi nilai weight lebih besar dari 0 untuk hanya satu view, maka view tersebut akan memenuhi semua sisa tempat yang ada setelah semua view memperoleh tempat dibutuhkannya.
 ==Referensi==
 * https://developer.android.com/training/basics/firstapp/building-ui.html

Onnowpurbo: /* Add a Button */

2015-05-07T00:41:55Z

Add a Button

← Older revision		Revision as of 00:41, 7 May 2015
Line 147:		Line 147:
	Cara ini berjalan dengan baik untuk button, tapi tidak terlalu baik untuk text field, karena kemungkinan pengguna akan mengetik sesuatu yang panjang. Akan lebih baik jika untuk memenuhi screen yang tidak digunakan dengan text field. Kita dapat melakukan ini dalam LinearLayout dengan weight property, yang mana kita dapat men-spesifikasikannya menggunakan atribut android:layout_weight .		Cara ini berjalan dengan baik untuk button, tapi tidak terlalu baik untuk text field, karena kemungkinan pengguna akan mengetik sesuatu yang panjang. Akan lebih baik jika untuk memenuhi screen yang tidak digunakan dengan text field. Kita dapat melakukan ini dalam LinearLayout dengan weight property, yang mana kita dapat men-spesifikasikannya menggunakan atribut android:layout_weight .

	Nilai weight adalah angka yang men-spesifikasi besar-nya sisa tempat dalam setiap view yang sebaiknya digunakan, relatif ke jumlah yang di gunakan oleh view tetangga. Contoh, jika kita ingin memberikan satu view dengan bobot 2 dan satu lain dengan bobot 1, maka jumlahnya adalah 3. Oleh karenanya view pertama mengisi 2/3 maka view ke dua akan mengisi sisanya. Jika kita ingin menambahkan view ke tiga dan memberikan bobot 1, maka view pertama (dengan bobot 2) sekarang akan memperoleh ~~beba~~		Nilai weight adalah angka yang men-spesifikasi besar-nya sisa tempat dalam setiap view yang sebaiknya digunakan, relatif ke jumlah yang di gunakan oleh view tetangga. Contoh, jika kita ingin memberikan satu view dengan bobot 2 dan satu lain dengan bobot 1, maka jumlahnya adalah 3. Oleh karenanya view pertama mengisi 2/3 maka view ke dua akan mengisi sisanya. Jika kita ingin menambahkan view ke tiga dan memberikan bobot 1, maka view pertama (dengan bobot 2) sekarang akan memperoleh 1/2 dari sisa tempat, sementara dua sisanya akan memperoleh masing-masing 1/4 dari tempat yang ada.

			Default bobot untuk semua view adalah 0, oleh karenanya jika kita men-spesifikasi nilai weight lebih besar dari 0 untuk hanya satu view, maka view tersebut akan memenuhi semua sisa tempat yang ada setelah semua view memperoleh tempat dibutuhkannya.
	~~value is a number that specifies the amount of remaining space each~~ view ~~should consume~~, ~~relative to the amount consumed by sibling views. This works kind of like the amount of ingredients in a drink recipe: "2 parts soda, 1 part syrup" means two~~-~~thirds of the drink is soda. For example, if you give one view a~~ weight ~~of 2 and another one a weight of 1, the sum is 3, so the first view fills 2/3 of the remaining space and the second view fills the rest. If you add a third~~ view ~~and give it a weight of 1, then the first view (with weight of 2) now gets 1/2 the remaining space, while the remaining two each get 1/4.~~

	~~The default weight for all views is 0~~, ~~so if you specify any weight value greater than 0 to only one~~ view~~, then that~~ view ~~fills whatever space remains after all views are given the space they require~~.

	==Referensi==		==Referensi==

	* https://developer.android.com/training/basics/firstapp/building-ui.html		* https://developer.android.com/training/basics/firstapp/building-ui.html

Onnowpurbo: /* Add a Button */

2015-05-07T00:20:56Z

Add a Button

← Older revision		Revision as of 00:20, 7 May 2015
Line 147:		Line 147:
	Cara ini berjalan dengan baik untuk button, tapi tidak terlalu baik untuk text field, karena kemungkinan pengguna akan mengetik sesuatu yang panjang. Akan lebih baik jika untuk memenuhi screen yang tidak digunakan dengan text field. Kita dapat melakukan ini dalam LinearLayout dengan weight property, yang mana kita dapat men-spesifikasikannya menggunakan atribut android:layout_weight .		Cara ini berjalan dengan baik untuk button, tapi tidak terlalu baik untuk text field, karena kemungkinan pengguna akan mengetik sesuatu yang panjang. Akan lebih baik jika untuk memenuhi screen yang tidak digunakan dengan text field. Kita dapat melakukan ini dalam LinearLayout dengan weight property, yang mana kita dapat men-spesifikasikannya menggunakan atribut android:layout_weight .

	Nilai weight adalah angka yang men-spesifikasi besar-nya sisa tempat dalam		Nilai weight adalah angka yang men-spesifikasi besar-nya sisa tempat dalam setiap view yang sebaiknya digunakan, relatif ke jumlah yang di gunakan oleh view tetangga. Contoh, jika kita ingin memberikan satu view dengan bobot 2 dan satu lain dengan bobot 1, maka jumlahnya adalah 3. Oleh karenanya view pertama mengisi 2/3 maka view ke dua akan mengisi sisanya. Jika kita ingin menambahkan view ke tiga dan memberikan bobot 1, maka view pertama (dengan bobot 2) sekarang akan memperoleh beba

Onnowpurbo: /* Add a Button */

2015-05-07T00:06:57Z

Add a Button

← Older revision		Revision as of 00:06, 7 May 2015
Line 143:		Line 143:
	Layout yang digunakan sekarang di rancang agar EditText dan Button widget besarnya secukupnya untuk pas dengan content / isi-nya.		Layout yang digunakan sekarang di rancang agar EditText dan Button widget besarnya secukupnya untuk pas dengan content / isi-nya.

			[[Image:Edittext wrap.png\|center\|200px\|thumb\|EditText dan Button widget yang width di set ke "wrap_content"]].

	~~Figure 2~~. ~~The EditText and Button widgets have their widths set to "wrap_content"~~.		Cara ini berjalan dengan baik untuk button, tapi tidak terlalu baik untuk text field, karena kemungkinan pengguna akan mengetik sesuatu yang panjang. Akan lebih baik jika untuk memenuhi screen yang tidak digunakan dengan text field. Kita dapat melakukan ini dalam LinearLayout dengan weight property, yang mana kita dapat men-spesifikasikannya menggunakan atribut android:layout_weight .

	This works fine for the button, but not as well for the text field, because the user might type something longer. It would be nice to fill the unused screen width with the text field. You can do this inside a LinearLayout with the weight ~~property, which you can specify using the android:layout_weight attribute.~~		Nilai weight adalah angka yang men-spesifikasi besar-nya sisa tempat dalam

	~~The weight~~ value is a number that specifies the amount of remaining space each view should consume, relative to the amount consumed by sibling views. This works kind of like the amount of ingredients in a drink recipe: "2 parts soda, 1 part syrup" means two-thirds of the drink is soda. For example, if you give one view a weight of 2 and another one a weight of 1, the sum is 3, so the first view fills 2/3 of the remaining space and the second view fills the rest. If you add a third view and give it a weight of 1, then the first view (with weight of 2) now gets 1/2 the remaining space, while the remaining two each get 1/4.
			value is a number that specifies the amount of remaining space each view should consume, relative to the amount consumed by sibling views. This works kind of like the amount of ingredients in a drink recipe: "2 parts soda, 1 part syrup" means two-thirds of the drink is soda. For example, if you give one view a weight of 2 and another one a weight of 1, the sum is 3, so the first view fills 2/3 of the remaining space and the second view fills the rest. If you add a third view and give it a weight of 1, then the first view (with weight of 2) now gets 1/2 the remaining space, while the remaining two each get 1/4.

	The default weight for all views is 0, so if you specify any weight value greater than 0 to only one view, then that view fills whatever space remains after all views are given the space they require.		The default weight for all views is 0, so if you specify any weight value greater than 0 to only one view, then that view fills whatever space remains after all views are given the space they require.