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

最新推荐文章于 2022-06-10 16:42:47 发布
最新推荐文章于 2022-06-10 16:42:47 发布
阅读量992 收藏
点赞数
分类专栏： Android
　　要给 TextView 加上效果，方式主要有几种：
　　第一种，自动应用效果，使用 android:autolink 属性，如：
　　Java代码
 
　　android:id= "@+id/text1"
  
　　android:layout_width= "match_parent"
  
　　android:layout_height= "match_parent"
  
　　android:autoLink= "all"
  
　　android:text= "@string/link_text_auto"
  
　　/>
　　第二种，在文本中使用 标签，如：
　　Java代码
 
 
　　text2: This is some other
  
　　text, with a link specified
  
　　via an tag. Use a \"tel:\" URL
  
　　to dial a phone number
　　第三种，和第二种其实是一样的，只不过将文本改在 JAVA 代码中，如：
　　Java代码
 
　　TextView t3 = (TextView) findViewById(R.id.text3);
  
　　t3.setText(
  
　　Html.fromHtml(
  
　　 "text3: Text with a "  +
  
　　 "link "  +
  
　　 "created in the Java source code using HTML." ));
  
　　t3.setMovementMethod(LinkMovementMethod.getInstance());
　　第四种，前面三种可以说都是自动的，而第四种就是纯“手工”的了。通过创建 SpanableString 字符串，并在之上创 建一个或多个 Span 来实现丰富的效果。例子如下：
　　Java代码
 
　　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(前后都包括)。看个截图就更明白了：

　　对比一下

　　在Android中，TextView是我们最常用的用来显示文本的控件。
　　一般情况下，TextView中的文本都是一个样式。那么如何对于TextView中各个部分的文本来设置字体，大小，颜色，样式，以及超级链接等属性呢?下面我们通过SpannableString的具体实例操作来演示一下。
　　res-layout-main.xml:
　　Java代码
 
　　android:layout_height= "wrap_content"  android:layout_width= "wrap_content" android:orientation= "horizontal" >
  
　　android:id= "@+id/myTextView"
  
　　android:layout_width= "fill_parent"
  
　　android:layout_height= "wrap_content"
  
　　/>
　　res-color-color.xml
　　res-color-linkcolor.xml:
　　Java代码
 
　　android:color= "#ffffff00" />
  
　　android:color= "#ff00ffff" />
　　TextViewLinkActivity:
　　Java代码
 
　　 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());
  
　　}
  
　　}
　　效果预览：
　　
treasure3334
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android SpannableString设置超链接、颜色、字体等属性
08-31
主要介绍了Android SpannableString设置超链接、颜色、字体等属性的相关资料,需要的朋友可以参考下
Android中Textview超链接实现方式
09-02
在Android开发中，TextView是用于显示文本的基本组件，有时候我们需要在TextView中添加超链接，让文本具有可点击性，引导用户进行相应的操作，比如跳转到网页或启动应用内的功能。本文将详细介绍如何通过三种方法在...
Android TextView中文字设置超链接、颜色、字体
03-22
首先，设置超链接是通过`android:text`属性或者使用`SpannableString`来完成的。当我们在TextView的文本中插入URL时，可以使用`android:autoLink="web"`属性，让系统自动识别并转换为可点击的超链接。但这种方法可能...
android 更改TextView中任意位置字体大小和颜色的方法
08-28
String textSource = "修改TextView中部分文字的<font color='#ff0000'><big>大</big><small>小</small></font>和颜色，展示多彩效果！"; textView.setText(Html.fromHtml(textSource)); ``` 在上面的代码中，我们...
Android使用内置WebView打开TextView超链接的实现方法
08-31
在Android开发中，有时我们需要在应用内部处理TextView中的超链接，而不是让它们默认跳转到外部浏览器。本文将详细介绍如何使用内置的WebView组件来实现这一功能。首先，我们需要理解两个关键概念：`WebView`和`...
Android TextView中文字通过SpannableString设置属性用法示例
09-01
在Android开发中，`TextView` 是用于展示文本的最常见组件。然而，有时我们需要对`TextView`中的文本进行更复杂的格式化，比如改变部分文本的字体、大小、颜色、样式或者添加链接等。这时，我们可以利用`...
Spannable设置超链接
07-04
android开发中使用Spannable设置超链接的方法
android+spannablestring+设置字体颜色,Android中TextView通过SpannableString设置字体、大小、颜色、样式、超级链接...
weixin_33473486的博客
05-26 514
直接贴代码，不知道怎么使用的看注释吧。public class MainActivity extends ActionBarActivity {private TextView tv, tv2;private SpannableString sStr, sStr2;@Overrideprotected void onCreate(Bundle savedInstanceState) {super....
Android SpannableString使用详解
热门推荐
wenzhi的博客
01-04 1万+
使用TextView的过程中，有时候会需要将一串文本中的部分文字做特别的显示效果处理，比如加粗、改变颜色、加着重标识、超链接等等，我们可以通过多个TextView拼凑来实现，但如果需要特殊处理的内容在整个文本的中间，用多个TextView拼凑实在是太麻烦了，Android提供的SpannableString类能够很好地解决这个问题。
Android富文本SpannableString的基本使用以及补充
华灯雨
04-29 295
今天看到一个大佬写的博客介绍了一个神奇的组件——SpannableString 有时候有需求要求我们对TextView实现各种效果 例如对部分文字改变颜色 改变大小等等 之前都是通过设置资源文件或者在java中设置资源文件修改的 但是有些特殊的还是解决不了 例如文字中混搭了图片就很不好处理 用了这个控件就可以轻松实现很多功能了 上效果： 可以轻松实现以下效果: 自定义文本中文字的字体大小（包括绝...
Android中的各类Span全面系统研究
吾娱生活的专栏
01-03 890
Android中的各类Span全面系统研究 转自：http://chuansongme.com/n/20867 注意：效果图请点击原文查看       在android中，有时候需要对文本进行各种特别的设置，比如颜色、大小、首行缩进，或者是在一段文本中加入图片，甚至是书写一些特殊的公式。如果通过布局文件使用多个控件来实现，一方面会使的使用起来特别的复杂，增加了布局文
Android 三步实现《用户协议》和《隐私政策》超好用的文本点击库SpannableText
Johnwa的博客
06-10 2651
SpannableText是一款超简单实用的可点击文本库，可用于实现项目中《用户协议》和《隐私政策》的点击跳转，只需要传入目标文字以及目标链接，通过监听事件即可实现目标跳转，提高开发者的工作效率。............
Android Span富文本简单使用 - Spannable
最孤单的人的博客
07-22 979
###为文字实现很丰富的特殊效果，下面来实现几种很常用的操作 so... 直接上效果： ​ 简单介绍下Spanable中的常用常量： Spanned.SPAN_EXCLUSIVE_EXCLUSIVE -- 不包含start和end所在的端点 (a,b) Spanned.SPAN_EXCLUSIVE_INCLUSIVE -- 不包含端start，但包含end所在的端点 (a,b] Spanned.SPAN_INCLUSIVE_EXCLUSIVE -- ...
android开发 textview设置超链接颜色和背景色(被点击时的背景色、高亮色)
pansong291PS的CSDN博客
10-10 4647
安卓中textview设置超链接的代码网上也有一大堆，这里就不说了。 先说说设置超链接的文字的颜色，先定义MyURLSpan类并继承URLSpan类并重写updateDrawState()方法，java代码如下 class MyURLSpan extends URLSpan { public MyURLSpan(String url) { super(url); } @Over...
TextView使用Spannable设置复合文本
weixin_34290352的博客
06-10 223
端午过后又一天，还是没事干，再写一篇博客，过后就要期末考试了，可能最近就不出博文了，等暑假再重出江湖吧。 今天来弄弄这个TextView的效果，应用场景还是很广泛的，一个TextView文本拥有各种各样的样式，以前给文本插入图片都是那种drawableLeft啥的right的，图片大小还不好控制，排版又不好看，一次只能插入一张图片，根...
Android TextView 使用spannable实现颜色渐变
最新发布
07-14
要使用 Spannable 实现 TextView 的颜色渐变效果，你可以使用 ForegroundColorSpan 类来设置不同部分的字体颜色，并根据需要调整它们的位置和颜色值。 以下是一个示例代码，演示如何使用 Spannable 实现颜色渐变效果： ```java TextView textView = findViewById(R.id.textView); String text = "Hello World!"; Spannable spannable = new SpannableString(text); // 定义渐变色数组 int[] colors = {Color.RED, Color.GREEN, Color.BLUE}; // 定义颜色变化位置数组 float[] positions = {0f, 0.5f, 1f}; for (int i = 0; i < text.length(); i++) { // 计算当前字符的颜色 int color = interpolateColor(colors, positions, (float) i / (text.length() - 1)); // 创建 ForegroundColorSpan，并设置字体颜色 ForegroundColorSpan span = new ForegroundColorSpan(color); // 设置 span 的起始位置和结束位置 spannable.setSpan(span, i, i + 1, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); } // 将 spannable 设置给 TextView textView.setText(spannable); ``` 在这个示例中，我们首先创建了一个 SpannableString 对象，并将其初始化为需要处理的文本。然后，我们使用一个循环遍历文本中的每个字符，计算出当前字符的颜色值，然后创建一个 ForegroundColorSpan 对象，并将其应用到对应的字符上。最后，我们将处理后的 SpannableString 设置给 TextView。 在 interpolateColor 方法中，我们使用了一个插值算法来计算颜色的渐变值。你可以根据需要自定义这个方法，实现不同的颜色渐变效果。 这样，TextView 的文本就会呈现出颜色渐变的效果。你可以根据实际需求和喜好，调整渐变色数组、颜色变化位置数组以及插值算法来实现不同的颜色渐变效果。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值