Android开发Hack1-圆角镂空按钮的样式定义
2014-11-20 19:33
591 查看
准备写一个关于Android开发小Hack 系列文章,希望能帮到一些开发者同学。
第一篇:Android开发Hack1-圆角镂空按钮的样式定义
通过xml文件实现自定义圆角镂空按钮,以及点击效果
在drawable中创建按钮背景selector器
circle_corner_button_selector.xml
分别定义不同选择操作下的效果
首先:circle_corner_button.xml文件
和circle_corner_button_pressed.xml文件
最后的按钮效果应该是这样的:
正常情况下:
点击后的样式:
第一篇:Android开发Hack1-圆角镂空按钮的样式定义
通过xml文件实现自定义圆角镂空按钮,以及点击效果
<Button android:layout_width="78dp" android:layout_height="32dp" android:id="@+id/corner_btn" android:textSize="15sp" android:textColor="@color/score_point" android:text="button1" android:layout_marginRight="17dp" android:layout_marginLeft="17dp" android:layout_gravity="center_vertical" android:background="@drawable/circle_corner_button_selector" />
在drawable中创建按钮背景selector器
circle_corner_button_selector.xml
<?xml version="1.0" encoding="utf-8"?> <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/circle_corner_button_pressed" android:state_pressed="true"/> <item android:drawable="@drawable/circle_corner_button"/> </selector>
分别定义不同选择操作下的效果
首先:circle_corner_button.xml文件
<?xml version="1.0" encoding="utf-8"?> <!-- 带圆角 白色背景 黄色色边框 长方体 --> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape> <solid android:color="#FFFFFF" /> <corners android:topLeftRadius="5dp" android:topRightRadius="5dp" android:bottomRightRadius="5dp" android:bottomLeftRadius="5dp" /> <stroke android:width="1dp" android:color="#F58939" /> <padding android:left="5dp" android:top="5dp" android:right="5dp" android:bottom="5dp" /> </shape> </item> </layer-list>
和circle_corner_button_pressed.xml文件
<?xml version="1.0" encoding="utf-8"?> <!-- 带圆角 白色背景 灰色边框 长方体 --> <layer-list xmlns:android="http://schemas.android.com/apk/res/android"> <item> <shape> <solid android:color="#FFFFFF"/> <corners android:topLeftRadius="5dp" android:topRightRadius="5dp" android:bottomRightRadius="5dp" android:bottomLeftRadius="5dp"/> <stroke android:width="1dp" android:color="#dbdbdb"/> <padding android:left="5dp" android:top="5dp" android:right="5dp" android:bottom="5dp" /> </shape> </item> </layer-list>
最后的按钮效果应该是这样的:
正常情况下:
点击后的样式:
相关文章推荐
- Android开发Hack1-圆角镂空按钮的样式定义
- Android开发Hack1-圆角镂空按钮的样式定义
- Android开发Hack1-圆角镂空按钮的样式定义
- Android开发Hack1-圆角镂空按钮的样式定义
- Android下定义按钮样式
- 【Android开发】利用XML实现扁平化按钮和圆角矩形
- Android开发之自己定义Spinner样式的效果实现(源码实现)
- Android开发之Shape自定义圆角按钮
- Android开发--身高体重指数(BIM)计算--添加对话框(Dialog)(设计对话框、定义调用点、实体对话框、重构、添加按钮)
- Android开发自定RadioGroup实现多布局重叠并单选&修改radioButton按钮样式
- android开发 圆角按钮/修改app图标
- Android开发之圆角矩形创建工具RoundRect类定义与用法分析
- Android开发学习笔记--给一个按钮定义事件
- android开发 圆角按钮+点击换色
- Android开发之——三种方式来自定义一个带清除(Clear)按钮的EditText
- Android开发--圆角按钮和绘制直线的实现
- Android开发之style属性和预定义样式
- Android开发学习系列(一)——Android按钮圆角美化
- Android自定义控件开发系列(二)——带清除按钮的圆角输入框
- Android开发之style属性和提前定义样式