Shape的相关属性详解

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” 设置虚线的间隔宽度