Android样式开发--shape篇
来源:互联网 发布:在线编辑源码插件 编辑:程序博客网 时间:2024/06/06 06:48
- rectangle: 矩形,默认的形状,可以画出直角矩形、圆角矩形、弧形等
- oval: 椭圆形,用得比较多的是画正圆
- line: 线形,可以画实线和虚线
- ring: 环形,可以画环形进度条
rectangle
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中使用
- android:type 渐变的类型
corners: 设置圆角,只适用于rectangle类型,可分别设置四个角不同半径的圆角,当设置的圆角半径很大时,比如200dp,就可变成弧形边了
- android:radius 圆角半径,会被下面每个特定的圆角属性重写
- android:topLeftRadius 左上角的半径
- android:topRightRadius 右上角的半径
- android:bottomLeftRadius 左下角的半径
- android:bottomRightRadius 右下角的半径
stroke: 设置描边,可描成实线或虚线。
- android:color 描边的颜色
- android:width 描边的宽度
- android:dashWidth 设置虚线时的横线长度
- android:dashGap 设置虚线时的横线之间的距离
<?xml version="1.0" encoding="utf-8"?><!-- android:shape指定形状类型,默认为rectangle --><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle"> <!-- solid指定形状的填充色,只有android:color一个属性 --> <solid android:color="#2F90BD" /> <!-- padding设置内容区域离边界的间距 --> <padding android:bottom="12dp" android:left="12dp" android:right="12dp" android:top="12dp" /> <!-- corners设置圆角,只适用于rectangle --> <corners android:radius="200dp" /> <!-- stroke设置描边 --> <stroke android:width="2dp" android:color="@android:color/darker_gray" android:dashGap="4dp" android:dashWidth="4dp" /></shape>
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_margin="8dp" android:text="加了虚线描边的矩形" android:textSize="16sp" android:textColor="@android:color/white" android:background="@drawable/bg_rectangle_with_stroke_dash" />
oval
- size: 设置形状默认的大小,可设置宽度和高度
- android:width 宽度
- android:height 高度
<?xml version="1.0" encoding="utf-8"?><!-- android:shape指定形状类型,默认为rectangle --><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval"> <!-- padding设置内间距 --> <padding android:bottom="4dp" android:left="4dp" android:right="4dp" android:top="4dp" /> <!-- size设置形状的大小 --> <size android:width="40dp" android:height="40dp" /> <!-- gradient设置渐变 --> <gradient android:endColor="#000000" android:gradientRadius="40dp" android:startColor="#FFFFFF" android:type="radial" /></shape>
<TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:layout_margin="8dp" android:text="6" android:textSize="20sp" android:textColor="@android:color/black" android:background="@drawable/bg_oval_with_gradient" />
line
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="line"> <!-- 实际显示的线 --> <stroke android:width="1dp" android:color="#2F90BD" android:dashGap="2dp" android:dashWidth="4dp" /> <!-- 形状的高度 --> <size android:height="4dp" /></shape>
- 只能画水平线,画不了竖线;
- 线的高度是通过stroke的android:width属性设置的;
- size的android:height属性定义的是整个形状区域的高度;
- size的height必须大于stroke的width,否则,线无法显示;
- 线在整个形状区域中是居中显示的;
- 线左右两边会留有空白间距,线越粗,空白越大;
- 引用虚线的view需要添加属性android:layerType,值设为"software",否则显示不了虚线。
ring
- android:innerRadius 内环的半径
- android:innerRadiusRatio 浮点型,以环的宽度比率来表示内环的半径,默认为3,表示内环半径为环的宽度除以3,该值会被android:innerRadius覆盖
- android:thickness 环的厚度
- android:thicknessRatio 浮点型,以环的宽度比率来表示环的厚度,默认为9,表示环的厚度为环的宽度除以9,该值会被android:thickness覆盖
- android:useLevel 一般为false,否则可能环形无法显示,只有作为LevelListDrawable使用时才设为true
<?xml version="1.0" encoding="utf-8"?><shape xmlns:android="http://schemas.android.com/apk/res/android" android:innerRadiusRatio="3" android:shape="ring" android:thicknessRatio="9" android:useLevel="false"> <gradient android:endColor="#2F90BD" android:startColor="#FFFFFF" android:type="sweep" /> <stroke android:width="1dp" android:color="@android:color/black" /></shape>
<?xml version="1.0" encoding="utf-8"?><rotate xmlns:android="http://schemas.android.com/apk/res/android" android:fromDegrees="0" android:pivotX="50%" android:pivotY="50%" android:toDegrees="1080.0"> <shape android:innerRadiusRatio="3" android:shape="ring" android:thicknessRatio="8" android:useLevel="false"> <gradient android:endColor="#2F90BD" android:startColor="#FFFFFF" android:type="sweep" /> </shape></rotate>
<shape xmlns:android="http://schemas.android.com/apk/res/android" > <!-- 圆角 --> <corners android:radius="9dp" android:topLeftRadius="2dp" android:topRightRadius="2dp" android:bottomLeftRadius="2dp" android:bottomRightRadius="2dp"/><!-- 设置圆角半径 --> <!-- 渐变 --> <gradient android:startColor="@android:color/white" android:centerColor="@android:color/black" android:endColor="@android:color/black" android:useLevel="true" android:angle="45" android:type="radial" android:centerX="0" android:centerY="0" android:gradientRadius="90"/> <!-- 间隔 --> <padding android:left="2dp" android:top="2dp" android:right="2dp" android:bottom="2dp"/><!-- 各方向的间隔 --> <!-- 大小 --> <size android:width="50dp" android:height="50dp"/><!-- 宽度和高度 --> <!-- 填充 --> <solid android:color="@android:color/white"/><!-- 填充的颜色 --> <!-- 描边 --> <stroke android:width="2dp" android:color="@android:color/black" android:dashWidth="1dp" android:dashGap="2dp"/> </shape>
填充:设置填充的颜色
间隔:设置四个方向上的间隔
大小:设置大小
圆角:同时设置五个属性,则Radius属性无效
android:Radius="20dp" 设置四个角的半径
android:topLeftRadius="20dp" 设置左上角的半径
android:topRightRadius="20dp" 设置右上角的半径
android:bottomLeftRadius="20dp" 设置右下角的半径
android:bottomRightRadius="20dp" 设置左下角的半径
描边:dashWidth和dashGap属性,只要其中一个设置为0dp,则边框为实现边框
android:width="20dp" 设置边边的宽度
android:color="@android:color/black" 设置边边的颜色
android:dashWidth="2dp" 设置虚线的宽度
android:dashGap="20dp" 设置虚线的间隔宽度
渐变:当设置填充颜色后,无渐变效果。angle的值必须是45的倍数(包括0),仅在type="linear"有效,不然会报错。android:useLevel 这个属性不知道有什么用。
angle对应值的起点如图:
转载地址:http://keeganlee.me/post/android/20150830
- Android样式开发--shape篇
- android样式开发:shape篇
- Android样式开发---shape
- Android样式开发 Shape
- Android样式开发——shape篇
- 【转载】Android样式的开发:shape篇
- Android样式的开发:Shape篇
- Android样式的开发:shape篇
- Android样式的开发:shape篇
- Android样式的开发:shape篇
- Android样式的开发:shape篇
- Android样式的开发:shape篇
- Android样式的开发:shape篇
- Android样式的开发:shape篇
- Android样式的开发:shape篇
- Android样式的开发:shape篇
- Android样式的开发:shape篇
- Android样式的开发:shape篇
- 满屏的王宝强,真相其实在这...
- [0-1]只能输入小数后两位正则
- ToolBar 学习笔记
- boundingRectWithSize:options:attributes:context:代替sizeWithFont:constrainedToSize:lineBreakMode:
- Android安全测试之BurpSuite抓包
- Android样式开发--shape篇
- 在Spring应用中使用junit进行单元测试
- Android获取View宽高的几种方式
- Gradle 多渠道打包和 代码的混淆
- iOS 数据库比较:SQLite vs. Core Data vs. Realm
- 12864液晶显示实验
- java HashSet HashMap(源码分析)
- 安装Fedora要做的25件事情
- Storm入门教程