[置顶] android中通过自定义xml实现你需要的shape效果 xml属性配置
16lz
2022-07-14
android中通过自定义xml实现你需要的shape效果 xml属性配置
分类:android 2013-08-26 14:27 265人阅读 评论(0) 收藏 举报 android shape 自定义drawable xml属性配置 圆角渐变填充 [java] view plain copy那么除了使用drawable这样的图片外,还有其他方法吗?
就谈一下自定义图形shape,Android上支持以下几种属性gradient、stroke、corners、padding、solid等。
[html] view plain copy
- 1.<shape>
- 2.<!--实心-->
- 3.<solidandroid:color="#ff9d77"/>
- 4.<!--渐变-->
- 5.<gradient
- 6.android:startColor="#ff8c00"
- 7.android:endColor="#FFFFFF"
- 8.android:angle="270"/>
- 9.<!--描边-->
- 10.<stroke
- 11.android:width="2dp"
- 12.android:color="#dcdcdc"/>
- 13.<!--圆角-->
- 14.<corners
- 15.android:radius="2dp"/>
- 16.<padding
- 17.android:left="10dp"
- 18.android:top="10dp"
- 19.android:right="10dp"
- 20.android:bottom="10dp"/>
- 21.</shape>
solid:实心,就是填充的意思
android:color指定填充的颜色
gradient:渐变
android:startColor和android:endColor分别为起始和结束颜色
android:angle是渐变角度,必须为45的整数倍。
另外渐变默认的模式为android:type="linear",即线性渐变,可以指定渐变为径向渐变,android:type="radial",径向渐变需要指定半径android:gradientRadius="50"。
stroke:描边
android:width="2dp"描边的宽度,android:color描边的颜色。
我们还可以把描边弄成虚线的形式,设置方式为:
android:dashWidth="5dp"
android:dashGap="3dp"
其中android:dashWidth表示'-'这样一个横线的宽度,android:dashGap表示之间隔开的距离。
corners:圆角
android:radius为角的弧度,值越大角越圆。
- <selectorxmlns:android="http://schemas.android.com/apk/res/android">
- <itemandroid:drawable="@drawable/y_calendar_btn_delete1"android:state_pressed="false"/>
- <itemandroid:drawable="@drawable/y_calendar_btn_delete2"android:state_pressed="true"/>
- </selector>
[java] view plain copy
- <?xmlversion="1.0"encoding="utf-8"?>
- <layer-listxmlns:android="http://schemas.android.com/apk/res/android">
- <item>
- <shape>
- <!--<strokeandroid:width="1sp"android:color="#c9c9c9"/>边框颜色-->
- <solidandroid:color="#bac4c5"/><!--填充色-->
- <cornersandroid:radius="5dip"/><!--圆角弧度-->
- </shape>
- </item>
- </layer-list>
[java] view plain copy
- <?xmlversion="1.0"encoding="utf-8"?>
- <layer-listxmlns:android="http://schemas.android.com/apk/res/android">
- <item>
- <shape>
- <!--<strokeandroid:width="1sp"android:color="#c9c9c9"/>边框颜色-->
- <solidandroid:color="#bec9c9"/><!--填充色-->
- <cornersandroid:radius="5dip"/><!--圆角弧度-->
- </shape>
- </item>
- </layer-list>
效果图:
转自:http://blog.csdn.net/caijunjun1006/article/details/10340147
更多相关文章
- 使用NetBeans搭建Android开发环境
- Android(安卓)Service AIDL
- Android设置通知栏/状态栏透明改变通知栏颜色和app最上部分颜色
- android打电话发短信
- Android(安卓)组件资源库
- Android(安卓)5.x特性概览二
- Android(安卓)设置EditText光标Curso颜色及粗细
- android 中使用TextView实现分段显示不同颜色的字符串
- 整理:Android自带、第三方需要添加依赖的控件