我们在开发的过程中,往往为了美化界面的需要,会修改按钮的默认外观,而因为Android中的按钮有三种状态—默认,被点击,被选中。所以,如果要改变按钮的外观,需要对这三种情况都做出修改,也许在以往,我们最容易想到的就是,手动监听按钮的选中和点击事件,然后写代码来替换按钮的背景,但是在android中,我们不需要这么麻烦,android早就替我们想好了解决方案,那就是selector资源。如果我们要实现按钮的三种背景,只需在res/drawable目录中建立这样一个XML文件:
selector.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_window_focused="false"
android:drawable="@drawable/t3"/>
<item android:state_focused="true"
android:drawable="@drawable/t1"/>
<item android:state_pressed="true"
android:drawable="@drawable/t2"/>
<item android:drawable="@drawable/t3"/>
</selector>
正如上面的资源文件所描述的,我们在这里定义了三种行为各自的图片资源,接下来,我们只需要在相应的按钮中,将背景资源指定为drawable/selector,就完成我们需要做的一切了~
<ImageButton android:layout_width="100px" android:layout_height="50px" android:src="@drawable/selector"/>
第一种:
该方法通过onTouch来实现,
btn3 = (ImageButton) findViewById(R.id.ImageButton03);
btn3.setOnTouchListener(touchListener3);
View.OnTouchListener touchListener = new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
ImageButton imageBtn = (ImageButton) v;
if(event.getAction() == MotionEvent.ACTION_DOWN){
//更改为按下时的背景图片
imageBtn .setImageResource(R.drawable.pressed);
}else if(event.getAction() == MotionEvent.ACTION_UP){
//改为抬起时的图片
imageBtn .setImageResource(R.drawable.released);
}
return false;
}
};
第二种:
通过XML来实现
2.用XML文件实现。
<?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>
这个文件放在drawable目录下面。命名为button_add_x.xml
使用的时候
<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>
selector.xml
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_window_focused="false"
android:drawable="@drawable/t3"/>
<item android:state_focused="true"
android:drawable="@drawable/t1"/>
<item android:state_pressed="true"
android:drawable="@drawable/t2"/>
<item android:drawable="@drawable/t3"/>
</selector>
正如上面的资源文件所描述的,我们在这里定义了三种行为各自的图片资源,接下来,我们只需要在相应的按钮中,将背景资源指定为drawable/selector,就完成我们需要做的一切了~
<ImageButton android:layout_width="100px" android:layout_height="50px" android:src="@drawable/selector"/>
第一种:
该方法通过onTouch来实现,
btn3 = (ImageButton) findViewById(R.id.ImageButton03);
btn3.setOnTouchListener(touchListener3);
View.OnTouchListener touchListener = new OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
ImageButton imageBtn = (ImageButton) v;
if(event.getAction() == MotionEvent.ACTION_DOWN){
//更改为按下时的背景图片
imageBtn .setImageResource(R.drawable.pressed);
}else if(event.getAction() == MotionEvent.ACTION_UP){
//改为抬起时的图片
imageBtn .setImageResource(R.drawable.released);
}
return false;
}
};
第二种:
通过XML来实现
2.用XML文件实现。
<?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>
这个文件放在drawable目录下面。命名为button_add_x.xml
使用的时候
<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>