Stbdroid之ShapeDrawable

Shape可以定义矩形、椭圆形、线条、圆形

<?xml version="1.0" encoding="utf-8"?>

<shape    xmlns:android="http://schemas.android.com/apk/res/android"    android:shape=["rectangle" | "oval" | "line" | "ring"] >    <!-- 定义图形角的弧度 -->    <corners        android:radius="integer"        android:topLeftRadius="integer"        android:topRightRadius="integer"        android:bottomLeftRadius="integer"        android:bottomRightRadius="integer" />    <!-- 使用渐变色填充图形 -->    <gradient        android:angle="integer"        android:centerX="integer"        android:centerY="integer"        android:centerColor="integer"        android:endColor="color"        android:gradientRadius="integer"        android:startColor="color"        android:type=["linear" | "radial" | "sweep"]        android:useLevel=["true" | "false"] />    <!-- 定义图形内边距大小 -->    <padding        android:left="integer"        android:top="integer"        android:right="integer"        android:bottom="integer" />    <!-- 定义图形大小 -->    <size        android:width="integer"        android:height="integer" />    <!-- 使用单一颜色填充 -->    <solid        android:color="color" />    <!-- 为图形绘制边框 -->    <stroke        android:width="integer"        android:color="color"        android:dashWidth="integer"        android:dashGap="integer" /></shape>

下面是一些例子，修改上面的属性的效果图：

layout就是一个ImageView

<ImageView        android:layout_width="200dp"        android:layout_height="100dp"        android:background="@drawable/shape_style" />

下面是shape的配置文件内容

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >    <corners android:radius="0dp" >    </corners>    <stroke        android:width="10dp"        android:color="@android:color/holo_blue_light" >    </stroke></shape>

效果如左边的图，当上面改成

android:radius="50dp"

现在看下gradient，shape的内容如下

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >    <gradient        android:endColor="#ffffffff"        android:startColor="@android:color/holo_blue_bright" >    </gradient></shape>

效果图如下，

,

修改如下：

    <gradient        android:endColor="#ffffffff"        android:startColor="#ffffffff"        android:centerColor="@android:color/holo_blue_bright"        android:angle="90" >    </gradient>

图如下

下面看下padding，首先ImageView的内容：

<ImageView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:src="@drawable/ic_icon"        android:background="@drawable/shape_style" />

shape的内容：

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >    <padding android:left="5dp"        android:top="5dp"        android:right="5dp"        android:bottom="5dp"/><solid    android:color="@android:color/holo_blue_bright"></solid></shape>

最后，看size和stroke

同样是ImageView：

<ImageView        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:background="@drawable/shape_style" />

shape_style内容：

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >    <size android:width="200dp"        android:height="100dp"/>    <stroke        android:width="10dp"        android:color="@android:color/holo_blue_bright" /></shape>

在shape_style中加入android:dashWidth="5dp"和 android:dashGap="5dp"，效果如下：