shape的使用

2018-08-28  本文已影响0人  lisx_

一、简单使用

1、新建shape文件

首先在res/drawable文件夹下,新建一个文件,命名为:shape.xml

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android" > 
    <corners android:radius="30dip"/> 
    <solid android:color="#ffffff"/> 
</shape> 

2、添加到控件中

一般是使用设置background属性,将其为控件背景.

<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/hello_world" 
        android:background="@drawable/shape"/>

二、基本属性(corners、solid、gradient、stroke、size、padding)

1、Corners

Corners标签是用来字义圆角的,其中radius与其它四个并不能共同使用。

<corners    //定义圆角  
    android:radius="dimension"      //全部的圆角半径  
    android:topLeftRadius="dimension"   //左上角的圆角半径  
    android:topRightRadius="dimension"  //右上角的圆角半径  
    android:bottomLeftRadius="dimension"    //左下角的圆角半径  
    android:bottomRightRadius="dimension" />    //右下角的圆角半径 

2、solid

solid用以指定内部填充色
<solid android:color="color" />

3、gradient

gradient用以定义渐变色,可以定义两色渐变和三色渐变,及渐变样式,它的属性有下面几个:

<gradient 
    android:type=["linear" | "radial" | "sweep"]    //共有3中渐变类型,线性渐变(默认)/放射渐变/扫描式渐变  
    android:angle="integer"     //渐变角度,必须为45的倍数,0为从左到右,90为从上到下  
    android:startColor="color"   //渐变开始点的颜色  
    android:centerColor="color"  //渐变中间点的颜色,在开始与结束点之间  
    android:endColor="color"    //渐变结束点的颜色  
    android:centerX="float"     //渐变中心X的相当位置,范围为0~1 ,仅当渐变类型为放射渐变时有效 
    android:centerY="float"     //渐变中心Y的相当位置,范围为0~1 ,仅当渐变类型为放射渐变时有效
    android:gradientRadius="float"  //渐变的半径,仅当渐变类型为放射渐变时有效
    android:useLevel=["true" | "false"] />  //使用LevelListDrawable时就要设置为true。设为false时才有渐变效果  

4、stroke

描边属性,可以定义描边的宽度,颜色,虚实线等

<stroke       
    android:width="dimension"   //描边的宽度  
    android:color="color"   //描边的颜色  
    // 以下两个属性设置虚线  
    android:dashWidth="dimension"   //虚线的宽度,值为0时是实线  
    android:dashGap="dimension" />      //虚线的间隔 

5、size和padding

大小和内边距

<size  
    android:width="dimension"  
    android:height="dimension" />
<padding   
    android:left="dimension"  
    android:top="dimension"  
    android:right="dimension"  
    android:bottom="dimension" />

三、Shape的属性(rectangle、oval、line、ring)

上面我们讲了Shape的子标签的作用,但Shape本身还没讲,Shape自已是可以定义当前Shape的形状的,比如上面的矩形,还有椭圆形,线形和环形;这些都是通过Shape标签的 shape属性来定义的,Shape标签总共有下面几个属性,我们一个个讲:

android:shape=["rectangle" | "oval" | "line" | "ring"]  
shape的形状,默认为矩形,可以设置为矩形(rectangle)、椭圆形(oval)、线性形状(line)、环形(ring)  
下面的属性只有在android:shape="ring时可用:  
android:innerRadius         尺寸,内环的半径。  
android:innerRadiusRatio    浮点型,以环的宽度比率来表示内环的半径,  
android:thickness           尺寸,环的厚度  
android:thicknessRatio      浮点型,以环的宽度比率来表示环的厚度,例如,如果android:thicknessRatio="2",  
android:useLevel            boolean值,如果当做是LevelListDrawable使用时值为true,否则为false. 

这里主要说说环形 ring 的使用:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" 
    android:shape="ring" 
    android:innerRadius="20dp" 
    android:thickness="50dp"  
    android:useLevel="false">
    <solid android:color="#ff00ff"/>
</shape>
上一篇 下一篇

猜你喜欢

热点阅读