美文网首页非著名程序员Android开发
Android学习第一弹:Android通过用代码画虚线椭圆边框

Android学习第一弹:Android通过用代码画虚线椭圆边框

作者: 非著名程序员 | 来源:发表于2015-08-05 12:33 被阅读1952次

    在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、画椭圆虚线边框背景,资源文件代码如下:

    android:bottomLeftRadius="8dp"

    android:bottomRightRadius="8dp"

    android:radius="15dp"

    android:topLeftRadius="8dp"

    android:topRightRadius="8dp" />

    android:dashGap="4dp"

    android:dashWidth="4dp"

    android:width="2dp"

    android:color="@color/ellipse_dashed_line_color" />

    2、画实线透明边框背景,资源文件代码如下:

    android:bottomLeftRadius="6dp"

    android:bottomRightRadius="6dp"

    android:radius="10dp"

    android:topLeftRadius="6dp"

    android:topRightRadius="6dp" />

    android:width="1dp"

    android:color="@color/ellipse_dashed_line_color" />

    3、画实线填充颜色边框背景,资源文件代码如下:

    android:bottomLeftRadius="6dp"

    android:bottomRightRadius="6dp"

    android:radius="10dp"

    android:topLeftRadius="6dp"

    android:topRightRadius="6dp" />

    android:width="1dp"

    android:color="@color/ellipse_dashed_line_color" />

    4、画实线透明半边椭圆边框,资源文件代码如下:

    android:width="1.2dp"

    android:color="#669df3" />

    android:bottomRightRadius="10dp"

    android:topRightRadius="10dp" />

    android:bottom="8dp"

    android:left="12dp"

    android:right="12dp"

    android:top="8dp" />

    5、画实线填充颜色半边椭圆边框,资源文件代码如下:

    android:bottomLeftRadius="10dp"

    android:topLeftRadius="10dp" />

    android:bottom="8dp"

    android:left="12dp"

    android:right="12dp"

    android:top="8dp" />

    效果图如下:

    如果想要源码,请大家多多支持,分享到朋友圈,发送分享到朋友圈后的截屏和邮箱到此公众号,小编会争取第一时间把源码发送给您。

    公众号“非著名程序员”,每天一篇原创技术分享和移动互联网知识分享,微信公众号:smart_android ,欢迎大家关注。

    相关文章

      网友评论

      • Totti_Totti:很详细
      • 治學涯:bottomLeftRadius:左下角的半径
        topLeftRadius:左上角的半径
        bottomRightRadius:右下角的半径

      本文标题:Android学习第一弹:Android通过用代码画虚线椭圆边框

      本文链接:https://www.haomeiwen.com/subject/blovqttx.html