Android <shape>定义图形

shape标签可以用于自定义一些简单的图形

一个简单例子，定义一个圆角矩形：

在res/drawable目录下创建example.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <corners android:radius="2dp" />    <size android:height="20dp" android:width="30dp"/>    <solid android:color="#ffffff"/>    <stroke android:color="#ff6767" android:width="12dp"/></shape>

这就是定义好的圆角矩形

shape标签有一个android:shape属性，包括了四个值：

shape value 直线 line 矩形 rectangle 椭圆 oval 圆环 ring

这个属性定义了图形的类型。

在shape标签下还有五个标签:

标签 内容 属性 solid 填充。直接填充颜色 color: 填充的颜色 gradient 渐变。指定多种颜色及渐变方式和角度，颜色渐变填充 startColor: 起始颜色 centerColor: 中间颜色 endColor: 最终颜色 type: 渐变类型 angle: 角度…… corners 圆角。比如矩形的圆角 radius: 圆角半径 还有topLeft..、topRight、bottomLeft、bottomRight你懂的 padding 边距 left、right、top、bottom分别指哪里你懂的 size 大小。指定形状的width和height width和height也是你懂的 stroke 描边。可以指定形状描边的线性、大小、颜色和间距等 width: 描边线宽 color: 颜色 dashGap: 描边间隔长度 dashWidth: 描边间隔的宽度

然后就可以应用自定义的图形作为控件的背景等。

例如

将上述自定义的圆角矩形指定为布局容器的背景

布局文件：

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.example.easonchung.test.MainActivity">    <!-- LinearLayout的background属性设置成刚刚定义的图形 -->    <LinearLayout        android:layout_width="match_parent"        android:layout_height="match_parent"        android:orientation="vertical"        android:background="@drawable/example"         android:padding="16dp">        <TextView            android:layout_width="match_parent"            android:layout_height="wrap_content"            android:text="Hello World!"            android:textSize="30sp"/>    </LinearLayout></RelativeLayout>

效果如图

也可以用作按钮等控件的自定义样式

将example.xml复制一个副本命名为example_pressed.xml
然后将里面的solid颜色改为描边的颜色，而stroke颜色改为更鲜艳的红色

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle">    <corners android:radius="2dp"/>    <size        android:width="30dp"        android:height="20dp" />    <solid android:color="#ff6767" />    <stroke        android:width="12dp"        android:color="#ff2d2d" /></shape>

再新建一个资源文件button.xml
这里需要用到 selector 标签

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">    <!-- 点击时的drawable -->    <!-- 指定为example_pressed.xml -->    <item android:drawable="@drawable/example_pressed" android:state_focused="true" />    <!-- 点住不松手时的drawable -->    <!-- 也指定为example_pressed.xml -->    <item android:drawable="@drawable/example_pressed" android:state_pressed="true" />    <!-- 一般时候的drawable -->    <!-- 指定为example.xml -->    <item android:drawable="@drawable/example" /></selector>

之后再将Button的background指定为上面写好的button.xml

<Button            android:layout_width="wrap_content"            android:layout_height="wrap_content"            android:text="Button"            android:background="@drawable/button"/>

效果如图