AndroidUi(2)-圆角矩形

一.圆角矩形

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 虚线的距离

代码片段

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 概述 今天我们来探究一下android的样式。其实,几乎所有的控件都可以使用 background属性去引用自定义...
    CokeNello阅读 4,906评论 1 19
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,573评论 25 708
  • 记得刚开始学Android时,看着自己完全用系统控件写出的不忍直视的界面,对于如何做出不一样的按钮,让它们在不同状...
    biloba阅读 1,747评论 1 11
  • 原创文章,转载请注明:转载自Keegan小钢 并标明原文链接:http://keeganlee.me/post/a...
    于加泽阅读 1,665评论 0 5
  • 烟伯离婚后经常一个人搬个板凳满脸凶悍地坐在大门口抽烟,时常和别人争吵,每次经过门口总是烟雾缭绕的。最近烟伯...
    慵慵懒懒阅读 292评论 0 0