Android通过用代码画虚线椭圆边框背景来学习一下shape的使用方法
在Android程序开发中，我们常常会去用到Shape这个东西去定义各种各样的形状，shape能够绘制矩形环形以及椭圆。所以仅仅须要用椭圆就可以，在使用的时候将控件比方imageview或textview的高宽设置成一样就是正圆。solid表示远的填充色，stroke则代表远的边框线，所以两者结合能够实现带边缘的圆。当然也能够直接加上size控制高宽。那么我首先带你们了解一下Shape下有哪些标签，而且都代表什么意思：
shape属性：
rectangle：矩形
oval：椭圆
line：线，须要 stroke 来设置宽度
ring：环形
solid属性：
color：填充颜色
stroke属性：
color：边框颜色
width：边框宽度
dashWidth：虚线框的宽度
dashGap：虚线框的间隔
corners属性：
radius：四个角的半径
topRightRadius：右上角的半径
bottomLeftRadius：右下角的半径
opLeftRadius：左上角的半径
bottomRightRadius：左下角的半径
gradient属性：
startColor：事实上颜色
centerColor：中间颜色
endColor：结束颜色
centerX：中间颜色的相对X坐标（0 -- 1）
centerY：中间颜色的相对Y坐标（0 -- 1）
useLevel：（true/false）。 是否用作LevelListDrawable的标志
angle是渐变角度，必须为45的整数倍。0从左到右，90从下到上，180从右到左，270从上到下
type：渐变模式。 默认线性渐变，能够指定渐变为radial（径向渐变）或者sweep（类似雷达扫描的形式）
gradientRadius：渐变半径。径向渐变需指定半径。
padding属性：
left：左内边距
top：上内边距
right：右内边距
bottom：下内边距
size属性:
width：宽
height：高
如今接下来我们通过一个样例，画了五个不一样的形状，来具体了解有关Shape的使用方法。
样例例如以下：
1、画椭圆虚线边框背景。资源文件代码例如以下：
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
<!-- 圆角 -->
<corners
android:bottomLeftRadius="8dp"
android:bottomRightRadius="8dp"
android:radius="15dp"
android:topLeftRadius="8dp"
android:topRightRadius="8dp" />
<!-- 描边 -->
<stroke
android:dashGap="4dp"
android:dashWidth="4dp"
android:width="2dp"
android:color="@color/ellipse_dashed_line_color" />
</shape>2、画实线透明边框背景。资源文件代码例如以下：
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 圆角 --> <corners android:bottomLeftRadius="6dp" android:bottomRightRadius="6dp" android:radius="10dp" android:topLeftRadius="6dp" android:topRightRadius="6dp" /> <!-- 描边 --> <stroke android:width="1dp" android:color="@color/ellipse_dashed_line_color" /> </shape>
3、画实线填充颜色边框背景，资源文件代码例如以下：
<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 圆角 --> <corners android:bottomLeftRadius="6dp" android:bottomRightRadius="6dp" android:radius="10dp" android:topLeftRadius="6dp" android:topRightRadius="6dp" /> <!-- 描边 --> <solid android:width="1dp" android:color="@color/ellipse_dashed_line_color" /> </shape>
4、画实线透明半边椭圆边框。资源文件代码例如以下：
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
<item>
<shape android:shape="rectangle" >
<stroke
android:width="1.2dp"
android:color="#669df3" />
<solid android:color="#00000000" />
<corners
android:bottomRightRadius="10dp"
android:topRightRadius="10dp" />
<padding
android:bottom="8dp"
android:left="12dp"
android:right="12dp"
android:top="8dp" />
</shape>
</item>
</layer-list>5、画实线填充颜色半边椭圆边框，资源文件代码例如以下：
<?xml version="1.0" encoding="utf-8"?
> <layer-list xmlns:android="http://schemas.android.com/apk/res/android" > <item> <shape android:shape="rectangle" > <solid android:color="#669df3" /> <corners android:bottomLeftRadius="10dp" android:topLeftRadius="10dp" /> <padding android:bottom="8dp" android:left="12dp" android:right="12dp" android:top="8dp" /> </shape> </item> </layer-list>
效果图例如以下：
假设想要源代码，请大家多多支持，分享到朋友圈，发送分享到朋友圈后的截屏和邮箱到此公众号。小编会争取第一时间把源代码发送给您。
微信号：smart_android (←长按复制)介绍：非著名程序猿，字耿左直右。号涩郎，爱搞机。爱编程，是爬行在移动互联网中的一名码匠！
个人微信号：loonggg
微博：涩郎
QQ群：413589216 更能资料和源代码尽在QQ群文件
今日头条：搜索“非著名程序猿”订阅很多其它信息
工作：专注于移动互联网的开发和研究。本号致力于分享IT技术和程序员工作心得体会。欢迎大家关注与转载。
