史上超豪华的手机控件.docx
- 文档编号:25478446
- 上传时间:2023-06-09
- 格式:DOCX
- 页数:79
- 大小:233.60KB
史上超豪华的手机控件.docx
《史上超豪华的手机控件.docx》由会员分享,可在线阅读,更多相关《史上超豪华的手机控件.docx(79页珍藏版)》请在冰豆网上搜索。
史上超豪华的手机控件
史上超豪华的手机控件
范例说明
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;
importandroid.widget.EditText;
importandroid.widget.TextView;
publicclassEX04_01extendsActivity
{
/*声明TextView、EditText对象*/
privateTextViewmTextView01;
privateEditTextmEditText01;
/**Calledwhentheactivityisfirstcreated.*/
@Override
publicvoidonCreate(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()
{
@Override
publicbooleanonKey(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()方法替换。
范例说明
延续前一章按钮事件的应用范例,重新设计一个具有背景图的按钮,让按钮有美观的背景图片,只是这次不使用先前的ButtonWidget,而是改以ImageButtonWidget来显示。
将按钮背景图预先Import至Drawable里(*.png图形文件),利用这些图片,作为ImageButton的背景图,为了做对照,在Layout配置一个“一般按钮”,运行结果画面中,可以明显看出图片按钮与一般按钮在外观上的差异。
要设置ImageButton背景图有许多方法,此程序使用的方法是ImageButton.setImageResource(),需要传递的参数即是res/drawable/下面的ResourceID,除了设置背景图片的方法外,程序需要用到onFocusChange与onClick等按钮事件作为按钮事件点击之后的处理,最后通过TextView来显示目前图片按钮的状态为onClick、onFocus,或offFocus,并且同步更新按钮的背景图,让User有动态交互的感觉。
运行结果
▲图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;
importandroid.widget.TextView;
publicclassEX04_02extendsActivity
{
/*声明三个对象变量(图片按钮,按钮,与TextView)*/
privateImageButtonmImageButton1;
privateButtonmButton1;
privateTextViewmTextView1;
/**Calledwhentheactivityisfirstcreated.*/
@Override
publicvoidonCreate(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)
{
//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.0"encoding="utf-8"?
>
xmlns: android=" android: state_focused="true" android: state_pressed="false" android: drawable="@drawable/btnfocused"/> android: state_focused="true" android: state_pressed="true" android: drawable="@drawable/btnfocusedpressed"/> android: state_focused="false" android: state_pressed="true" android: drawable="@drawable/btnpressed"/> drawable="@drawable/btndefault"/>
然后,在main.xml中将advancedbutton赋值给Button组件中background的属性。
layout/main.xml
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 超豪华 手机 控件