关闭

Android中drawable使用Shape资源

标签: android
317人阅读 评论(0) 收藏 举报
分类:

1.画一条水平方向的虚线

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

    <stroke
        android:dashGap="3dp"
        android:dashWidth="6dp"
        android:width="1dp"
        android:color="#FF8C69" />

</shape>

android:width=”1dp” 为线条的高度
android:dashGap=”3dp” 表示虚线间空隙的宽度,0表示一条实线;
android:dashWidth=”6dp” 表示每个虚线的宽度。

注意:在版本4.0以上,需要在控件中设置android:layerType=”software”,否则虚线无效,显示为实线。

2.画一条垂直方向的虚线

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="90"
    android:toDegrees="90"
    android:drawable="@drawable/line" >

</rotate>

或者使用下面的方法

<?xml version="1.0" encoding="utf-8"?>
<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="90"
    android:toDegrees="90" >

    <shape android:shape="line" >
        <stroke
            android:dashGap="3px"
            android:dashWidth="6px"
            android:width="1dp"
            android:color="#FF8C69" />
    </shape>
</rotate>

3.画一个实心圆

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

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

</shape>

4.画一个圆环

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:innerRadius="15dp"
    android:shape="ring"
    android:thickness="10dp"
    android:useLevel="false" >

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

    <stroke
        android:width="1dp"
        android:color="#FF8C69" />

</shape>

android:innerRadius=”15dp” 设置尺寸,内环的半径
android:thickness=”10dp” 设置尺寸,环的厚度
android:useLevel=”false” boolean值,如果当做是LevelListDrawable使用时值为true,否则为false.

android:innerRadiusRatio=”9” 浮点型,以环的宽度比率来表示内环的半径,表示内环半径等于环的宽度除以5,这个值是可以被覆盖的,默认为9.
android:thicknessRatio=”2” 浮点型,以环的宽度比率来表示环的厚度, 表示环的厚度就等于环的宽度除以2。这个值是可以被android:thickness覆盖的,默认值是3.

5.画一个矩形

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

    <corners android:radius="30dp" />

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

    <stroke
        android:width="1dp"
        android:color="#FF8C69" />

</shape>

总结

<?xml version="1.0" encoding="utf-8"?>
<!--
  shape drawable xml文件中定义的一个几何图形,定义在res/drawable/目录下,文件名filename称为访问的资源ID  
  在代码中通过R.drawable.filename进行访问,在xml文件中通过@[package:]drawable/filename进行访问。  
-->
<!--
  android:shape=["rectangle" | "oval" | "line" | "ring"]  
  shape的形状,默认为矩形,可以设置为矩形(rectangle)、椭圆形(oval)、线性形状(line)、环形(ring)下面的属性只有在android:shape="ring时可用:  
  android:innerRadius          尺寸,内环的半径。  
  android:innerRadiusRatio      浮点型,以环的宽度比率来表示内环的半径,例如,如果android:innerRadiusRatio,表示内环半径等于环的宽度除以5,这个值是可以被覆盖的,默认为9.  
  android:thickness                     尺寸,环的厚度  
  android:thicknessRatio      浮点型,以环的宽度比率来表示环的厚度,例如,如果android:thicknessRatio="2", 那么环的厚度就等于环的宽度除以2。这个值是可以被android:thickness覆盖的,默认值是3.  
  android:useLevel             boolean值,如果当做是LevelListDrawable使用时值为true,否则为false.

-->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <!--
           圆角  
    android:radius                       整型半径  
    android:topLeftRadius                整型左上角半径  
    android:topRightRadius               整型右上角半径  
    android:bottomLeftRadius             整型左下角半径  
    android:bottomRightRadius            整型右下角半径

    -->
    <corners
        android:bottomLeftRadius="20dp"
        android:bottomRightRadius="25dp"
        android:radius="8dp"
        android:topLeftRadius="5dp"
        android:topRightRadius="15dp" />

    <!--
          渐变色  
    android:startColor       颜色值 起始颜色  
    android:endColor         颜色值结束颜色  
    android:centerColor      整型渐变中间颜色,即开始颜色与结束颜色之间的颜色  
    android:angle            整型渐变角度(PS:当angle=0时,渐变色是从左向右。 然后逆时针方向转,当angle=90时为从下往上。angle必须为45的整数倍)  
    android:type             ["linear" | "radial" | "sweep"] 渐变类型(取值:linear、radial、sweep)  
                             linear 线性渐变,这是默认设置  
                             radial 放射性渐变,以开始色为中心。  
                             sweep 扫描线式的渐变。  
    android:useLevel         ["true" | "false"]如果要使用LevelListDrawable对象,就要设置为true。设置为true无渐变。false有渐变色  
    android:gradientRadius   整型渐变色半径.当 android:type="radial" 时才使用。单独使用 android:type="radial"会报错。  
    android:centerX          整型渐变中心X点坐标的相对位置  
    android:centerY          整型渐变中心Y点坐标的相对位置

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

    <!--
           内边距,即内容与边的距离   
    android:left             整型左内边距
    android:top              整型上内边距
    android:right            整型右内边距
    android:bottom           整型下内边距

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

    <!--
          size 大小  
    android:width   整型宽度  
    android:height  整型高度

    -->
    <size android:width="600dp" />

    <!--
           内部填充  
    android:color   颜色值填充颜色

    -->
    <solid android:color="#ffff9d77" />

    <!--
           描边  
    android:width               整型描边的宽度  
    android:color               颜色值描边的颜色  
    android:dashWidth           整型表示描边的样式是虚线的宽度, 值为0时,表示为实线。值大于0则为虚线。  
    android:dashGap             整型表示描边为虚线时,虚线之间的间隔 即“ - - - - ”

    -->
    <stroke
        android:width="2dp"
        android:color="#dcdcdc" />

</shape>
1
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:49320次
    • 积分:1399
    • 等级:
    • 排名:千里之外
    • 原创:84篇
    • 转载:4篇
    • 译文:5篇
    • 评论:4条
    最新评论