Android之shape综述篇

题记-- 

 夫君子之行，静以修身，俭以养德，非澹泊无以明志，非宁静无以致远，夫学须静也，才须学也，非学无以广才，非志无以成学，怠慢则不能励精，险躁则不能冶性，年与时驰，意与岁去，遂成枯落，多不接世

rectanglet篇标签综述

在drawble文件目录下创建一个xml文件

首先在根节点中设置属性 shape为rectangle，代表我们创建的是一个矩形

1-1 solid子标签

solid子标签是用来设置我们创建的图形的填充颜色，其中只有color一个属性，如下图1-1中所示，我们创建了一个矩形，然后改变其中的填充颜色

图 1-1

1-2 corners子标签

corners子标签是用来设置圆角，只适用于rectangle类型，可分别设置四个角不同半径的圆角，当设置的圆角半径很大时，比如200dp，就可变成弧形边了，效果如下图1-2所示

  <!-- corners设置圆角，只适用于rectangle -->
    <corners android:radius="20dp"
        android:bottomLeftRadius="20dp"<!-- 左下半角的圆角半径-->
        android:bottomRightRadius="20dp"<!--右下半角的圆角半径-->
        android:topLeftRadius="20dp"<!--左上半角的圆角半径-->
        android:topRightRadius="30dp"/><!--右上半角的圆角半径-->

图 1-2

1-3 stroke子标签之描边使用

可描成实线或虚线。

属性描述：

• android:color 描边的颜色

• android:width 描边的宽度

• android:dashWidth 设置虚线时的横线长度

• android:dashGap 设置虚线时的横线之间的距离

效果图 1-3

1-4 gradient 子标签之设置形状的渐变

gradient: 设置形状的渐变颜色，可以是线性渐变、辐射渐变、扫描性渐变

属性说明：

1. android:type 渐变的类型

   1. linear 线性渐变，默认的渐变类型

   2. radial 放射渐变，设置该项时，android:gradientRadius也必须设置

   3. sweep 扫描性渐变

2. android:startColor 渐变开始的颜色

3. android:endColor 渐变结束的颜色

4. android:centerColor 渐变中间的颜色

5. android:angle 渐变的角度，线性渐变时才有效，必须是45的倍数，0表示从左到右，90表示从下到上

6. android:centerX 渐变中心的相对X坐标，在0.0到1.0之间，默认为0.5，表示在正中间

7. android:centerY 渐变中心的相对X坐标，在0.0到1.0之间，默认为0.5，表示在正中间

8. android:gradientRadius 渐变的半径，只有渐变类型为radial时才使用

1. android:userLevel 如果为true,则可在LevelListDrawable中使用

1-4-1 线性渐变

  <!-- 线性渐变-->
    <gradient
        android:angle="45"
        android:centerColor="#50000"
        android:endColor="#000"
        android:startColor="#fff"
        android:type="linear"/>

效果图 1-4 -1

1-4-2 扫描渐变

  <gradient
        android:centerX="0.5"
        android:centerY="0.8"
        android:centerColor="#560036"
        android:endColor="#000"
        android:startColor="#fff"
        android:type="sweep"/>

图 1-4-2

1-4-3 放射渐变

 <gradient
    android:gradientRadius="120dp"
    android:centerX="0.5"
    android:centerY="0.5"
    android:centerColor="#560036"
    android:endColor="#879632"
    android:startColor="#fff"
    android:type="radial"/>

图1-4-3

设置双叠层shape

图 3-1

   

图3-2    在xml中使用

                  

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <corners android:radius="2dp" />
            <size
                android:width="5dp"
                android:height="1dp" />
            <solid android:color="#030925" />
        </shape>
    </item>

    <item
        android:bottom="2dp"
        android:left="2dp"
        android:right="2dp"
        android:top="2dp">
        <shape android:shape="rectangle">
            <solid android:color="#574ed7" />
            <size
                android:width="20dp"
                android:height="10dp" />
            <corners android:radius="4dp" />
        </shape>
    </item>

</layer-list>