Android Shape详解

Android Shape详解

效果图

为什么使用Shape？

1.由于Android移动设备的版本在不停的更新，它们的UI设计在每个版本都是不同的。
2.Android源生的控件样式太过简陋，因此需要我们通过自定义控件样式来满足用户的需求。
3.针对于目前的Android市场来说，扁平化、圆润的设计风格非常受广大用户欢迎。

Shape的简单使用

第一步:在res/drawable目录下右键，选择Drawable resource file

注意：shape.xml文件最好创建在drawable根目录下，根据命名规范进行命名

第二步:在此页面File name中输入xml名字，点击OK

第三步:将shape.xml中selector标签该为shape标签

修改成如下所示

第五步:此处已圆角矩形为例

第六步:在控件中引用，此处为Button引用

展示效果

Shape的应用场景

Shape可以应用在selector选择器、layout布局、源生控件中。
当源生控件的形态不能满足用户需求时，我们可以通过自定义shape.xml的方式来设置控件形态。

Shape的简单使用（常用属性说明）

Shape一般用于selector、layout、控件中，有6个子标签
填充：设置填充的颜色
间隔：设置四个方向上的间隔
大小：设置大小
圆角：同时设置五个属性，则Radius属性无效（Radius为圆角半径）
android:Radius="20dp"                           设置四个角的半径
android:topLeftRadius="20dp"              设置左上角的半径 
android:topRightRadius="20dp"           设置右上角的半径 
android:bottomLeftRadius="20dp"      设置右下角的半径 
android:bottomRightRadius="20dp"    设置左下角的半径
描边：dashWidth和dashGap属性，只要其中一个设置为0dp，则边框为实现边框
android:width="20dp"                               设置边边的宽度 
android:color="@android:color/black"  设置边边的颜色 
android:dashWidth="2dp"                         设置虚线的宽度 
android:dashGap="20dp"                          设置虚线的间隔宽度

填充
<solid
        android:color="@android:color/white"/><!-- 填充的颜色 -->
大小
<size
        android:width="50dp"
        android:height="50dp"/><!-- 宽度和高度 -->
描边
<stroke
        android:width="2dp"
        android:color="@android:color/black"
        android:dashWidth="1dp"
        android:dashGap="2dp"/>

间隔
<padding
        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"/><!-- 各方向的间隔 -->
圆角
<corners
        android:radius="9dp"
        android:topLeftRadius="2dp"
        android:topRightRadius="2dp"
        android:bottomLeftRadius="2dp"
        android:bottomRightRadius="2dp"/><!-- 设置圆角半径 -->

渐变
<gradient
        android:startColor="@android:color/white"
        android:centerColor="@android:color/black"
        android:endColor="@android:color/black"
        android:useLevel="true"
        android:angle="45"
        android:type="radial"
        android:centerX="0"
        android:centerY="0"
        android:gradientRadius="90"/>
渐变：当设置填充颜色后，无渐变效果。angle的值必须是45的倍数（包括0），仅在type="linear"有效，不然会报错。android:useLevel 这个属性不知道有什么用。

angle对应值的起点如图：