`

android中用Spannable在TextView中设置超链接、颜色、字体

androidTextViewSpannable超链接 
阅读更多
昨晚研读 ApiDemo 源码至 com.example.android.apis.text.Link 类。首先，看一下其运行效果：

要给 TextView 加上效果，方式主要有几种：

第一种，自动应用效果，使用 android:autolink 属性，如： 
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/text1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:autoLink="all"
            android:text="@string/link_text_auto"
            />


第二种，在文本中使用 <a> 标签，如： 
<string name="link_text_manual"><b>text2:</b> This is some other
      text, with a <a href="http://www.google.com">link</a> specified
      via an &lt;a&gt; tag.  Use a \"tel:\" URL
      to <a href="tel:4155551212">dial a phone number</a>
</string>


第三种，和第二种其实是一样的，只不过将文本改在 JAVA 代码中，如： 
TextView t3 = (TextView) findViewById(R.id.text3);
t3.setText(
    Html.fromHtml(
         "<b>text3:</b>  Text with a " +
         "<a href=\"http://www.google.com\">link</a> " +
         "created in the Java source code using HTML."));
t3.setMovementMethod(LinkMovementMethod.getInstance());


第四种，前面三种可以说都是自动的，而第四种就是纯“手工”的了。通过创建 SpanableString 字符串，并在之上创 建一个或多个 Span 来实现丰富的效果。例子如下： 
SpannableString ss = new SpannableString("text4: Click here to dial the phone.");
ss.setSpan(new StyleSpan(Typeface.BOLD), 0, 6,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
ss.setSpan(new URLSpan("tel:4155551212"), 13, 17,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

TextView t4 = (TextView) findViewById(R.id.text4);
t4.setText(ss);
t4.setMovementMethod(LinkMovementMethod.getInstance());


完整的代码见 ApiDemo 吧，下面我提几点需要注意的：

.setMovementMethod，此方法在需要响应用户事件时使用，如点击一个电话号码就跳转到拨号页面。如果不执行这个方法是不会响应事件的，即便文本看着已经是下划线蓝色字了。
.Spanned.SPAN_EXCLUSIVE_EXCLUSIVE，这是在 setSpan 时需要指定的 flag，它的意义我试了很久也没试出来，睡个觉，今天早上才突然有点想法，试之，果然。它是用来标识在 Span 范围内的文本前后输入新的字符时是否把它们也应用这个效果。分别有 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包括)、Spanned.SPAN_INCLUSIVE_EXCLUSIVE(前面包括，后面不包括)、Spanned.SPAN_EXCLUSIVE_INCLUSIVE(前面不包括，后面包括)、Spanned.SPAN_INCLUSIVE_INCLUSIVE(前后都包括)。看个截图就更明白了：


对比一下




以下转自:http://blog.csdn.net/yang_hui1986527/article/details/6776629
在Android中，TextView是我们最常用的用来显示文本的控件。

  一般情况下，TextView中的文本都是一个样式。那么如何对于TextView中各个部分的文本来设置字体，大小，颜色，样式，以及超级链接等属性呢？下面我们通过SpannableString的具体实例操作来演示一下。

res-layout-main.xml: 
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_height="wrap_content" android:layout_width="wrap_content" android:orientation="horizontal">
<TextView  
	android:id="@+id/myTextView"
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    />
</LinearLayout>


res-color-color.xml

res-color-linkcolor.xml: 

<?xml version="1.0" encoding="utf-8"?>
<selector  xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"
          android:color="#ffffff00"/> <!-- pressed -->
    <item android:state_focused="true"
          android:color="#ff00ffff"/> <!-- focused -->
    <item android:color="#ff0ff000"/> <!-- default -->
</selector>


TextViewLinkActivity: 

import java.io.IOException;

import org.xmlpull.v1.XmlPullParserException;

import android.app.Activity;
import android.content.res.ColorStateList;
import android.content.res.XmlResourceParser;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.text.SpannableString;
import android.text.Spanned;
import android.text.method.LinkMovementMethod;
import android.text.style.AbsoluteSizeSpan;
import android.text.style.BackgroundColorSpan;
import android.text.style.BulletSpan;
import android.text.style.DrawableMarginSpan;
import android.text.style.ForegroundColorSpan;
import android.text.style.IconMarginSpan;
import android.text.style.ImageSpan;
import android.text.style.RelativeSizeSpan;
import android.text.style.ScaleXSpan;
import android.text.style.StrikethroughSpan;
import android.text.style.StyleSpan;
import android.text.style.SubscriptSpan;
import android.text.style.SuperscriptSpan;
import android.text.style.TextAppearanceSpan;
import android.text.style.TypefaceSpan;
import android.text.style.URLSpan;
import android.text.style.UnderlineSpan;
import android.widget.TextView;

public class TextViewLinkActivity extends Activity {
    TextView mTextView = null;   
    SpannableString msp = null;  
    
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
        mTextView = (TextView)findViewById(R.id.myTextView);
        
        //创建一个 SpannableString对象  
        msp = new SpannableString("字体测试字体大小一半两倍前景色背景色正常粗体斜体粗斜体下划线删除线x1x2电话邮件网站短信彩信地图X轴综合/bot"); 
        
        //设置字体(default,default-bold,monospace,serif,sans-serif)
        msp.setSpan(new TypefaceSpan("monospace"), 0, 2, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        msp.setSpan(new TypefaceSpan("serif"), 2, 4, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        
        //设置字体大小（绝对值,单位：像素） 
        msp.setSpan(new AbsoluteSizeSpan(20), 4, 6, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        msp.setSpan(new AbsoluteSizeSpan(20,true), 6, 8, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //第二个参数boolean dip，如果为true，表示前面的字体大小单位为dip，否则为像素，同上。
        
        //设置字体大小（相对值,单位：像素） 参数表示为默认字体大小的多少倍
        msp.setSpan(new RelativeSizeSpan(0.5f), 8, 10, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //0.5f表示默认字体大小的一半
        msp.setSpan(new RelativeSizeSpan(2.0f), 10, 12, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //2.0f表示默认字体大小的两倍
        
        //设置字体前景色
        msp.setSpan(new ForegroundColorSpan(Color.MAGENTA), 12, 15, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //设置前景色为洋红色
        
        //设置字体背景色
        msp.setSpan(new BackgroundColorSpan(Color.CYAN), 15, 18, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //设置背景色为青色
     
        //设置字体样式正常，粗体，斜体，粗斜体
        msp.setSpan(new StyleSpan(android.graphics.Typeface.NORMAL), 18, 20, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //正常
        msp.setSpan(new StyleSpan(android.graphics.Typeface.BOLD), 20, 22, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //粗体
        msp.setSpan(new StyleSpan(android.graphics.Typeface.ITALIC), 22, 24, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //斜体
        msp.setSpan(new StyleSpan(android.graphics.Typeface.BOLD_ITALIC), 24, 27, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);  //粗斜体
        
        //设置下划线
        msp.setSpan(new UnderlineSpan(), 27, 30, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        
        //设置删除线
        msp.setSpan(new StrikethroughSpan(), 30, 33, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        
        //设置上下标
        msp.setSpan(new SubscriptSpan(), 34, 35, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //下标   
        msp.setSpan(new SuperscriptSpan(), 36, 37, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);   //上标            
        
        //超级链接（需要添加setMovementMethod方法附加响应）
        msp.setSpan(new URLSpan("tel:4155551212"), 37, 39, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //电话   
        msp.setSpan(new URLSpan("mailto:webmaster@google.com"), 39, 41, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //邮件   
        msp.setSpan(new URLSpan("http://www.baidu.com"), 41, 43, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //网络   
        msp.setSpan(new URLSpan("sms:4155551212"), 43, 45, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //短信   使用sms:或者smsto:
        msp.setSpan(new URLSpan("mms:4155551212"), 45, 47, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //彩信   使用mms:或者mmsto:
        msp.setSpan(new URLSpan("geo:38.899533,-77.036476"), 47, 49, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);     //地图   
        
        //设置字体大小（相对值,单位：像素） 参数表示为默认字体宽度的多少倍
        msp.setSpan(new ScaleXSpan(2.0f), 49, 51, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //2.0f表示默认字体宽度的两倍，即X轴方向放大为默认字体的两倍，而高度不变
        
        //设置字体（依次包括字体名称，字体大小，字体样式，字体颜色，链接颜色）
        ColorStateList csllink = null;
        ColorStateList csl = null;
        XmlResourceParser xppcolor=getResources().getXml (R.color.color);
        try {
        	csl= ColorStateList.createFromXml(getResources(),xppcolor);
        }catch(XmlPullParserException e){
        	// TODO: handle exception
        	e.printStackTrace();    	
        }catch(IOException e){
        	// TODO: handle exception
        	e.printStackTrace();    	
        }

        XmlResourceParser xpplinkcolor=getResources().getXml(R.color.linkcolor);
        try {
        	csllink= ColorStateList.createFromXml(getResources(),xpplinkcolor);
        }catch(XmlPullParserException e){
        	// TODO: handle exception
        	e.printStackTrace();    	
        }catch(IOException e){
        	// TODO: handle exception
        	e.printStackTrace();    	
        }
        msp.setSpan(new TextAppearanceSpan("monospace",android.graphics.Typeface.BOLD_ITALIC, 30, csl, csllink), 51, 53, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); 
     
        //设置项目符号
        msp.setSpan(new BulletSpan(android.text.style.BulletSpan.STANDARD_GAP_WIDTH,Color.GREEN), 0 ,msp.length(), Spanned.SPAN_EXCLUSIVE_EXCLUSIVE); //第一个参数表示项目符号占用的宽度，第二个参数为项目符号的颜色

        //设置图片
        Drawable drawable = getResources().getDrawable(R.drawable.icon); 
        drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());  
        msp.setSpan(new ImageSpan(drawable), 53, 57, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
        
        mTextView.setText(msp);
        mTextView.setMovementMethod(LinkMovementMethod.getInstance()); 
    }
}


效果预览：

  • 大小: 17.9 KB
  • 大小: 23 KB
  • 大小: 4.2 KB
  • 大小: 5.4 KB
分享到：
| TextView 自动滚动(跑马灯)
评论
2 楼 u011467537 2015-02-10  
1 楼 lenomon 2012-03-12  
无下划线的，Android使用TextView实现无下划线超链接
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Android TextView中文字设置超链接、颜色、字体

    首先，设置超链接是通过`android:text`属性或者使用`SpannableString`来完成的。当我们在TextView的文本中插入URL时，可以使用`android:autoLink="web"`属性，让系统自动识别并转换为可点击的超链接。但这种方法可能...

    在TextView中添加超链接

    我们可以创建一个SpannableString，然后使用`ClickableSpan`来设置超链接： ```java String linkText = "点击这里"; SpannableString spannable = new SpannableString(linkText); ClickableSpan clickableSpan ...

    android设置TextView中不同的文字字体大小且垂直居中显示

    在Android开发中，有时我们需要在同一个TextView中展示不同大小的文字，并让它们保持垂直居中对齐。这可以通过使用SpannableString来实现。SpannableString是Android SDK提供的一种可操作字符串对象，允许我们在字符...

    通过Spannable设置TextView文字样式

    然而，我们常常需要对TextView中的文本进行更复杂的格式化，比如设置不同部分的字体、颜色、大小等。这时，Spannable类和它的子类就派上用场了。本篇文章将深入探讨如何通过Spannable来设置TextView的文字样式。 ...

    TextView实现超链接的四种方式

    在许多应用中，我们可能需要在TextView中展示带有超链接的文本，比如显示帮助文档、显示网页链接或者电子邮件等。本篇文章将详细探讨如何在TextView中实现超链接的四种方法。 ### 1. 使用`android:autoLink` 第一...

    TextView超链接自定义样式

    本篇将详细讲解如何在Android的`TextView`中实现超链接自定义样式，包括自定义字体颜色和去除超链接的下划线。 首先，让我们了解一下`TextView`中的`Links`。默认情况下，`TextView`会识别文本中的URL并自动将其...

    Android 使用SpannableString在TextView中插入表情、超链接、文字变大、加粗Demo下载

    本教程将深入讲解如何利用SpannableString在TextView中实现这些功能，并提供源码和APK供学习和实践。 首先，SpannableString是Android SDK中一个可操作子字符串样式的类，它允许我们在不改变原始字符串的基础上，为...

    Android 设置textview某段字体颜色或者背景

    在许多情况下，我们可能需要对TextView中的文本进行更细致的控制，比如设置某一段文字的颜色或背景色。这涉及到Android的富文本处理，通常会用到Spannable和SpannableString类。本篇文章将详细讲解如何在Android中...

    WebView跳转TextView中的超链接

    而TextView则用于展示纯文本信息，通常我们会在TextView中插入一些简单的格式化文本，比如超链接。当用户点击TextView中的超链接时，我们希望能够像WebView那样跳转到对应的网页。这个功能实现起来并不复杂，主要...

    SpannableTextView,.zip

    在Android开发中，TextView是用于展示文本的基本控件，而SpannableTextView则提供了一种更加高级的方式来控制文本的显示，允许开发者在不直接操作Spannable对象的情况下，实现文本片段的样式定制。 首先，Spannable...

    Spannable设置超链接

    在这个类中，我们重写了`onClick`方法来处理点击事件，同时还重写了`updateDrawState`方法来设置超链接的文字颜色和下划线。 #### 五、总结 通过以上步骤，我们可以实现一个基本的带有超链接功能的`TextView`。需要...

    TextView中，设置指定部分文字改变颜色，和指定部分文字点击事件

    在Android开发中，`TextView`是用于展示文本的常用组件，它可以进行丰富的文本格式化和交互操作。在一些场景下，我们可能需要对`TextView`中的特定部分文字进行颜色变化，甚至为这部分文字添加点击事件，以实现更...

    TextView自定义字体,风格,超链接等效果

    独立样式，即在一个TextView中对不同部分应用不同的样式，可以使用`CharacterStyle`的子类，如`ForegroundColorSpan`、`BackgroundColorSpan`、`BoldSpan`等。例如，将部分文字设为蓝色并加粗： ```java ...

    一个textview里设置多种字体颜色，并添加图片

    在某些场景下，我们可能需要在一个 `TextView` 中展示多种字体颜色，甚至插入图片，以增强用户界面的视觉效果和信息传递的清晰度。本文将详细讲解如何实现这个功能。 首先，对于设置多种字体颜色的需求，`TextView`...

    Retorfit的简单使用get请求，TextView的文本超链接识别源码

    通过以上步骤，我们就能利用Retrofit轻松地发起GET请求获取数据，并在TextView中展示带有超链接的文本。在实际开发中，还可以结合其他注解（如`@POST`, `@Body`, `@Query`等）处理更复杂的网络交互，以及使用自定义...

    Android使用内置WebView打开TextView超链接的实现方法

    在Android开发中，有时我们需要在应用内部处理TextView中的超链接，而不是让它们默认跳转到外部浏览器。本文将详细介绍如何使用内置的WebView组件来实现这一功能。首先，我们需要理解两个关键概念：`WebView`和`...

    textview字体颜色渐变显示

    在Android开发中，TextView是用于显示单行或多行文本的视图组件，它是我们界面设计中不可或缺的一部分。当我们想要让TextView的文字颜色具有渐变效果时，可以借助多种方法来实现。这种效果通常用于吸引用户的注意力...

Magicbox
Global site tag (gtag.js) - Google Analytics