Android Shape 笔记

Shape 笔记

官网地址:http://developer.android.com/guide/topics/resources/drawable-resource.html#Shape



“rectangle”: 矩形，默认值

“oval”: 椭圆

“line”: 水平线

“ring”: 环形

下面几个属性仅用于android:shape=”ring”,没用过



corners 创建圆角的形状。仅适用于当形状为长方形。

属性：

android:radius ： 四个角的圆角半径

android:topLeftRadius : 左上角半径

android:topRightRadius : 又上角半径

android:bottomLeftRadius : 左下角半径

android:bottomRightRadius : 右下角半径

注意：如果五个只属性都设置则radius失效，还要特别注意下面情况容易出错，下面的分开写了4个corners只有最后一个生效，效果为右下5dp的圆角。上面的是把四个属性写到一个corners是正常的，应该这样写。

<corners
android:topLeftRadius="3dp"
android:topRightRadius="3dp"
android:bottomLeftRadius="5dp"
android:bottomRightRadius="5dp"/>

<corners android:topLeftRadius="3dp" />
<corners android:topRightRadius="3dp" />
<corners android:bottomLeftRadius="5dp" />
<corners android:bottomRightRadius="5dp" />

gradient 渐变

属性：

android:angle ： 渐变的角度。0为从左到右，90是底部至顶部，必须为45的倍数，默认0。当设置填充颜色后，无渐变效果。该属性只有在type=linear情况下起作用。

android:centerX : 相对X的渐变位置。

android:centerY : 相对Y的渐变位置。这两个属性只有在type不为linear情况下起作用。

android:centerColor : 颜色渐变的中间颜色，主要用于多彩。

android:endColor : 结束颜色

android:gradientRadius : 渐变的颜色，android:type=”radial”时用到，如果android:type=”radial”，没有设置android:gradientRadius，将会报错，error inflating class。

android:startColor : 起始颜色

android:type : 渐变的类型，默认linear。”linear”：线性渐变，”radial”：圆形渐变，起始颜色从cenralX,centralY点开始。”sweep”：A sweeping line gradient。

android:useLevel : LevelListDrawable时用true，其他情况都是false。

padding 定义内容离边界的距离（用来控制控件的位置不是形状），用法和android布局中用法一致。

属性：

android:left ： 距左边距的距离

android:top : …

android:right : …

android:bottom : …

size shape 形状的大小

属性：

android:height ： shape的高

android:width : 宽

TextView中用加背景效果后，用padding，字多的时候背景拉长，字不会被挡住，用size背景大小固定，但字会看不到。size一般用在ImageView配合ScaleType属性使用。

solid 填充颜色，可以当作背景色

属性：

android:color ： 颜色值

storke 描边

属性：

android:width ： 边的宽度

android:color ： 边的颜色

android:dashGap ： 虚线的宽度

android:dashWidth ： 虚线的间隔的宽度

dashWidth和dashGap属性，只要其中一个设置为0dp，则边框为实线边框

用法

创建xml保存到 res/drawable/gradient_box.xml:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient
android:startColor="#FFFF0000"
android:endColor="#80FF00FF"
android:angle="45"/>
<padding android:left="7dp"
android:top="7dp"
android:right="7dp"
android:bottom="7dp" />
<corners android:radius="8dp" />
</shape>

在布局中：

<TextView
android:background="@drawable/gradient_box"
android:layout_height="wrap_content"
android:text="TextView"
android:layout_width="wrap_content" />

在java代码中：

Resources res = getResources();
Drawable shape = res. getDrawable(R.drawable.gradient_box);

TextView tv = (TextView)findViewByID(R.id.textview);
tv.setBackground(shape);

Example：

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/shape_text"
android:text="圆角" />

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >

<!-- 背景 -->
<solid android:color="#999999" />

<!-- 边框 -->
<stroke
android:width="2dp"
android:color="#ff0000"/>

<!-- 圆角 -->
<corners
android:bottomLeftRadius="5dp"
android:bottomRightRadius="5dp"
android:topLeftRadius="3dp"
android:topRightRadius="3dp" />

<!-- 边距 -->
<padding
android:bottom="5dp"
android:left="10dp"
android:right="10dp"
android:top="5dp" />

</shape>

效果：

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/shape_circle"
android:gravity="center"
android:text="已抢光" />

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="oval"
android:useLevel="false" >

<solid android:color="#999999" />

<size
android:width="65dp"
android:height="65dp" />

</shape>

效果：

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/shape_radius"
android:text="渐变色" />

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle" >

<gradient
android:angle="45"
android:endColor="#80FF00FF"
android:startColor="#FFFF0000" />

<padding
android:bottom="7dp"
android:left="7dp"
android:right="7dp"
android:top="7dp" />

</shape>

效果：

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/shape_dotted_line"
android:text="虚线" />

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="line" >

<!-- width虚线的厚度可以理解为高度
dashWidth虚线的宽
dashGap虚线的间隔
-->
<stroke
android:dashGap="6dp"
android:dashWidth="5dp"
android:width="2dp"
android:color="#ff0000" />

<!-- 为了效果设长了,所以线在文字外面了,可以去掉size属性 -->
<size android:width="100dp"/>

</shape>

效果：


特别注意：从android3.0开始，安卓关闭了硬件加速功能，所以就不能显示了，所以就是在 AndroidManifest.xml中设置android:hardwareAccelerated=”false”，或者在Activity中设置view.setLayerType(View.LAYER_TYPE_SOFTWARE, null);把硬件加速的功能关掉就可以了。