Android Drawable Resources系列10:<shape>

来源：互联网发布：软件开发工程师干什么编辑：程序博客网时间：2024/06/01 15:28

定义：这是一个通用的，可以自定义形状的xml。

用法：

<?xml version="1.0" encoding="utf-8"?><shape    xmlns:android="http://schemas.android.com/apk/res/android"    android:shape=["rectangle" | "oval" | "line" | "ring"] >    <corners        android:radius="integer"        android:topLeftRadius="integer"        android:topRightRadius="integer"        android:bottomLeftRadius="integer"        android:bottomRightRadius="integer" />    <gradient        android:angle="integer"        android:centerX="integer"        android:centerY="integer"        android:centerColor="integer"        android:endColor="color"        android:gradientRadius="integer"        android:startColor="color"        android:type=["linear" | "radial" | "sweep"]        android:useLevel=["true" | "false"] />    <padding        android:left="integer"        android:top="integer"        android:right="integer"        android:bottom="integer" />    <size        android:width="integer"        android:height="integer" />    <solid        android:color="color" />    <stroke        android:width="integer"        android:color="color"        android:dashWidth="integer"        android:dashGap="integer" /></shape>

<shape>形状，默认矩形。

属性说明android:shape值："rectangle"(默认)：矩形；"oval"：椭圆形；"line"：线性形状；"ring"：环形。PS，此表以下属性仅当android:shape="ring"时使用。android:innerRadiusshape为ring时，内环半径android:innerRadiusRatio浮点型，以环的宽度比率来表示内环的半径
例如，如果android:innerRadiusRatio=“5”，表示内环半径等于环的宽度除以5，这个值是可以被覆盖的，默认为9.android:thicknessshape为ring时，环的厚度android:thicknessRatio浮点型，以环的宽度比率来表示环的厚度

例如，如果android:thicknessRatio="2"，那么环的厚度就等于环的宽度除以2。这个值是可以被android:thickness覆盖的，默认值是3.

android:useLevelboolean值，如果当做是LevelListDrawable使用时值为true，否则为false.

<corners>圆角

属性说明android:radius整型半径android:topLeftRadius整型左上角半径android:topRightRadius整型右上角半径android:bottomLeftRadius整型左下角半径android:bottomRightRadius整型右下角半径

<gradient>渐变

属性说明android:angle整型渐变角度(PS：当angle=0时，渐变色是从左向右。然后逆时针方向转，当angle=90时为从下往上。angle必须为45的整数倍)android:centerX整型渐变中心X点坐标的相对位置android:centerY整型渐变中心Y点坐标的相对位置android:centerColor整型渐变中间颜色，即开始颜色与结束颜色之间的颜色android:endColor颜色值结束颜色android:gradientRadius整型渐变色半径.当 android:type="radial" 时才使用。单独使用 android:type="radial"会报错。android:startColor颜色值起始颜色android:type

linear 线性渐变，这是默认设置

radial 放射性渐变，以开始色为中心。

sweep 扫描线式的渐变。

android:useLevel["true" | "false"] 如果要使用LevelListDrawable对象，就要设置为true。设置为true无渐变。false有渐变色

<solid>内部填充

属性说明android:color颜色值填充颜色

<stroke>描边

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

官方文档：

XML file saved at 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>This layout XML applies the shape drawable to a View:<TextView    android:background="@drawable/gradient_box"    android:layout_height="wrap_content"    android:layout_width="wrap_content" />This application code gets the shape drawable and applies it to a View:Resources res = getResources();Drawable shape = res. getDrawable(R.drawable.gradient_box);TextView tv = (TextView)findViewByID(R.id.textview);tv.setBackground(shape);

效果：

resource_drawable_shape_rectangle.xml

<?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" />    <corners android:radius="15dp" /></shape>

resource_drawable_shape_oval.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="oval">    <gradient        android:angle="45"        android:endColor="@color/yellow"        android:startColor="@color/red" />    <stroke android:color="@color/green"        android:width="5dp"        android:dashWidth="1dp"        android:dashGap="1dp"/></shape>

resource_drawable_shape_line.xml

<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="line">    <stroke android:width="2dp" android:color="@color/blue"/>    <size android:height="5dp" /></shape>

resource_drawable_shape_ring.xml

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

效果：

0 0