美文网首页
AndroidUi(2)-圆角矩形

AndroidUi(2)-圆角矩形

作者: C二叔 | 来源:发表于2016-09-21 13:20 被阅读0次

一.圆角矩形

Paste_Image.png
<?xml version="1.0" encoding="utf-8"?>
<!-- android:shape指定形状类型,默认为rectangle -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">    

<!-- solid设置填充色 -->    
<solid android:color="#36a3d9" />    

<!-- corners设置圆角-->    
<corners android:radius="10dp" />

</shape>

二.镂空描边矩形

Paste_Image.png
<?xml version="1.0" encoding="utf-8"?>
<!-- android:shape指定形状类型 -->
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">    

<!-- solid设置填充色 -->    
<solid android:color="#0036a3d9"  />  

  <!-- corners设置圆角-->    
<corners android:radius="10dp"  />    

  <!-- 设置边框 -->    
<stroke  android:color="#36a3d9"  android:width="5dp"  />
</shape>

详细属性说明
solid: 设置填充的颜色,只有android:color一个属性
android:color 填充的颜色

padding: 设置内间距
android:left 左内间距
android:right 右内间距
android:top 上内间距
android:bottom 下内间距

gradient: 设置渐变颜色,可以是线性渐变、辐射渐变、扫描性渐变
android:type 渐变的类型
linear 线性渐变,默认
radial 放射渐变,设置该项时,android:gradientRadius也必须设置
sweep 扫描性渐变
android:startColor 渐变开始的颜色
android:endColor 渐变结束的颜色
android:centerColor 渐变中间的颜色
android:angle 渐变的角度,线性渐变时才有效,必须是45的倍数,0表示从左到右,90表示从下到上
android:centerX 渐变中心的相对X坐标,放射渐变时才有效,在0.0到1.0之间,默认为0.5,表示在正中间
android:centerY 渐变中心的相对X坐标,放射渐变时才有效,在0.0到1.0之间,默认为0.5,表示在正中间
android:gradientRadius 渐变的半径,只有渐变类型为radial时才使用
android:useLevel 如果为true,则可在LevelListDrawable中使用

corners: 设置圆角,只适用于rectangle类型,可分别设置四个角不同半径的圆角
android:radius 圆角半径
android:topLeftRadius 左上角的半径
android:topRightRadius 右上角的半径
android:bottomLeftRadius 左下角的半径
android:bottomRightRadius 右下角的半径

stroke: 设置描边,实线或虚线。
android:color 描边颜色
android:width 描边宽度
android:dashWidth 虚线的横线长度
android:dashGap 虚线的距离

代码片段

相关文章

网友评论

      本文标题:AndroidUi(2)-圆角矩形

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