Android之路之七（UI组件1——TextView&EditText）

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
    谁的邮箱：[email protected]
    小强电话：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 谁的邮箱：[email protected]小强电话：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布局文件

启动虚拟机：