android button背景随心搭配

这里我举例如何使用selector，layer-list完成button背景的层叠组合，从而有不同情形下不同效果

button_ctrl.xml中选择器

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="true"
android:drawable="@drawable/button_highlight_ctrl" />
<item android:drawable="@drawable/button_normal_ctrl" />
</selector>

button_highlight_ctrl.xml中两层图

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:drawable="@drawable/button_highlight_back"
android:top="2dip"
android:right="2dip"
android:bottom="2dip"
android:left="2dip"/>
<item
android:drawable="@drawable/button_highlight_fore"
android:top="2dip"
android:right="2dip"
android:bottom="2dip"
android:left="2dip"/>
</layer-list>

button_highlight_back.xml中完成背景颜色的渐变

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<corners
android:radius="4dip"/>
<gradient
android:type="linear"
android:angle="270"
android:startColor="@color/highlight_button_start_color"
android:centerColor="@color/highlight_button_middle_color"
android:endColor="@color/highlight_button_end_color"/>
</shape>

button_highlight_fore是一张前景图片，即按下时的顶部阴影：

至此，已完成高亮button的制作，接下来是普通button

button_normal_ctrl.xml中两层图

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:drawable="@drawable/button_normal_back"
android:top="2dip"
android:right="2dip"
android:bottom="2dip"
android:left="2dip"/>
<item
android:drawable="@drawable/button_normal_fore"
android:top="2dip"
android:right="2dip"
android:bottom="1dip"
android:left="2dip"/>
</layer-list>

button_normal_back.xml和button_normal_fore处理类似高亮，不贴代码了

下面是运行效果截图：

普通　　高亮

当然前面不一定写字符，可以是一张图片。总之变化可以多样，核心思想是一致的。

转载于:https://www.cnblogs.com/nicklezhang/archive/2011/01/22/1941911.html

android button背景随心搭配相关推荐

android Button背景高度被拉伸问题--解决方案
android Button背景高度被拉伸问题--解决方案参考文章: (1)android Button背景高度被拉伸问题--解决方案 (2)https://www.cnblogs.com/slys ...
android button背景图片自适应,Android开发之给你的Button加个背景
在Android应用中,绝大部分情况下,按钮都有按下变色的效果,这种效果主要都是借助于Android里面的 StateListDrawable来实现的,它可以设置多种状态,并分别为每种状态设置相应的d ...
Android button背景设置透明色和样式
android:background="@android:color/transparent"<color name="transparent"># ...
android button背景图片不拉伸的一种处理方法
一般来说UI给的图片比例应该和控件是正好符合的,但是实际操作过程中会发现可能不符合的情况,比例不对直接设置background的话background会被拉伸,这个时候一般来说如果能像ImageVie ...
android button背景图片变形,按钮背景图像拉伸（wrap_content或dp使用）
我设置背景图像到我的自定义按钮.我为我的应用做了一个截图,并提到当我使用"wrap_content"作为按钮的宽度和高度时,该按钮被拉伸.当我在dp中修复大小时,它会显示很好(例如 ...
android点击灰色背景图片,android button按键失去焦点和点击后改变背景图片
android button按键得到焦点和点击后改变背景图片我也接受android不久,今天来给同学们分享一下button得到焦点和点击后改变背景图片,其实很简单就是两个事件setOnFocusCh ...
Android Studio Button背景颜色无法修改
关于Android Studio Button背景无法修改,一直呈现亮紫色作为安卓初学者,发现Button的背景颜色无法修改,也没法链接到drawable的样式xml文件,前前后后折腾了好久,查阅了 ...
android checkBox背景样式及用颜色值实现button点击效果
1 使用颜色值(不使用图片)来实现按钮的点击效果: color.xml <color name="head_color">#836FFF</color> ...
android开发设置Button背景颜色
1 :在drawable里新建一个setbar_bg.xml,代码为 <?xml version="1.0" encoding="utf-8"?> ...

android button背景随心搭配

android button背景随心搭配相关推荐

最新文章

热门文章