美文网首页
shape的使用

shape的使用

作者: lisx_ | 来源:发表于2018-08-28 11:30 被阅读0次

    一、简单使用

    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>
    

    相关文章

      网友评论

          本文标题:shape的使用

          本文链接:https://www.haomeiwen.com/subject/rzefwftx.html