UI组件详解1——TextView&EditText
今天,学习Android的第七天。今天学习的是UI(用户界面)组件中的TextView和EditText。
TextView(文本视图)之前的学习中已经用到了。也即显示文本的组件。今天,具体的来了解一下它:
首先TextView的属性设置如下:
TextView的直接子类包括Button,CheckedTextView、Chroonometer、DigitalClock、EditText
间接子类有:AutoCompleteTextView、CheckBox、CompoundButton、ExtractEditText、MultiAutoCompleteTextView、RadioButton、ToggleButton
其xml属性有很多,下面来介绍其中的一种最为常用的:android:autoLink,设置是否当前文本为URL连接/email/电话号码/map时,文本显示为可点击的连接。可选值有(none/web/email/phone/map/all)
下面举实例来演示:
首先在string.xml文件中定义字符与数值:
Hello World, TextViewTestActivity!
TextViewTest
百度首页:http://www.baidu.com
谁的邮箱:874154731@qq.com
小强电话:1333333333334
620 Eighth Avenue New York,NY 10018 \n
然后配置auto_link.xml布局文件:
然后在TextViewTestActivity.java文件中调用上面的布局文件。启动虚拟机:
在这里需要注意的是:android:autoLink=“email”:会出现unsupported action,其原因是虚拟机存在bug,并不具备email超链接功能。
在这里,还有种较为方便的实现上述显示的方法:
在string.xml文件中添加:
百度首页:http://www.baidu.com 谁的邮箱:874154731@qq.com小强电话:1333333333334
auto_link.xml布局文件中添加:
TextViewTestActivity.java文件中添加:
TextView tv = (TextView) this.findViewById(R.id.tvHtml);
String htmlStr = "我爱你money" +
"百度";
tv.setText(Html.fromHtml(htmlStr));
那么启动虚拟机后:
接下来,来实现带有边框的TextView。首先,在MyBorderTextView.java文件中自定义边框的TextView:
package cn.class3g.activity;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.widget.TextView;
public class MyBorderTextView extends TextView{
//必须实现带两个参数的构造
public MyBorderTextView(Context context, AttributeSet attrs) {
super(context, attrs);
}
public void onDraw(Canvas canvas){
super.onDraw(canvas);
//创建画刷
Paint paint = new Paint();
//设置当前颜色
paint.setColor(android.graphics.Color.GREEN);
//开画
canvas.drawLine(0, 0, this.getWidth()-1, 0, paint);
canvas.drawLine(0, 0, this.getHeight()-1, 0, paint);
canvas.drawLine(this.getWidth()-1, 0, this.getWidth()-1, getHeight()-1, paint);
canvas.drawLine(0, this.getHeight()-1, getWidth()-1, getHeight()-1, paint);
}
}
然后在border_tv.xml布局文件中使用这个边框标签:
启动虚拟机:
Ok,接下来介绍EditText(编辑文本)组件,当然这在之前也是用到过的。
EditText是TextView的直接子类,而EditText的直接子类有包括:
AutoCompleteTextView、 ExtractEditText
间接子类有:MultiAutoCompleteTextView
首先依然是EditText的基本属性设置:
然后来了解EditText可输入的特定字符的实现:
在main.xml文件中:
在EditTextTestActivity.java中调用main.xml布局文件
启动虚拟机:
Ok,接下来,来实现EditText中回车键的使用:
首先在onkey_layout.xml文件中:
然后在EditTextTestActivity.java文件中为EditText对象的OnKeyListener事件,实现onKey()方法,同时调用onkey_layout.xml:
然后在EditTextTestActivity.java文件中为EditText对象的OnKeyListener事件,实现onKey()方法,同时调用onkey_layout.xml:
package cn.class3g.activity;
import android.app.Activity;
import android.os.Bundle;
import android.view.KeyEvent;
import android.view.View;
import android.view.View.OnKeyListener;
import android.widget.Button;
import android.widget.EditText;
public class EditTextTestActivity extends Activity implements OnKeyListener{
Button btn = null;
EditText et = null;
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.onkey_layout);
findViews();
}
private void findViews(){
btn = (Button) this.findViewById(R.id.button);
et = (EditText) this.findViewById(R.id.edit);
et.setOnKeyListener(this);
}
@Override
public boolean onKey(View v, int keyCod, KeyEvent event) {
if(keyCod == KeyEvent.KEYCODE_ENTER){
btn.setText(et.getText());
et.setVisibility(View.GONE);
btn.setVisibility(View.VISIBLE);
}
return true;
}
}
启动虚拟机:
点击出车键弹出一个Button:
然后呢,来实现自动完成输入内容的组件
AutoCompleteTextView、MultiCompleteTextView
两者之间的区别在于后者可以自动匹配多组相近字符,前者只可匹配一组相近字符
首先在auto_complete.xml文件中:
然后在AutoCompleteActivity.java文件中实现如下代码:
package cn.class3g.activity;
import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.AutoCompleteTextView;
import android.widget.MultiAutoCompleteTextView;
public class AutoCompleteActivity extends Activity{
AutoCompleteTextView autoTx = null;
MultiAutoCompleteTextView mautoTx = null;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.auto_complete);
findViews();
String[] str = {"abc","add","axy","aaa","bbb","bcs"};
ArrayAdapter adapter = new ArrayAdapter(this,android.R.layout.simple_dropdown_item_1line,str);
autoTx.setAdapter(adapter);
//--------------MultiAutoCompleteTextView
mautoTx.setAdapter(adapter);
mautoTx.setTokenizer(new MultiAutoCompleteTextView.CommaTokenizer());
}
private void findViews(){
autoTx = (AutoCompleteTextView) this.findViewById(R.id.autoTx);
mautoTx = (MultiAutoCompleteTextView) this.findViewById(R.id.mautoTx);
}
}
启动虚拟机:
然后在AutoCompleteActivity.java文件中实现如下代码: