自定义圆角按钮
2016-10-27 22:01
162 查看
当做背景用 drawable下 xml 文件
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@drawable/circular_button_bg_down" android:state_pressed="true"/>
<item android:drawable="@drawable/circular_button_bg_gray" android:state_enabled="false"/>
<item android:drawable="@drawable/circular_button_bg_up"/>
</selector>
circular_button_bg_down 文件
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/down_blue_color"
android:shape="rectangle">
<corners android:radius="60dip" />
<solid android:color="@color/down_blue_color" />
</shape>
circular_button_bg_gray 文件
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/backgroup_gray"
android:shape="rectangle">
<corners android:radius="60dip" />
<solid android:color="@color/backgroup_gray" />
</shape>
circular_button_bg_up 文件
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/host_blue_color"
android:shape="rectangle">
<corners android:radius="60dip" />
<solid android:color="@color/host_blue_color" />
</shape>
<color name="host_blue_color">#157dfb</color>
<color name="down_blue_color">#0b5fc5</color>
<color name="backgroup_gray">#cccccc</color>
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:drawable="@drawable/circular_button_bg_down" android:state_pressed="true"/>
<item android:drawable="@drawable/circular_button_bg_gray" android:state_enabled="false"/>
<item android:drawable="@drawable/circular_button_bg_up"/>
</selector>
circular_button_bg_down 文件
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/down_blue_color"
android:shape="rectangle">
<corners android:radius="60dip" />
<solid android:color="@color/down_blue_color" />
</shape>
circular_button_bg_gray 文件
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/backgroup_gray"
android:shape="rectangle">
<corners android:radius="60dip" />
<solid android:color="@color/backgroup_gray" />
</shape>
circular_button_bg_up 文件
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:color="@color/host_blue_color"
android:shape="rectangle">
<corners android:radius="60dip" />
<solid android:color="@color/host_blue_color" />
</shape>
<color name="host_blue_color">#157dfb</color>
<color name="down_blue_color">#0b5fc5</color>
<color name="backgroup_gray">#cccccc</color>
相关文章推荐
- moo弹出框 改进版 css外置 背景用图片 大小任意缩放 圆角 插入任意内容 自定义按钮 回车空格esc支持 滚动支持 动画开关
- 自定义选择对话框——圆角背景,自动适配各种机型,可以显示单个按钮或两个按钮
- 按钮,边框自定义圆角——shape和selector和layer-list的(详细说明)
- Android Shape自定义纯色圆角按钮
- android圆角按钮自定义
- 最方便的自定义带点击效果的圆角背景按钮
- Android 自定义UI圆角按钮
- Android Shape自定义纯色圆角按钮
- Androidの自定义圆角按钮button
- Quartz 2D学习(三)自定义圆角按钮
- Android Shape自定义纯色圆角按钮
- android - 自定义圆角输入框,提示框,按钮
- android 自定义按钮,点击变色,圆角
- css3圆角样式分享自定义按钮样式
- Android Shape自定义纯色圆角按钮
- Android笔记--通过Shape自定义圆角按钮
- 自定义设置圆角大小的圆角按钮
- Android开发之Shape自定义圆角按钮
- Android Shape自定义圆角按钮
- Android自定义按钮之圆角矩形