您的位置:首页 > 移动开发 > Android开发

Android——ImageButton按下效果设计

2012-08-11 11:37 393 查看
[b]使用 Button 时为了让用户有“按下”的效果,有两种实现方式: [/b]

[b][b] 1.JAVA代码实现: [/b] [/b]



imageButton.setOnTouchListener(new OnTouchListener(){

@Override

public boolean onTouch(View v, MotionEvent event) {

if(event.getAction() == MotionEvent.ACTION_DOWN){

//更改为按下时的背景图片

v.setBackgroundResource(R.drawable.pressed);

}else if(event.getAction() == MotionEvent.ACTION_UP){

//改为抬起时的图片

v.setBackgroundResource(R.drawable.released);

}

return false;

}

});



[b] 2.XML实现:



[/b]



<?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>

<?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>



[b]这个文件放在
drawable


目录下面。命名为
button_add_x.xml,使用方法如下:



[/b]

[b]<ImageButton

android:id="@+id/ImageButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="#00000000"

android:src="@drawable/button_add_x" >

</ImageButton>

<ImageButton

android:id="@+id/ImageButton"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:background="#00000000"

android:src="@drawable/button_add_x" >

</ImageButton>



[/b]

[b] 3.采用Drawable的颜色过滤:



[/b]



[b]/**
* 按下这个按钮进行的颜色过滤
*/
public final static float[] BT_SELECTED=new float[] {
2, 0, 0, 0, 2,
0, 2, 0, 0, 2,
0, 0, 2, 0, 2,
0, 0, 0, 1, 0 };

/**
* 按钮恢复原状的颜色过滤
*/
public final static float[] BT_NOT_SELECTED=new float[] {
1, 0, 0, 0, 0,
0, 1, 0, 0, 0,
0, 0, 1, 0, 0,
0, 0, 0, 1, 0 };

/**
* 按钮焦点改变
*/
public final static OnFocusChangeListener buttonOnFocusChangeListener=new OnFocusChangeListener() {

@Override
public void onFocusChange(View v, boolean hasFocus) {
if (hasFocus) {
v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_SELECTED));
v.setBackgroundDrawable(v.getBackground());
}
else
{
v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));
v.setBackgroundDrawable(v.getBackground());
}
}
};

/**
* 按钮触碰按下效果
*/
public final static OnTouchListener buttonOnTouchListener=new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
if(event.getAction() == MotionEvent.ACTION_DOWN){
v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_SELECTED));
v.setBackgroundDrawable(v.getBackground());
}
else if(event.getAction() == MotionEvent.ACTION_UP){
v.getBackground().setColorFilter(new ColorMatrixColorFilter(BT_NOT_SELECTED));
v.setBackgroundDrawable(v.getBackground());
}
return false;
}
};

/**
* 设置图片按钮获取焦点改变状态
* @param inImageButton
*/
public final static void setButtonFocusChanged(View inView)
{
inView.setOnTouchListener(buttonOnTouchListener);
inView.setOnFocusChangeListener(buttonOnFocusChangeListener);
}


[/b]



[b]转:http://yueguc.iteye.com/blog/939686
[/b]
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: