【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