How To Create Layerlist in Drawable Android
Create custom drawable xml using layerlist in android to make our layout more interesting. Not only use shape background button image as background button and sometimes combine between drawable gardient , drawable selector amd layerlist to make shadows effect in android layout linearlayout or relativelayout and listview item background using layerlist.
Now we will make new android project to implement drawables xml with layerlist and use it to button background. First you need to create new android project and make new folder under res folder in your project. Create new XML File with name btn_layerlist.xml
btn_layerlist.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle">
<solid android:color="#1C59A9"/>
</shape>
</item>
</layer-list>
Add Button Border In Layerlist Drawable Xml
For create border in layerlist just need to add one more item inside layerlist. Update btn_layerlist.xml with code below.
btn-layerlist.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle">
<solid android:color="#1C59A9"/>
</shape>
</item>
<item android:bottom="2px" android:left="2px" android:right="2px" android:top="2px">
<shape android:shape="rectangle">
<solid android:color="#27A2CF"/>
</shape>
</item>
</layer-list>
Add Border Corner In Layerlist Drawable Xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle">
<solid android:color="#1C59A9"/>
<corners android:radius="0dp" android:topLeftRadius="5dp" android:topRightRadius="5dp"
android:bottomLeftRadius="5dp" android:bottomRightRadius="5dp"/>
</shape>
</item>
<item android:bottom="2px" android:left="2px" android:right="2px" android:top="2px">
<shape android:shape="rectangle">
<solid android:color="#27A2CF"/>
<corners android:radius="0dp" android:topLeftRadius="5dp" android:topRightRadius="5dp"
android:bottomLeftRadius="5dp" android:bottomRightRadius="5dp"/>
</shape>
</item>
</layer-list>
Add Gradient Shape In Layerlist Drawable Xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle">
<solid android:color="#1C59A9"/>
<corners android:radius="0dp" android:topLeftRadius="5dp" android:topRightRadius="5dp"
android:bottomLeftRadius="5dp" android:bottomRightRadius="5dp"/>
</shape>
</item>
<item android:bottom="2px" android:left="2px" android:right="2px" android:top="2px">
<shape android:shape="rectangle">
<gradient
android:angle="270"
android:centerX="0%"
android:centerColor="#649AE1"
android:startColor="#fff"
android:endColor="#3078d7"
android:type="linear"
/>
<corners android:radius="0dp" android:topLeftRadius="5dp" android:topRightRadius="5dp"
android:bottomLeftRadius="5dp" android:bottomRightRadius="5dp"/>
</shape>
</item>
</layer-list>
Comments
Post a Comment