按钮的背景图片根据状态的不同而显示不同的图片,网上有介绍相关的方法。

本文介绍了三种实现Android按钮状态变化的方法:使用XML配置文件定义不同状态下的图片;通过代码监听事件并更改图片资源;利用Drawable.setColorFilter()动态调整颜色。详细解析了ColorMatrix的工作原理及其在颜色变化中的应用。


其一 :在xml配置不同状态下的图片,然后绑定view的background属性,如下所示:

<?xml version="1.0" encoding="UTF-8"?>  
<selector xmlns:android="http://schemas.android.com/apk/res/android">  
 <item  android:state_pressed="false" android:drawable="@drawable/button_add" />  
     <item android:state_pressed="true" android:drawable="@drawable/button_add_pressed" />  
     <item android:state_focused="true" android:drawable="@drawable/button_add_pressed" />  
     <item android:drawable="@drawable/button_add" />  
 </selector>

其二 :根据View的鼠标或键盘事件,动态改变
view.setImageResource(R.drawable.press);

以上两种方法均需要对每种状态制作对应的图片

其三: 使用 Drawable.setColorFilter(),或者paint.setColorFilter()。如:

button.getBackground().setColorFilter(new LightingColorFilter(0xEEEEEFF, 0xFFAA0000))

这里主要说明一下 LightingColorFilter,它是一个 ColorMatrix对象,ColorMatrix对象用处较大,多用来对图片进行特效处理,如色彩变化、位置及变形处理。

ColorMatrix顾名思义颜色矩阵,google定义其为一个5x4的矩阵,但实际上使用一个一维数组表示的,其存储的值是用来对图片进行修正的。通过矩阵运算,修改图片的RGBA的值,来达到颜色变化的效果

[ a, b, c, d, e, f, g, h, i, j, k, l, m, n, o, p, q, r, s, t ],转换成矩阵也就是如下所示:

 


a, b, c, d, e              R

 

 f, g, h,  i, j               G

k,  l, m, n, o              B

p, q,  r, s, t               A

                                1

 


 

R' = a*R + b*G + c*B + d*A + e;
G' = f*R + g*G + h*B + i*A + j;
B' = k*R + l*G + m*B + n*A + o;
A' = p*R + q*G + r*B + s*A + t;
经过运算后得到新的R'G'B'A'值,颜色可能发生了变化。当a,g,m,s都等于1而其他值为0时,会发现新的RGBA值和原来的一样,就是颜色不变,具体颜色混合配色效果,我就不懂了。代码例子可参考ApiDemo中的ColorFilter和ColorMatrixSample

 ColorMatrix cm = new ColorMatrix();  
 cm.set(new float[] {
                1, 0, 0, 0, 70,
                0, 1, 0, 0, 50,
                0, 0, 1, 0, 0,
                0, 0, 0, 1, 0 });
//btnPrevWeek.getBackground().setColorFilter(0xFFFF0000, Mode.MULTIPLY);
//btnPrevWeek.getBackground().setColorFilter(new LightingColorFilter(0xFFFFFFFF,0xFFAA0000));
 btnPrevWeek.getBackground().setColorFilter(new ColorMatrixColorFilter(cm));

步骤如下: 1. 在布局XML文件中,添加一个按钮并设置背景图片 ```xml <Button android:id="@+id/myButton" android:layout_width="wrap_content" android:layout_height="wrap_content" android:background="@drawable/myButtonBackground" /> ``` 2. 在drawable文件夹中,创建两个XML文件,分别用于表示按钮未按下和按下的状态。例如,文件名可以分别为 `myButtonBackground.xml` 和 `myButtonBackground_pressed.xml` 3. 在 `myButtonBackground.xml` 中,设置按钮未按下的背景图片 ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/myButtonBackground_normal" /> </selector> ``` 4. 在 `myButtonBackground_pressed.xml` 中,设置按钮按下的背景图片 ```xml <selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/myButtonBackground_pressed" android:state_pressed="true" /> <item android:drawable="@drawable/myButtonBackground_normal" /> </selector> ``` 5. 在代码中,获取按钮的实例,并设置其背景 ```java Button myButton = findViewById(R.id.myButton); myButton.setBackgroundResource(R.drawable.myButtonBackground); ``` 6. 在代码中,为按钮添加点击事件,并在事件处理方法中更新按钮状态 ```java myButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // TODO: 处理按钮点击事件 myButton.setBackgroundResource(R.drawable.myButtonBackground_pressed); } }); ``` 在处理完事件后,记得将按钮背景设置回来: ```java myButton.setBackgroundResource(R.drawable.myButtonBackground); ``` 这样,当按钮被按下时,它的背景图片会切换到 `myButtonBackground_pressed.xml` 中设置的图片。当按钮未被按下时,背景图片会切换到 `myButtonBackground.xml` 中设置的图片
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值