Shape的相关属性详解

1. gradient渐变

<gradient
  android:angle="integer"
  android:centerX="Float"
  android:centerY="Float"
  android:centerColor="integer"
  android:startColor="color"
  android:endColor="color"
  android:gradientRadius="integer"
  android:type=["linear"|"radial"|"sweep"]
  android:usesLevel=["true"|"false"]
  />

• angle：角度，当 android:type=“linear”时有效
• centerX：Float。渐变色中心的 X 相对位置（ 0-1.0 ）。当 android:type=“linear”时无效
• centerY：Float。渐变色中心的 Y 相对位置（ 0-1.0 ）。当 android:type=“linear”时无效
• centerColor：color。可选的颜色，出现在 start 和 end 颜色之间。
• gradientRadius：Float。渐变色的半径。当 android:type=“radial” 时有效。
• startcolor：开始的颜色
• endcolor：结束的颜色
• type：Keyword 。渐变色的样式。有效值为：
  “linear”：线性渐变，默认值
  “radial”：环形渐变。 start 颜色是处于中间的颜色
  “sweep”：sweep 渐变
• useLevel：Boolean。“ true ”表示可以当作 LevelListDrawable 使用

##1.1 android:type=“linear”
例如：在res/drawable下建立一个gradient_shape.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <gradient 
        android:startColor="#fff"
        android:endColor="#000"
        android:centerColor="#dc143c"
        android:angle="45"/>

</shape>

在res/layout里新建一个activity_gradient.xml文件：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/back_shape"
    android:orientation="vertical" >

</LinearLayout>

截图：

• android:startColor="#fff"起始颜色为白色
• android:endColor="#000"结束颜色为黑色
• android:centerColor="#dc143c"中间色为红色
• android:angle="45"渐变角度为45度，从左下到右上

1.2 android:type=“radial”

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <gradient 
        
        android:startColor="#fff"
        android:endColor="#000"
        android:centerColor="#dc143c"
        android:gradientRadius="90"
        android:type="radial"
        />

</shape>

截图：

这里颜色渐变的是里向外渐变

• android:startColor="#fff"起始（最里）颜色为白色
• android:endColor="#000"结束（最外）颜色为黑色
• android:centerColor="#dc143c"中间颜色为红色
• android:gradientRadius="90"渐变半径为90
• android:type="radial"类型为环形渐变

1.3 android:type=“sweep”

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <gradient 
        
        android:startColor="#fff"
        android:endColor="#000"
        android:centerColor="#dc143c"
        android:centerX="0"
        android:centerY="0"
        android:type="sweep"
        />

</shape>

截图：

• android:startColor="#fff"起始颜色为白色
• android:endColor="#000"结束颜色为黑色
• android:centerColor="#dc143c"中间色为红色
• android:centerX="0"渐变色中心的 X 相对位置（ 0-1.0 ）。当android:type=“linear”时无效
• android:centerY="0"渐变色中心的 Y 相对位置（ 0-1.0 ）。当 android:type=“linear”时无效
• android:type="sweep"延伸类型

2 . corners 圆角

<corners
  android:radius="integer"
  android:topLeftRadius="integer"
  android:topRightRadius="integer"
  android:bottomLeftRadius="integer"
  android:bottomRightRadius="integer"
  />

corners指的是圆角

• radius：半径，会被下面的特性覆盖。
• topLeftRadius：左上圆角半径。
• topRightRadius：右上圆角半径。
• bottomLeftRadius：左下圆角半径。
• bottomRightRadius：右下圆角半径。

3 . padding各个方向的间距

<!-- 间隔 -->
    <padding
        android:left="2dp"
        android:top="2dp"
        android:right="2dp"
        android:bottom="2dp"/><!-- 各方向的间隔 -->
        

4 . size尺寸大小

 <!-- 大小 -->
    <size
        android:width="100dp"
        android:height="50dp"/><!-- 宽度和高度 -->

5 . solid背景色填充

<!-- 填充 -->
    <solid
        android:color="@android:color/white"/>

6 . stroke描边

<!-- 描边 -->
     <stroke
        android:width="2dp"
        android:color="#a9a9a9"
        android:dashWidth="2dp"
        android:dashGap="1dp"/>

• android:width=“2dp” 设置边边的宽度
• android:color="#a9a9a9" 设置边边的颜色
• android:dashWidth=“2dp” 设置虚线的宽度
• android:dashGap=“1dp” 设置虚线的间隔宽度