【Android每日一讲】2012.11.12 设计具有背景图的按钮 - ImageButton的焦点及事件处理

1. 范例说明
ImageButton是有背景图片的按钮，要设置ImageButton背景图有许多方法，此程序使用的方法是ImageButton.setImageResource()，需要传递的参数是res/drawable下面的ResourceID。
除了设置背景图片的方法外，程序需要使用onFocusChange与onClick等作为按钮事件单击后的处理，最后通过TextView来显示目前图片按钮的状态。
2. 运行结果



3. 编写代码
mImageButton1.setOnFocusChangeListener(new OnFocusChangeListener() {
public void onFocusChange(View arg0, boolean isFocused) {
// TODO Auto-generated method stub
/* 若ImageButton状态为onFocus改变ImageButton的图片 * 并改变textView的文字 */
if (isFocused == true) {
mTextView1.setText("图片按钮状态为:Got Focus");
mImageButton1.setImageResource(R.drawable.iconfull);
}
/* 若ImageButton状态为offFocus改变ImageButton的图片 *并改变textView的文字 */
else {
mTextView1.setText("图片按钮状态为:Lost Focus");
mImageButton1.setImageResource(R.drawable.iconempty);
}
}
});
/* 透过onClickListener来响应ImageButton的onClick事件 */
mImageButton1.setOnClickListener(new OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
/* 若ImageButton状态为onClick改变ImageButton的图片 * 并改变textView的文字 */
mTextView1.setText("图片按钮状态为:Got Click");
mImageButton1.setImageResource(R.drawable.iconfull);
}
});
/* 透过onClickListener来响应Button的onClick事件 */
mButton1.setOnClickListener(new OnClickListener() {

public void onClick(View v) {
// TODO Auto-generated method stub
/* 若Button状态为onClick改变ImageButton的图片 * 并改变textView的文字 */
mTextView1.setText("图片按钮状态为:Lost Focus");
mImageButton1.setImageResource(R.drawable.iconempty);
}
});
4. 扩展学习与作业
androidButton ImageButton区别
http://www.eyeandroid.com/thread-7064-1-1.html
AndroidImageButton Selector例子
http://www.eyeandroid.com/thread-6645-1-1.html
作业：使用selector来改变ImageButton的背景图片
5.视频讲解与高清下载地址
http://www.eyeandroid.com/thread-10259-1-1.html

评论

2 楼 eyeandroid_com 2012-11-14  

貌似掉线 写道

其实ImageView, ImageButton, Button在一定程度上可以说是共用的。对于背景，及在各种状态下显示的图片，可以通过定义一个selector的xml来实现。

恩 正确

1 楼 貌似掉线 2012-11-14  

其实ImageView, ImageButton, Button在一定程度上可以说是共用的。对于背景，及在各种状态下显示的图片，可以通过定义一个selector的xml来实现。