Android ImageButton Selector例子

一般情况下,我们可以用ImageButton来显示一个Button按钮。然而,有些时候我们想按钮的状态发生变化,比如按下前是一个样子,按下后又是另一个样子,Android允许我们改变按钮的形象取决于不同的状态,如按钮是集中或按钮被按下。下面具体讲述如何实现:

P.S This project is developed in Eclipse 3.7, and tested with Android 2.3.3.

1.、往 Resources里面添加图片
准备三张不同Button状态的图片,然后把它放入 “resource/drawable”

1.button_normal_green.png – 默认的图像Button
2.button_focused_orange.png – 当按钮被关注,例如,当电话键盘移动(焦点)在这个按钮时显示
3.button_pressed_yellow.png – 当按钮被按下时显示

2、为不同的Button状态添加 Selector
在“res/drawable/”里面创建一个新的XML布局文件,这里我们取名为“new_button.xml“。这个XML文件定义按钮的状态是属于哪种Button图像。

File : res/drawable/new_button.xml

3、添加Button
打开 “res/layout/main.xml”布局文件,添加一个正常的button,然后为这个button添加一个背景图像

File : res/layout/main.xml

4、Activity代码如下
一个正常的按钮和一个简单的点击侦听器

package com.demo.app;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.Toast;

public class AppTestActivity extends Activity {
	/*
	 * (non-Javadoc)
	 * 
	 * @see android.app.Activity#onCreate(android.os.Bundle)
	 */
	Button imageButton;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		imageButton = (Button) findViewById(R.id.imageButtonSelector);
		imageButton.setOnClickListener(new OnClickListener() {

			public void onClick(View v) {
				Toast.makeText(AppTestActivity.this, "eee", Toast.LENGTH_SHORT);

			}
		});
	}
}

5、运行
运行该应用程序

1. 结果如图,默认的button. (button_normal_green.png)

正常状态

2. Button被按下. (button_clicked_orange.png)

点击状态

3. Button聚焦. (button_focused_orange.png)

聚焦状态

这个应用其实还是很广泛的,比如播放器的控制,游戏的状态等等。

暂无评论
  • 1:请一针见血的评论。
  • 2:评论需要审核通过后才能显示。
  • 3:评论字数限制在1000字以内。
  • 当前字数:0
热门文章
推荐文章
随机文章
关于本站 - 广告服务 - 版权声明 - 联系我们 - 友情链接 - 网站地图 - 帮助中心