Android之UI学习篇一：TextVeiw如何显示丰富的文本

2019独角兽企业重金招聘Python工程师标准>>>

那么究竟如何来让我们的TextView显示的内容更加丰富多彩呢，这一篇来跟大家一起探讨一下：

首先呢，大家要知道的是，我们网页里能够显示多样性的文字，都归功与HMTL标签对吧，其实在Android的TextView中也预定了一些类似HTML的标签，通过标签可以使TextView控件显示不同颜色、大小、字体的文字：

<font>：设置颜色和字体

<big>：设置大号

<small>：设置小号

<i>\<b>：分别是斜体和粗体

<a>：链接地址

<img>：插入图片

使用这些标签可以用Html.fromHtml方法将这些标签的字符串转换成Charsequence对象，然后再TextView中进行设置；

如果想在显示的文本中将URL地址、邮箱地址、电话产生超链接的效果，可以使用android:autoLink来设置，该属性的规则如下：

属性值                 描述

None          不匹配任何链接(默认)

web                      网址

email                   邮箱

phone               电话号码

map                  匹配映射网址

all                      匹配所有链接

下面通过一个实例来讲解一下如何灵活使用这些标签：

实现的丰富文字TextView截图：

点击"百度"文字链接之后，打开了浏览器并跳转到了百度网址，截图如下：

点击电话号码"+86148998943"之后弹出了拨打电话的界面，截图：

代码如下：

TextViewActivity.java

public class Android_TextviewActivity extends Activity {  
    private TextView textView1;  
    private TextView textView2;  
  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
        /*  
         * 实现在TextView中显示URL、不同大小、字体、颜色的文本  
         * */  
        textView1=(TextView)findViewById(R.id.textview1);  
        textView2=(TextView)findViewById(R.id.textview2);  
        //添加一段html的标示  
        String html="<font color='red'>I love Android</font><br>";  
        html+="<font color='#00ff00'><big><i> I love Android </i></big></font><p>";  
        html+="<big><a href='http://www.baidu.com'>百度</a></big>";  
        CharSequence charSequence=Html.fromHtml(html);  
        textView1.setText(charSequence);  
        //点击的时候产生超链接  
        textView1.setMovementMethod(LinkMovementMethod.getInstance());  
        String text="我的URL：http://www.sina.com\n";  //这里的\n是换行符  
        text+="我的Email:mrwujay@163.com\n";  
        text+="我的电话：+86148998933";  
        textView2.setText(text);  
        textView2.setMovementMethod(LinkMovementMethod.getInstance());  
    }  
      
}

main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
    android:layout_width="fill_parent"  
    android:layout_height="fill_parent"  
    android:orientation="vertical" >  
  
    <TextView  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:id="@+id/textview1"  
        android:padding="20sp"/>  
      
     <TextView  
        android:layout_width="fill_parent"  
        android:layout_height="wrap_content"  
        android:id="@+id/textview2"  
        android:padding="20sp"  
        android:autoLink="all"  
        android:textSize="20sp"  
        android:text="@string/link_text"/>  
  
</LinearLayout>

转载于:https://my.oschina.net/yolinfeng/blog/378874