Android学习笔记四：基本视图组件：TextView

TextView在我们第一个应用程序中已经使用过了，通过第一个程序，我们看到Activity程序和视图组件关系密切，这里我们进行深入介绍。 
    Android中的全部视图组件的父类是android.view.View类，看一下文档： 
 
java.lang.Object 
   ↳ android.view.View
    从文档中我们可以看出TextView类是View类的直接子类，而Button类是View的间接子类，后面我们会详细介绍。 
    下面来看看TextView组件，TextView组件主要用于静态文本的显示，这在第一个程序中，我们很容易就能看出来。android.widget.TextView类是android.view.View类的直接子类,这里注意TextView类并不在android.view包中，而是在android.widget包中，也就是说，我们在Aandroid中使用的具体视图组件，都是在android.widget包中的。下面看一下TextView类的文档： 
 
java.lang.Object 
   ↳ android.view.View 
   ↳ android.widget.TextView
    从中我们看到了类的继承关系，也知道了Button类和EditText类是TextView的直接子类，并从类说明中了解到TextView用于文本的显示，而要修改文本的内容，我们就要使用EditText了。 
    了解过基本内容后，我们来深入了解一下TextView组件。 
    在Eclipse中我们新建一个项目TextViewDemo， 
 
    之后我们来编写几个基本的TextView组件： 

Xml代码  

1. <TextView  
2.     android:id="@+id/text1"  
3.     android:layout_width="wrap_content"  
4.     android:layout_height="wrap_content"  
5.     android:textColor="#FDF5E6"  
6.     android:textSize="16dp"  
7.     android:text="这里是一个TextView视图组件" />  

    在这个TextView中我们较之前的示例添加了两个属性，一个是textColor，很显然这是设置文件颜色的，另外一个是textSize，设置文字大小。 
    这里多说一点，关于文字大小，是数字加单位的格式，这里我们使用的是dp，当然还有pt，px，mm等值可选。 
    运行程序，我们来看看效果： 
 
    可以看到文本的颜色变化了，字体也变化了，说明我们的设置都起作用了。 
    下面再来看第二个TextView示例： 

Xml代码  

1. <TextView  
2.     android:id="@+id/text2"  
3.     android:layout_width="wrap_content"  
4.     android:layout_height="wrap_content"  
5.     android:layout_margin="30dp"  
6.     android:autoLink="all"  
7.     android:text="Google一下: http://www.google.com.hk" />  

    这里的文本中我包含的一个超链接，这样我们就可以通过点击超链接来访问网站，如果在TextView中想让文本中的超链接自动识别成地址，那么需要加入autoLink属性，其值有多种，这里设置成all表示所有的可链接的地址都识别，包括email地址。还有一个属性是layout_margin，这是样式属性，表示页边距，它和CSS中的margin属性类似，这里表示距离上下左右各30dp的距离，其余属性不再说明，下面看一下运行效果： 
 
    可以看出，首先样式上，距离上下左右各有30dp的间隔，其次是其中的网址信息已经被识别成了超链接，那么我们就可以点击这个网址来访问想要访问的站点，保证模拟器运行环境是可以上网的，那么点击该地址，我们可以看到： 
 
    就访问到了移动版的Google（这里切到横屏显示，效果更好一点）。 
    下面继续对TextView进行说明，看第三个示例： 

Xml代码  

1. <TextView  
2.         android:id="@+id/text3"  
3.         android:layout_width="wrap_content"  
4.         android:layout_height="wrap_content"  
5.         android:layout_marginLeft="40dp"  
6.         android:maxLength="7"  
7.         android:text="@string/powered_by" />  

    这里设置的属性有layout_marginLeft，从字母理解就是左边距，也是样式上的设置，和CSS中的margin-left也是一样的，那么这个组件仅仅是对左边有40dp的距离，而上下和右侧则不会有边距了。默认的显示文本是“Powered By Nan Lei”，但这里我们多设置了一个属性是maxLength，也就是最大显示的长度，是7个字符长度，也就是说，我们只会看到“Powered”显示出来了，后面的文本就被截掉了，看一下运行效果： 
 
    下面来看第四种TextView的示例，我们将会插入一张图片： 

Xml代码  

1. <TextView  
2.     android:id="@+id/text4"  
3.     android:layout_width="wrap_content"  
4.     android:layout_height="wrap_content"  
5.     android:background="@drawable/ic_launcher"  
6.     android:text="图片上的文字"  
7.     android:textColor="#FFFFFF"  
8.     android:textStyle="italic" />  

    和之前的示例比较，这里我们多用了一个background属性，就是用来表示背景图片的，那么我们使用项目自带的一个图片，就是Android机器人的图标，引用图片资源，要使用@drawable来引用，那么就得到如下的显示效果了： 
 
    此时，文字就在图片上方显示出来了。 
    看了四个示例之后，我们会发现，对显示文本的样式设置较多，结合CSS的使用，我们在网页中常把CSS文件单独分离出来，便于后期的维护。类似地，在Android中，我们也可以将用于样式控制的属性单独抽取出来形成样式文件，而在TextView组件中直接引用样式即可，那么对样式属性的维护就变得容易了，我们来设置显示样式。 
    首先需要在values文件夹下创建styles.xml，用于放置样式的配置信息，内容如下： 

Xml代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <resources>  
3.     <style name="text_style">  
4.         <item name="android:textSize">16dp</item>  
5.         <item name="android:textColor">#FDF5E6</item>  
6.         <item name="android:textStyle">italic|bold</item>  
7.         <item name="android:layout_width">wrap_content</item>  
8.         <item name="android:layout_height">wrap_content</item>  
9.     </style>  
10. </resources>  

    和strings.xml文件中的内容类似，只是这里我们使用了style来定义样式，给出一个样式的名称，这里为text_style，那么就可以在style元素中来设置具体的样式了。每个样式使用item来定义，name就是前面看到的样式名称，然后给出样式属性的值，这和前面都是一样的，只是这里在定义字体时，使用了斜体粗体并存的样式，使用竖线分隔开即可。然后修改我们的TextView定义： 

Xml代码  

1. <TextView  
2.      android:id="@+id/text1"  
3.      style="@style/text_style"  
4.      android:text="这里是一个TextView视图组件" />  

    这里面已经去掉了所有和样式相关的内容，然后使用style属性来引用外部样式表中配置的样式即可，运行程序，得到如下效果： 
 
    可以看到我们的样式对一个TextView组件起作用了，说明我们的代码是好用的。 
    做了这么多的东西，看看我们哪些资源已经反映到了R.java中： 

Java代码  

1. package org.ourpioneer;  
2. public final class R {  
3.     public static final class attr {  
4.     }  
5.     public static final class drawable {  
6.         public static final int ic_launcher=0x7f020000;  
7.     }  
8.     public static final class id {  
9.         public static final int text1=0x7f060000;  
10.         public static final int text2=0x7f060001;  
11.         public static final int text3=0x7f060002;  
12.         public static final int text4=0x7f060003;  
13.     }  
14.     public static final class layout {  
15.         public static final int main=0x7f030000;  
16.     }  
17.     public static final class string {  
18.         public static final int app_name=0x7f040001;  
19.         public static final int hello=0x7f040000;  
20.         public static final int powered_by=0x7f040002;  
21.     }  
22.     public static final class style {  
23.         public static final int text_style=0x7f050000;  
24.     }  
25. }  

    我们没有设置attr资源，所以该类下是空的，id资源表示了我们配置的四个TextView组件，layout只有一个main，string资源有三个，这是我们配置的，最后一个是style资源，这里就是我们配置的text_style样式表。 
    前面说过所有的XML配置都可以通过代码来实现，那么我们看看对text3在程序中进行进一步的设置： 

Java代码  

1. package org.ourpioneer;  
2. import android.app.Activity;  
3. import android.os.Bundle;  
4. import android.widget.TextView;  
5. public class TextViewDemoActivity extends Activity {  
6.     @Override  
7.     public void onCreate(Bundle savedInstanceState) {  
8.         super.onCreate(savedInstanceState);  
9.         super.setContentView(R.layout.main);  
10.         TextView text3 = (TextView) super.findViewById(R.id.text3);  
11.         text3.setTextAppearance(this, R.style.text_style);  
12.     }  
13. }  

    这段代码不用过多解释了，获取到text3组件之后，设置显示的样式，只是注意这里不是setStyle()方法，而是setTextAppearance()方法。该方法参数为Context和resId，那么只需传入this和R.style.text_style即可。我们来看下对text3组件的效果： 
 
    我们就可以看到最后的效果了，text3组件的显示效果也变化了，说明我们的代码起作用了。