Android开发第四章史上最豪华的手机控件ch04

史上超豪华的手机控件GoogleAndroidSDK开发范例大全1104-1EditText与TextView共舞—setOnKeyListener事件范例说明EditTextWidget的设计是为了等待User输入而准备的，那么在User输入的同时，又该如何拦截所输入的文字呢？Android的多数Widget都有setOnKeyListener事件，以此Listener捕捉User输入的键盘事件。接着，本范例将以EditText与TextView示范如何在捕捉User键盘输入文字的同时，实时取得文字，同步显示于TextView，类似手机版的Ajax效果，实时输入实时输出。运行结果▲图4-1在EditText输入的数据，立即出现在TextView里面范例程序src/irdc.ex04_01/EX04_01.java主程序中唯一也是关键之处，便是利用EditText.OnKeyListener来拦截EditText的键盘输入事件，仅需在其中重写onKey()方法，在onKey()方法中，将EditText.getText()取出的文字，显示于TextView当中，是一个简单易懂的范例练习。packageirdc.ex04_01;importandroid.app.Activity;importandroid.os.Bundle;importandroid.view.KeyEvent;importandroid.view.View;第4章史上超豪华的手机控件111importandroid.widget.EditText;importandroid.widget.TextView;publicclassEX04_01extendsActivity{/*声明TextView、EditText对象*/privateTextViewmTextView01;privateEditTextmEditText01;/**Calledwhentheactivityisfirstcreated.*/@OverridepublicvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.main);/*取得TextView、EditText*/mTextView01=(TextView)findViewById(R.id.myTextView);mEditText01=(EditText)findViewById(R.id.myEditText);/*设置EditText用OnKeyListener事件来启动*/mEditText01.setOnKeyListener(newEditText.OnKeyListener(){@OverridepublicbooleanonKey(Viewarg0,intarg1,KeyEventarg2){//TODOAuto-generatedmethodstub/*设置TextView显示EditText所输入的内容*/mTextView01.setText(mEditText01.getText());returnfalse;}});}}延伸学习这个实时输入实时显示的效果可以扩展在许多手机应用程序中，可以试着在OnKeyListener()里做实时文字过滤效果，例如：当User输入不雅的文字时，可以提示User不接受部分关键字，以输入Shit为例，在TextView就会出现：Sh*t，此种做法可以过滤掉不雅文字的出现。此外，不仅是Widget才有setOnKeyListener方法可以重写，事实上，在View里也有View.setOnKeyListener，也就是捕捉User点击键盘时的事件处理，但请特别注意，需拦截这个事件，即View要取得焦点（Focus）才能触发onKeyDown事件。昀后提醒你，旧版本当中的View.setKeyListener类已经被删除，1.0r2版之后，已经改用View.setOnKeyListener()方法替换。GoogleAndroidSDK开发范例大全1124-2设计具有背景图的按钮—ImageButton的焦点及事件处理范例说明延续前一章按钮事件的应用范例，重新设计一个具有背景图的按钮，让按钮有美观的背景图片，只是这次不使用先前的ButtonWidget，而是改以ImageButtonWidget来显示。将按钮背景图预先Import至Drawable里（*.png图形文件），利用这些图片，作为ImageButton的背景图，为了做对照，在Layout配置一个“一般按钮”，运行结果画面中，可以明显看出图片按钮与一般按钮在外观上的差异。要设置ImageButton背景图有许多方法，此程序使用的方法是ImageButton.setImageResource()，需要传递的参数即是res/drawable/下面的ResourceID，除了设置背景图片的方法外，程序需要用到onFocusChange与onClick等按钮事件作为按钮事件点击之后的处理，昀后通过TextView来显示目前图片按钮的状态为onClick、onFocus，或offFocus，并且同步更新按钮的背景图，让User有动态交互的感觉。第4章史上超豪华的手机控件113运行结果▲图4-2随着Focus与Click动作，画面上的图片与文字会告知你目前图片按钮的状态范例程序src/irdc.ex04_02/EX04_02.java主程序构造三个对象ImageButton、Button与TextView，并在ImageButton上设置onFocusChangeListener与onClickListener，并实现ImageButton图片的置换。ImageButton.setOnFocusChangeListener()是处理User点击图片按钮之后需要处理的关键，当点击图片按钮的瞬间，以ImageButton.setImageResource()来更换背景图片。packageirdc.EX04_02;importandroid.app.Activity;importandroid.os.Bundle;importandroid.view.View;/*使用OnClickListener与OnFocusChangeListener来区分按钮的状态*/importandroid.view.View.OnClickListener;importandroid.view.View.OnFocusChangeListener;importandroid.widget.Button;importandroid.widget.ImageButton;GoogleAndroidSDK开发范例大全114importandroid.widget.TextView;publicclassEX04_02extendsActivity{/*声明三个对象变量(图片按钮,按钮,与TextView)*/privateImageButtonmImageButton1;privateButtonmButton1;privateTextViewmTextView1;/**Calledwhentheactivityisfirstcreated.*/@OverridepublicvoidonCreate(BundlesavedInstanceState){super.onCreate(savedInstanceState);setContentView(R.layout.main);/*通过findViewById构造三个对象*/mImageButton1=(ImageButton)findViewById(R.id.myImageButton1);mButton1=(Button)findViewById(R.id.myButton1);mTextView1=(TextView)findViewById(R.id.myTextView1);/*通过OnFocusChangeListener来响应ImageButton的onFous事件*/mImageButton1.setOnFocusChangeListener(newOnFocusChangeListener(){publicvoidonFocusChange(Viewarg0,booleanisFocused){//TODOAuto-generatedmethodstub/*若ImageButton状态为onFocus改变ImageButton的图片*并改变textView的文字*/if(isFocused==true){mTextView1.setText(图片按钮状态为:GotFocus);mImageButton1.setImageResource(R.drawable.iconfull);}/*若ImageButton状态为offFocus改变ImageButton的图片*并改变textView的文字*/else{mTextView1.setText(图片按钮状态为:LostFocus);mImageButton1.setImageResource(R.drawable.iconempty);}}});/*通过onClickListener来响应ImageButton的onClick事件*/mImageButton1.setOnClickListener(newOnClickListener(){publicvoidonClick(Viewv)第4章史上超豪华的手机控件115{//TODOAuto-generatedmethodstub/*若ImageButton状态为onClick改变ImageButton的图片*并改变textView的文字*/mTextView1.setText(图片按钮状态为:GotClick);mImageButton1.setImageResource(R.drawable.iconfull);}});/*通过onClickListener来响应Button的onClick事件*/mButton1.setOnClickListener(newOnClickListener(){publicvoidonClick(Viewv){//TODOAuto-generatedmethodstub/*若Button状态为onClick改变ImageButton的图片*并改变textView的文字*/mTextView1.setText(图片按钮状态为:LostFocus);mImageButton1.setImageResource(R.drawable.iconempty);}});}}扩展学习除了在运行时用onFocus()与onClick()事件来设置按钮背景图片外，Android的MVC设计理念，可以让程序运行之初就以xml定义的方式来初始化ImageButton的背景图，仅需先将图片导入res/drawable。设置方法为在res/drawable下自行定义一个xml，主要针对按钮的state_focused、state_pressed与drawable属性作设置，如下所示：drawable/advancedbutton.xml?xmlversion=1.0encoding=utf-8?selectorxmlns:android=:state_focused=trueandroid:state_pressed=falseandroid:drawable=@drawable/btnfocused/itemandroid:state_focused=trueandroid:state_presse