android shape大小,Android Shape使用

说明

在Android开发中，使用shape可以很方便的帮我们画出想要的背景，相对于png图片来说，使用shape可以减少安装包的大小，而且能够更好的适配不同的手机。

使用

先贴出官网上的说明：

xmlns:android="http://schemas.android.com/apk/res/android"

android:shape=["rectangle" | "oval" | "line" | "ring"] >

android:radius="integer"

android:topLeftRadius="integer"

android:topRightRadius="integer"

android:bottomLeftRadius="integer"

android:bottomRightRadius="integer" />

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"] />

android:left="integer"

android:top="integer"

android:right="integer"

android:bottom="integer" />

android:width="integer"

android:height="integer" />

android:color="color" />

android:width="integer"

android:color="color"

android:dashWidth="integer"

android:dashGap="integer" />

这里面已经列出了所有的shape属性。

从 android:shape=["rectangle" | "oval" | "line" | "ring"]

这里可以看出，shape可以画四种图形，分别是：矩形(rectangle)、椭圆(oval)、线(line)、圆环(ring)。

先上效果图：

这里写图片描述

矩形(rectangle)

直角矩形：

android:shape="rectangle">

solid：填充颜色

圆角矩形：

android:shape="rectangle">

android:left="12dp"

android:right="12dp"

android:top="12dp">

corners：圆角大小。

android:radius="integer"

android:topLeftRadius="integer"

android:topRightRadius="integer"

android:bottomLeftRadius="integer"

android:bottomRightRadius="integer"

android:radius：表示4个角的圆角大小；

还可以分别设置四个角的，使用下面四个属性：android:topLeftRadius、android:topRightRadius、android:bottomLeftRadius、android:bottomRightRadius分别表示：左上、右上、左下、右下。

android:left="12dp"

android:right="12dp"

android:top="12dp">

padding：设置内边距。

无填充带边框：

android:shape="rectangle">

android:left="12dp"

android:right="12dp"

android:top="12dp">

android:color="@color/colorAccent">

stroke

android:width：边框大小

android:color：边框颜色

渐变：

android:shape="rectangle">

android:left="12dp"

android:right="12dp"

android:top="12dp">

android:endColor="@android:color/black"

android:angle="0">

gradient：

android:startColor：渐变起始颜色

android:endColor：渐变结束颜色

android:angle：渐变角度：0:左到右;90:下到上;180:右到左;270:上到下

椭圆(oval)

一般用来画圆。

纯色的圆：

android:shape="oval">

android:width="100dp">

size的height和width设置为一样大小就是一个圆了。

然后直接使用solid填充颜色即可。

渐变效果：

android:shape="oval">

android:width="100dp">

android:centerY="0.5"

android:type="sweep"

android:startColor="@color/colorPrimary"

android:endColor="@color/colorAccent">

android:centerX：表示渐变的X轴起始位置，范围0-1，0.5表示圆心。

android:centerY：表示渐变的Y轴起始位置，范围0-1，0.5表示圆心。

android:type：渐变类型，有三种

分别是：

linear 线性渐变，默认的渐变类型

radial 放射渐变，设置该项时，android:gradientRadius也必须设置

sweep 扫描性渐变

线(line)

android:shape="line">

android:width="1dp"

android:color="@color/colorAccent"

android:dashGap="3dp"

android:dashWidth="4dp">

线是居中显示的。

android:width：填充颜色的高度

android:dashGap：虚线间距宽度

android:dashWidth：虚线宽度

：line的高度，size大小必须大于android:width

圆环(ring)

android:shape="ring"

android:useLevel="false"

android:thickness="10dp">

android:thickness：圆环宽度

android:shape="ring"

android:useLevel="false"

android:thickness="10dp">

android:endColor="@color/colorPrimary"

android:type="sweep">

以上只是简单的介绍了一下shape的用户，里面有很多属性还没有用到，需要大家自己去实践一下，写出来看到效果才能更好的理解。