Android: Shapes

1

Right click on res/drawable select New/Android XML

2

Supply a filename (small letters) Choose shape as the root element. Click Finish.

3

Enter a gradient element, supply its startColor and endColor attributes.

4

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" > <gradient android:startColor="#cccccc" android:endColor="#333333" /></shape>

In your layout add a background attribute and set its value to the xml file you just placed in drawable

5

The result in Graphical Layout mode.

6

Add another Android XML file to drawable

7

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <solid android:color="#3399ff" /></shape>

Set the TextView’s android:background attribute to &srawable/my_circle

8

Result of setting TextView’s background to shape (oval)

9