Android随笔-Shape

一. 应用场景

日常开发中，我们会遇到一些Button、Textview…等控件的背景是圆角矩形、圆形…等，和android默认的控件背景矩形不一致，此时shape的作用就体现出来了，我们可以根据shape属性画出很多我们意想不到的背景图案。

具体使用方式：

1
2
3

//一般情况下都是创建一个Xml文件例如shape_radius.xml。
//写好样式，通过background的方式设置给控件。
android:background="@drawable/shape_radius"

二. Shape 标签

1. Shape标签的属性

1	android:shape

常见的值：

rectangle: 矩形，默认的形状，可以画出直角矩形、圆角矩形、弧形等。
oval: 椭圆形，用得比较多的是画正圆。
line: 线形，可以画实线和虚线。
ring: 环形，可以画环形进度条。

还有更多的属性，用到了再更新。。。

2. Shape 下标签

① size 标签

1 2	android:height：高度 android:width：宽度

注意事项：只有控件宽高设置成wrap_content时，此处宽高才起作用，但是起到的却是最小宽高值。也就是说，当控件宽高超过你此处指定的值时，它会变化。

② stroke 标签 — 设置边框相关

android:color：　　　　边框的颜色
android:width：　　　  边框的宽度　　　　　　
android:dashWidth：　 段虚线的宽度（可以将边界线理解成一段段线无间隔的连接）
android:dashGap：　　 段虚线的间隔

③ corner 标签 — 设置边框圆角

android:radius：　　　　　　 四个角圆角
android:topLeftRadius：　　 左上角的圆角
android:topRightRadius：　  右上角的圆角
android:bottomLeftRadius：  左下角的圆角
android:bottomRightRadiusleft：右下角的圆角

注意：radius属性值可以被其他四个属性覆盖。

④ padding 标签 — 设置内间距

android:left：左内边距
android:top：上内边距
android:right：右内边距
android:bottom：左内边距

⑤ soild 标签 — 设置填充颜色

1	android:color：指定色值

三. 实例使用

1. 单独使用 Shape 标签

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <!--边框-->
    <stroke android:width="1dp"
        android:color="#44000000"
        />

    <!--圆角-->
    <corners android:radius="5dp"
        />

</shape>

2. Selector嵌套不同状态的Shape

① 编辑框是否获得焦点的两种状态

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--光标未选中-->
    <item android:state_focused="false">
        <shape android:shape="rectangle">
            <!--边框，描边-->
            <stroke
                android:width="2dp"
                android:color="#000000"
                />

            <!--圆角-->
            <corners
                android:radius="5dp"
                />

            <!--内间距-->
            <padding
                android:left="40dp"
                />
        </shape>
    </item>

    <!--光标选中-->
    <item android:state_focused="true">
        <shape android:shape="rectangle">
            <!--边框，描边-->
            <stroke
                android:width="2dp"
                android:color="#00ff00"
                />

            <!--圆角-->
            <corners
                android:radius="5dp"
                />

            <!--内间距-->
            <padding
                android:left="40dp"
                />
        </shape>
    </item>

</selector>

② 按钮是否可以使用的两种Shape

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!--禁用状态-->
    <item android:state_enabled="false">
        <shape android:shape="rectangle">
            <!--圆角-->
            <corners android:radius="5dp"
                />
            <!--蓝色-->
            <solid android:color="#666666"
                />
        </shape>
    </item>

    <!--正常状态-->
    <item android:state_enabled="true">
        <shape android:shape="rectangle">
            <!--圆角-->
            <corners android:radius="5dp"
                />
            <!--蓝色-->
            <solid android:color="#39A4F9"
                />
        </shape>
    </item>
</selector>