Android之shape综述篇

来源：互联网发布：怎么把mac文件拷到u盘编辑：程序博客网时间：2024/06/17 12:06

题记--

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

rectanglet篇标签综述

在drawble文件目录下创建一个xml文件
首先在根节点中设置属性 shape为rectangle，代表我们创建的是一个矩形
1-1 solid子标签
solid子标签是用来设置我们创建的图形的填充颜色，其中只有color一个属性，如下图1-1中所示，我们创建了一个矩形，然后改变其中的填充颜色

图 1-1

1-2 corners子标签
corners子标签是用来设置圆角，只适用于rectangle类型，可分别设置四个角不同半径的圆角，当设置的圆角半径很大时，比如200dp，就可变成弧形边了，效果如下图1-2所示
      <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: 设置形状的渐变颜色，可以是线性渐变、辐射渐变、扫描性渐变
属性说明：
android:type 渐变的类型
linear 线性渐变，默认的渐变类型
radial 放射渐变，设置该项时，android:gradientRadius也必须设置
sweep 扫描性渐变
android:startColor 渐变开始的颜色
android:endColor 渐变结束的颜色
android:centerColor 渐变中间的颜色
android:angle 渐变的角度，线性渐变时才有效，必须是45的倍数，0表示从左到右，90表示从下到上
android:centerX 渐变中心的相对X坐标，在0.0到1.0之间，默认为0.5，表示在正中间
android:centerY 渐变中心的相对X坐标，在0.0到1.0之间，默认为0.5，表示在正中间
android:gradientRadius 渐变的半径，只有渐变类型为radial时才使用
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>

0 0