Android中shape的使用

引言

Android中常常需要用到一些边框、背景之类的素材,而这些很多时候不是通过美工人员P图得到的,而是通过shape标签来实现的。今天就探究一下shape到底怎么用以及相关的一些特性。

shape的定义

本来想在网上找点简单易懂的中文解释,搜了半天没看到,于是乎就上Android官网上看了看,官网的解释是:

An XML file that defines a geometric shape, including colors and gradients.

大概意思就是:一种定义形状的xml文件,包括颜色、渐变。其实还包括圆角、内间距、边框等。总之是一种用于定义形状资源的文件。

shape使用

举一个小例子先看看

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
    <!-- 边框 -->
    <stroke android:width="2dp" android:color="#FFFFFF" />
    <!-- 圆角 -->
    <corners android:radius="8dp" />
    <!--填充-->
    <solid android:color="#00000000" />
</shape>

作为背景用于TextView

android:background="@drawable/recetegle_textview"

效果:

shape属性详解

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

这是shape文件的基本格式。
根标签是shape,其中属性:android:shape="……"是必要属性,它规定shape的基本形状。

android:shape

它可选的值如下:

rectangle //矩形
oval      //椭圆
line      //线
ring      //圆环

android:shape=ring时的特殊属性

android:innerRadius="dimension"             //内环的半径。
android:innerRadiusRatio="float"            //这个值表示内部环的比例,例如,如果android:innerRadiusRatio = " 5 ",那么内部的半径等于环的宽度除以5。这个值会被android:innerRadius重写。 默认值是9android:thickness="dimension"              //环的厚度.
android:thicknessRatio="float"             //厚度的比例。例如,如果android:thicknessRatio= " 2 ",然后厚度等于环的宽度除以2。这个值是被android:innerRadius重写, 默认值是3android:useLevel="boolean"                 //如果用在 LevelListDrawable里,那么就是true。如果通常不出现则为false。

子属性

自属性是包含在shape内部的一些属性,主要包括:

corners //圆角
gradient//渐变
padding //内边距
size    //大小
solid   //填充
stroke  //边框

corners 圆角

 <corners
            android:radius="dimension"              //圆角,比如8dp、5dp等等
            android:topLeftRadius="dimension"       //左上圆角,比如8dp、5dp等等
            android:topRightRadius="dimension"      //右上圆角,比如8dp、5dp等等
            android:bottomLeftRadius="dimension"    //左下圆角,比如8dp、5dp等等
            android:bottomRightRadius="dimension" />//左下圆角,比如8dp、5dp等等

gradient渐变

<gradient
            android:angle="integer"           //渐变角度,默认为0,即从左向右,90为从下向上。值必须是45的倍数
            android:centerX="float"           //渐变中心X,相对位置与整个shape的X的相对位置,取值范围0.0~1.0 
            android:centerY="float"           //同X 
            android:centerColor="color"       //介于end和start之间的颜色
            android:endColor="color"          //结束颜色 
            android:gradientRadius="integer"  //渐变半径,只有当type="radial"时生效 
            android:startColor="color"        //开始颜色
            android:type="linear"             //渐变模式,可选的值有:linear线型,radial放射型,sweep范围型(这个真不知道怎么翻译)
            android:useLevel="boolean" />     //使用级别,默认为false,当用于levelListDrawable时设为true。

padding 内边距

<padding
            android:left="dimension"  //左
            android:top="dimension"   //上
            android:right="dimension" //左 
            android:bottom="dimension" /> //下

size 大小

<size
            android:width="dimension"     //宽
            android:height="dimension" /> //高

solid 填充

<solid
            android:color="color" /> //填充颜色 

stroke 边框

<stroke
            android:width="dimension" //边框宽
            android:color="color"     //边框颜色
            android:dashWidth="dimension" //虚线宽度,只有当设置了dashGap时有效
            android:dashGap="dimension" /> //虚线间距,只有当设置了dashWidth时有效

ShapeDrawable

ShapeDrawable是一个Drawable的子类用与绘制原始的shape。这里不再展开了。
需要详细了解的同学看这里

总结

shape是一个很好的绘制图片的工具,如果用好了,可以绘制出很棒的效果。
我画了个球,哈哈哈。

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

    <gradient  android:startColor="#FFFFFF" android:endColor="#000000" android:centerX="0.6" android:centerY="0.4" android:type="radial" android:gradientRadius="25dp"/>

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

    </shape>

你可能感兴趣的:(Android中shape的使用)