Article Image
read

To draw borders we have to understand the basics of layer-list drawable component. An exhaustive guide is provided by Android Developers Guide.


Code snippet to draw top and bottom borders:

res/drawable/border.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item><!--Item 1-->
	<shape android:shape="rectangle">
		<stroke android:color="@color/green"   android:width="2dp"/>
		<solid android:color="#FFFFFFFF" />
	</shape>
</item>
<item android:top="2dp" android:bottom="2dp"><!--Item 2-->
	<shape android:shape="rectangle">
		<solid android:color="#FFFFFFFF" />
	</shape>
</item>
</layer-list>

#How layer list works?

  • Layer One
<item><!--Item 1-->
	<shape android:shape="rectangle">
		<stroke android:color="@color/green" android:width="2dp"/>
		<solid android:color="#FFFFFFFF" />
	</shape>
</item>

Above code snippet results in a layer with border on all sides. Stroke tag defines the border and Solid tag defines the background colour.

#Layer One

  • Layer Two
<item android:top="2dp" android:bottom="2dp"><!--Item 2-->
	<shape android:shape="rectangle">
		<solid android:color="#FFFFFFFF" />
	</shape>
</item>

This snippet is drawn over the first layer which has top offset 2dp and bottom offset 2dp (border thickness)

#Layer One And Two

Blog Logo

Shrikanth


Published

{/post}
Image

Blog

How did I do...

Back to Overview