Bordered Layout Pada Blaast

Saat ini (saat tulisan ini dipublish) blaast belum mendukung border color pada suatu element. Yang ada, baru border width. Nah, pada beberapa kasus, kita membutuhkan border color. Lalu, bagaimana caranya?

Konsep-nya sederhana, yaitu dengan memainkan style border saja. Sebagai contoh, apabila anda ingin membuat TextView yang memiliki border, seperti ini caranya:

		var self = this;
		self.clear();
		var borderedLayout1 = new LinearLayout();
		borderedLayout1.style({
			'background-color': '#000000',
			'width': 'fill-parent',
			'border': '1 1 1 1'
		});
		var textView1 = new TextView();
		textView1.style({
			'background-color': '#ffffff',
			'width': 'fill-parent'
		});
		textView1.label( "I will have full border!" );
		borderedLayout1.add( textView1 );
		self.add( borderedLayout1 );

Sedikit penjelasan untuk kode diatas: Kita buat container sebagai pembungkus textview. Pada container ini (sebagai implementasi, kita gunakan LinearLayout) kita beri border ‘1 1 1 1’ yang artinya, child control berada masuk 1px disetiap sisi. Container ini juga kita beri background sesuai dengan warna border yang kita inginkan. Kemudian, kita definisikan child control dari container ini, dengan background sesuai keinginan. Usahakan warna background yang berbeda dengan container, agar terlihat efek border yang diinginkan. Selebihnya tinggal menambahkan child ke container dan container ke view.

Hasilnya seperti ini:

Free Image Hosting at www.ImageShack.us

Dan ini beberapa contoh border yang source-nya bisa didownload di sini.

Free Image Hosting at www.ImageShack.us

Author: Arief Bayu Purwanto

Hello, my name is Arief Bayu Purwanto, a 24 years old father of a beautiful daughter. Interested in online programming, linux, games, and reading. Currently working on kapanlagi.com as junior developer. I live in a relatively quite and cool place called Malang. I'm available for some freelance stuff as well as some consulting job. You can see my portofolio for some previous task I've finished and some other information related to my capability. Btw, I'm plurking here.