文本款(TextView)和编辑框(EditText)的功能和用法

TextView直接继承了View，他还是EditText、Button两个UI组件的父类，TextView的作用就是在界面上显示文字(相当于Java中AWT中标签[JLabel]，但有比他强大些)。

TextView类及其子类的类图如图所示：

TextView的XML属性及相关方法和说明：

上表中android:autoLink属性值是如下几个属性值的一个或几个，多个属性值之间用竖线隔开：

• none：不设置任何超链接


• web(对应于Linkify.WEB_URLS):将文本中的URL地址转换为超链接


• email(对应于Linkify.EMAIL_ADDRESSES):将文本中的E-mail地址转换为超链接


• phone(对应于Linkify.PHONE_NUMBERS):将文本中的电话号码转换为超练接


• map(对应于Linkify.MAP_ADDRESSES):将文本中的接到地址转换为超链接


• all：相当于指定weblemaillphonelmap

上表中android：ellipsize属性可支持如下几个属性值。

• none:不进行任何处理


• start：在文本开头部分进行省略


• middle：在文本中间部分进行省略


• end：在文本结尾出进行省略


• marquee：在文本结尾出以淡出的方式省略

下面我们用例子来例举上表中的一些属性：不同字体、不同颜色的文本、URL

layout/main.xml

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

 2     xmlns:tools="http://schemas.android.com/tools"

 3     android:orientation="vertical"

 4     android:layout_width="fill_parent"

 5     android:layout_height="fill_parent">

 6

 7     <!-- 设置字体为20pt  -->

 8     <TextView

 9     android:layout_width="fill_parent"

10     android:layout_height="wrap_content"

11     android:text="我爱Java"

12     android:textSize="20pt"

13     />

14     <!-- 设置中间省略 -->

15     <TextView

16     android:layout_width="fill_parent"

17     android:layout_height="wrap_content"

18     android:singleLine="true"

19     android:text="我爱Java我爱Java我爱Java我爱Java我爱Java我aaaJava"

20     android:ellipsize="middle"

21     />

22     <!-- 对邮件增加链接 -->

23     <TextView

24     android:layout_width="fill_parent"

25     android:layout_height="wrap_content"

26     android:singleLine="true"

27     android:text="测试[email protected]内容"

28     android:autoLink="email"

29     />

30     <!-- 设置文字颜色 、大小，并使用阴影 -->

31     <TextView

32     android:layout_width="fill_parent"

33     android:layout_height="wrap_content"

34     android:text="测试文字"

35     android:shadowColor="#0000ff"

36     android:shadowDx="15.0"

37     android:shadowDy="20.0"

38     android:shadowRadius="45.0"

39     android:textColor="#ff0000"

40     android:textSize="25pt"

41     />

42     <!-- 测试密码框 -->

43     <TextView android:id="@+id/passwd"

44     android:layout_width="fill_parent"

45     android:layout_height="wrap_content"

46     android:text="@string/hello"

47     android:password="true"

48     />

49

50 </LinearLayout>

所展现的效果图如下：

范例：带边框、图片的TextView

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

 2     xmlns:tools="http://schemas.android.com/tools"

 3     android:orientation="vertical"

 4     android:layout_width="fill_parent"

 5     android:layout_height="fill_parent">

 6

 7     <!-- 通过android:background指定背景 -->

 8 <TextView

 9     android:layout_width="fill_parent"

10     android:layout_height="wrap_content"

11     android:text="带边框的文本"

12     android:background="@drawable/bg_border"

13     android:textColor="@color/abc_search_url_text_holo"

14     />

15

16 <!-- 通过android:drawableLeft绘制一张图片 -->

17 <TextView

18     android:layout_width="fill_parent"

19     android:layout_height="wrap_content"

20     android:text="带图片的文本"

21     android:drawableLeft="@drawable/ic_launcher"

22     />

23

24 </LinearLayout>

效果图：

范例：一个注册界面

 1 <TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

 2     xmlns:tools="http://schemas.android.com/tools"

 3     android:orientation="vertical"

 4     android:layout_width="fill_parent"

 5     android:layout_height="fill_parent">

 6 <TableRow>

 7 <TextView

 8     android:layout_width="fill_parent"

 9     android:layout_height="wrap_content"

10     android:text="用户名:"

11     android:textSize="10sp"

12     android:background="@drawable/bg_border"

13     />

14 <EditText

15     android:layout_width="fill_parent"

16     android:layout_height="wrap_content"

17     android:hint="请填写登录帐号"

18     android:selectAllOnFocus="true"

19     />

20 </TableRow>

21 <TableRow>

22 <TextView

23     android:layout_width="fill_parent"

24     android:layout_height="wrap_content"

25     android:text="密码:"

26     android:textSize="10pt"

27     android:background="@drawable/bg_border"

28     />

29 <EditText

30     android:layout_width="fill_parent"

31     android:layout_height="wrap_content"

32     android:password="true"

33     />

34 </TableRow>

35 <TableRow>

36 <TextView

37     android:layout_width="fill_parent"

38     android:layout_height="wrap_content"

39     android:text="电话号码:"

40     android:textSize="10pt"

41     android:background="@drawable/bg_border"

42     />

43 <EditText

44     android:layout_width="fill_parent"

45     android:layout_height="wrap_content"

46     android:hint="请填写您的电话号码"

47     android:selectAllOnFocus="true"

48     android:phoneNumber="true"

49     />

50 </TableRow>

51 <Button

52     android:layout_width="wrap_content"

53     android:layout_height="wrap_content"

54     android:text="注册"

55     />

56

57

58 </TableLayout>

上面代码里面的TextView是设置了背景图片的，所以在展示的效果图上你们呢会看到三个黑的框框，为什么三个框框的会有一个比另外两个小，那是因为我设置的宽度单位不一样(用户名的宽度是sp，其他的是用的pt)；所展示的效果,效果图如下：