android 你所不知道的类SpannableStringBuilder的总结--实现图文混排，查看更多，下划线等等

最新推荐文章于 2023-06-20 15:51:10 发布
最新推荐文章于 2023-06-20 15:51:10 发布
阅读量3k 收藏 1
点赞数 1
分类专栏： android 开发 文章标签： spannableStringBuild TextView更加绚
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013424496/article/details/51351541
版权
今天无意中看到的一个类SpannableStringBuilder，查了下感觉很牛叉；

1.看下实现的效果

第一种
第二种
实现的代码见   使用的模板

2.简单的使用模板：

public   class   MainActivity  extends   Activity  implements   OnClickListener {
     private   TextView tv;
     private   Button underline_btn;
     private   Button strike_btn;
     private   Button style_btn;
     private   Button font_btn;
     private   Button color_btn1;
     private   Button color_btn2;
     private   Button url_btn;
     private   Button image_btn;
     private   Button maskfilte_btn;
     private   Button Rasterizer_btn;
     private   Button spannablestringbuilder;
     @Override
     protected   void   onCreate(Bundle savedInstanceState) {
         super .onCreate(savedInstanceState);
         setContentView(R.layout.activity_main);
         tv = (TextView)  this .findViewById(R.id.tv);
         underline_btn = (Button)  this .findViewById(R.id.underline_btn);
         strike_btn = (Button)  this .findViewById(R.id.strike_btn);
         style_btn = (Button)  this .findViewById(R.id.style_btn);
         font_btn = (Button)  this .findViewById(R.id.font_btn);
         color_btn1 = (Button)  this .findViewById(R.id.color_btn1);
         color_btn2 = (Button)  this .findViewById(R.id.color_btn2);
         url_btn = (Button)  this .findViewById(R.id.url_btn);
         image_btn = (Button)  this .findViewById(R.id.image_btn);
         maskfilte_btn = (Button)  this .findViewById(R.id.maskfilte_btn);
         Rasterizer_btn = (Button)  this .findViewById(R.id.Rasterizer_btn);
         spannablestringbuilder = (Button)  this .findViewById(R.id.spannablestringbuilder);
 
         underline_btn.setOnClickListener( this );
         strike_btn.setOnClickListener( this );
         style_btn.setOnClickListener( this );
         font_btn.setOnClickListener( this );
         color_btn1.setOnClickListener( this );
         color_btn2.setOnClickListener( this );
         url_btn.setOnClickListener( this );
         image_btn.setOnClickListener( this );
         maskfilte_btn.setOnClickListener( this );
         Rasterizer_btn.setOnClickListener( this );
         spannablestringbuilder.setOnClickListener( this );
 
     }
 
     @Override
     public   void   onClick(View v) {
         switch   (v.getId()) {
         case   R.id.underline_btn:
             addUnderLineSpan();
             break ;
         case   R.id.strike_btn:
             addStrikeSpan();
             break ;
         case   R.id.style_btn:
             addStyleSpan();
             break ;
         case   R.id.font_btn:
             addFontSpan();
             break ;
         case   R.id.color_btn1:
             addForeColorSpan();
             break ;
         case   R.id.color_btn2:
             addBackColorSpan();
             break ;
         case   R.id.url_btn:
             addUrlSpan();
             break ;
         case   R.id.image_btn:
             addImageSpan();
             break ;
         case   R.id.maskfilte_btn:
             addmaskfilteSpan();
             break ;
         case   R.id.Rasterizer_btn:
             addRasterizerSpan();
             break ;
         case   R.id.spannablestringbuilder:
             addspannablestringbuilderSpan();
             break ;
         }
     }
     /**
      * spannablestringbuilder
      */
     private   void   addspannablestringbuilderSpan() {
         SpannableStringBuilder ss= new   SpannableStringBuilder( "红色超链接斜体删除线绿色下划线图片:." ); 
            //用颜色标记文本
         ss.setSpan( new   ForegroundColorSpan(Color.RED),  0 ,  2 , 
                 //setSpan时需要指定的 flag,Spanned.SPAN_EXCLUSIVE_EXCLUSIVE(前后都不包括).
                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
         //用超链接标记文本
         ss.setSpan( new   URLSpan( "tel:4155551212" ),  2 ,  5 , 
                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
         //用样式标记文本（斜体）
         ss.setSpan( new   StyleSpan(Typeface.BOLD_ITALIC),  5 ,  7 , 
                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
         //用删除线标记文本
         ss.setSpan( new   StrikethroughSpan(),  7 ,  10 , 
                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
         //用下划线标记文本
         ss.setSpan( new   UnderlineSpan(),  10 ,  16 , 
                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
         //用颜色标记
         ss.setSpan( new   ForegroundColorSpan(Color.GREEN),  10 ,  12 , 
                 Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
         //获取Drawable资源
         Drawable d = getResources().getDrawable(R.drawable.ic_launcher); 
         d.setBounds( 0 ,  0 , d.getIntrinsicWidth(), d.getIntrinsicHeight());
         //创建ImageSpan
         ImageSpan span =  new   ImageSpan(d, ImageSpan.ALIGN_BASELINE);
         //用ImageSpan替换文本
         ss.setSpan(span,  18 ,  19 , Spannable.SPAN_INCLUSIVE_EXCLUSIVE); 
         tv.append( "\n" );
         tv.setText(ss);
         tv.setMovementMethod(LinkMovementMethod.getInstance());  //实现文本的滚动 
     }
 
     /*
      * Spannable.SPAN_EXCLUSIVE_EXCLUSIVE：前后都不包括，即在指定范围的前面和后面插入新字符都不会应用新样式
      * Spannable.SPAN_EXCLUSIVE_INCLUSIVE ：前面不包括，后面包括。即仅在范围字符的后面插入新字符时会应用新样式
      * Spannable.SPAN_INCLUSIVE_EXCLUSIVE ：前面包括，后面不包括。
      * Spannable.SPAN_INCLUSIVE_INCLUSIVE ：前后都包括。
      */
     /**
      * 光栅效果
      */
     private   void   addRasterizerSpan() {
         SpannableString spanText =  new   SpannableString( "StrikethroughSpan" );
         spanText.setSpan( new   StrikethroughSpan(),  0 ,  7 , Spannable.
         SPAN_INCLUSIVE_EXCLUSIVE);
         tv.append( "\n" );
         tv.append(spanText);
          
     }
     /**
      * 修饰效果
      */
     private   void   addmaskfilteSpan() {
         SpannableString spanText =  new   SpannableString( "benzlocke6666666" );
         int   length = spanText.length();
         //模糊(BlurMaskFilter)
         MaskFilterSpan maskFilterSpan =  new   MaskFilterSpan( new   BlurMaskFilter( 3 , Blur.OUTER));
         spanText.setSpan(maskFilterSpan,  0 , length -  10 , Spannable.
         SPAN_INCLUSIVE_EXCLUSIVE);
         //浮雕(EmbossMaskFilter)
         maskFilterSpan =  new   MaskFilterSpan( new   EmbossMaskFilter( new   float []{ 1 , 1 , 3 },  1 .5f,  8 ,  3 ));
         spanText.setSpan(maskFilterSpan, length -  10 , length, Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
         tv.append( "\n" );
         tv.append(spanText);
          
     }
 
     /**
      * 超链接
      */
     private   void   addUrlSpan() {
         SpannableString spanString =  new   SpannableString( "超链接" );
         URLSpan span =  new   URLSpan( "tel:0123456789" );
         spanString.setSpan(span,  0 ,  3 , Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
         tv.append( "\n" );
         tv.append(spanString);
          
         tv.setMovementMethod(LinkMovementMethod.getInstance());
     }
 
     /**
      * 文字背景颜色
      */
     private   void   addBackColorSpan() {
         SpannableString spanString =  new   SpannableString( "文字背景颜色" );
         BackgroundColorSpan span =  new   BackgroundColorSpan(Color.YELLOW);
         spanString.setSpan(span,  0 ,  6 , Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
         tv.append( "\n" );
         tv.append(spanString);
     }
 
     /**
      * 文字颜色
      */
     private   void   addForeColorSpan() {
         SpannableString spanString =  new   SpannableString( "文字颜色" );
         ForegroundColorSpan span =  new   ForegroundColorSpan(Color.BLUE);
         spanString.setSpan(span,  0 ,  4 , Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
         tv.append( "\n" );
         tv.append(spanString);
     }
 
     /**
      * 字体大小
      */
     private   void   addFontSpan() {
         SpannableString spanString =  new   SpannableString( "36号字体" );
         AbsoluteSizeSpan span =  new   AbsoluteSizeSpan( 36 );
         spanString.setSpan(span,  0 ,  5 , Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
         tv.append( "\n" );
         tv.append(spanString);
     }
 
     /**
      * 粗体，斜体
      */
     private   void   addStyleSpan() {
         SpannableString spanString =  new   SpannableString( "ABCDEF" );
         StyleSpan span =  new   StyleSpan(Typeface.BOLD_ITALIC);
         spanString.setSpan(span,  0 ,  3 , Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
         tv.append( "\n" );
         tv.append(spanString);
     }
 
     /**
      * 删除线
      */
     private   void   addStrikeSpan() {
         SpannableString spanString =  new   SpannableString( "删除线" );
         StrikethroughSpan span =  new   StrikethroughSpan();
         spanString.setSpan(span,  0 ,  3 , Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
         tv.append( "\n" );
         tv.append(spanString);
     }
 
     /**
      * 下划线
      */
     private   void   addUnderLineSpan() {
         SpannableString spanString =  new   SpannableString( "下划线" );
         UnderlineSpan span =  new   UnderlineSpan();
         spanString.setSpan(span,  0 ,  3 , Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
         tv.append( "\n" );
         tv.append(spanString);
     }
 
     /**
      * 图片
      */
     private   void   addImageSpan() {
         SpannableString spanString =  new   SpannableString( " " );
         Drawable d = getResources().getDrawable(R.drawable.ic_launcher);
         d.setBounds( 0 ,  0 , d.getIntrinsicWidth(), d.getIntrinsicHeight());
         ImageSpan span =  new   ImageSpan(d, ImageSpan.ALIGN_BASELINE);
         spanString.setSpan(span,  0 ,  1 , Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
         tv.append( "\n" );
         tv.append(spanString);
     }
}

更多：

pszh
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用android SpannableStringBuilder实现图文混排，查看更多
fancychendong的专栏
10-09 2万+
项目开发中需要实现这种效果 复制去Google翻译翻译结果
Android的图文混合实现之TextView+html加载图片
最新发布
2301_82241819的博客
05-01 48
从网上找的代码感觉很好用：//图片手势缩放，点击放大//初始化的缩放量//最大缩放量//中间缩放量//缩放手势监听//触摸点发生移动时的触摸点个数//记录移动之前按下去的那个坐标点//开始移动的滑动距离//是否可以移动//是否需要考虑left和right出现白边//是否需要考虑top和boottom出现白边//手势监听，如果正在缩放中就不向下执行,防止多次双击/**Matrix的对图像的处理Translate 平移变换。
Android开发实现文本后面添加小图标，SpannableStringBuilder的使用
小辰_ad的博客
01-28 3743
根据需求需要在textview的文本末尾添加一个免费的icon，第一想到的就是自定义textview，但是感觉太麻烦了。所以就想到了SpannableStringBuilder，先看下效果图： 具体实现方法很简单： String str = "你是个大好人，你的眉毛细又长，你的头发黑又亮，你的眼睛大又光"; int strLength = str.length(); String tex...
【小知识点】强大的SpannableString和SpannableStringBuilder
qi85481455的博客
02-28 878
文章目录一、效果二、介绍2.1 应用场景2.2 介绍2.3 主要方法三、用法3.1 使用ForegroundColorSpan修改字体颜色3.2 使用ForegroundColorSpan修改字体颜色3.3 使用BackgroundColorSpan修改字体颜色3.4 使用AbsoluteSizeSpan修改字体颜色3.5 使用StyleSpan修改字体颜色3.6 使用Striketh...
Android高级应用源码-仿qq实现图文混排以及涂鸦等功能.zip
10-14
PDF文件"新提醒仿qq实现图文混排以及涂鸦等功能-Android开发源码下载-eoe Android开发者社区_Android开发论坛 - Powered by Discuz!.pdf"很可能是该项目的详细说明或者教程，包括了如何理解和使用源码的指导。 总之...
swift-利用coreText实现图文混排类似H5的新闻界面
08-15
在Swift编程中，CoreText框架提供了强大的文本渲染能力，使得开发者可以实现高度定制化的文本布局，包括复杂的图文混排效果。这种技术常被用于创建类似于H5新闻界面的应用，为用户提供丰富的阅读体验。本文将深入...
Android-TextViewDemo图文混排
08-12
更复杂的图文混排可以使用`SpannableStringBuilder`或者`DynamicLayout`，通过插入`ImageSpan`来实现图片与文字的混合布局，例如表情的显示。 7. **表情和图片加载**： 当涉及到表情时，可以使用自定义的`...
基于Objective-C语言实现图文混排的编辑器源码.zip
08-02
本项目提供的"基于Objective-C语言实现图文混排的编辑器源码"是为iOS应用设计的一个功能强大的编辑器，允许用户在单个视图中自由组合文字和图像，为移动应用的内容创建提供了丰富的可能性。 首先，我们要理解...
多行TextView后插入图片
iblade的博客
08-06 811
public class LabelUtils { /** * @param text 标签内容 * @param textColor 标签颜色 * @return */ public static Drawable fromText(String text, String textColor) { int DP1 = DensityUtil.dip2px(1); Paint paint = new Pain.
android 添加icon,【Android】PagerTabStrip添加icon
weixin_42529544的博客
05-28 206
【Android】SpannableStringBuilder在PagerTabStrip 中添加图标效果图开始解说：：：：：：：：：：：：：：view.PagerTabStrip组件的方法是public CharSequence getPageTitle(int position) { }public CharSequence getPageTitle(int position) {Spanna...
使用android SpannableStringBuilder实现图文混排源码
ydmaizi的博客
11-24 449
在android开发中，我们常常需要对文字和图片进行一些排版，以提升客户体验度。要让图文混排更加友好，这个功能怎么实现呢？不妨可以尝试android SpannableStringBuilder来实现图文混排，而如果想要更多其他的效果的话，也可以进行修改调整实现。        废话不多说，直接上代码，大家自己琢磨研究吧： private voidtoggleEllipsize(final T
32Spannable的使用（Android显示html带图片 (表情开发)）
chenfuduo_loveit的专栏
12-31 854
Android中显示html文件要用Html.fromHtml(...)处理过的返回值，返回值可以成为setText()的参数。只显示带文本的html可以用下面的方法处理html文件。 public static Spanned fromHtml (String source) 显示带图片的html要用下面的方法处理html文件。 public static Spanned from
Android textview 文字显示不下用省略号代替 并且接图标 ，图标可点击
Eqiqi的博客
05-31 2257
序言：在日常开发中，业务提出了一个需求需要文本显示不下最多显示两行 并且在第二行末尾用省略号表示显示不下，还要接上一个图标 图标可以点击弹窗显示所有文字内容效果如下：问题： 1、文本固定显示两行并且在末尾用省略号代替 2、末尾跟随可点击的图标实现思路 1、首先末尾省略号我采取的是获取每一行的字数，然后根据需要展示的行数 累计 最后替换字符串 2、文本末尾跟上图标我们可以用SpannableStringBuilder 实现 省略号 跟上图标 图标可以点击需要用到clickableSpan 注意要想点击还必
android span 下划线,Android TextView实现部分文字(超链接/Span)点击事件、变色、去除下划线...
weixin_34355933的博客
05-28 1513
马上8月结束了,深海决定写点东西分享给大家,祝各位程序猿身体健康万事如意.废话不多说,直接上图: 如图中蓝色文字的效果,需求如下:1,点击跳转到另一个页面2.去除下划线3.颜色自定义第一步:实现目标文字段点击事件final SpannableStringBuilder style = new SpannableStringBuilder();String content = "文章内容"Strin...
android 富文本SpannableString去掉下划线
热门推荐
成长的烧年
01-24 1万+
总有些细节设计总监总是揪着不放，做的app中有个textview牵扯到了url链接，但是老大的意思是不能存在下划线，如下图： -----》 代码如下： String msg = "*注册即代表同意《用户协议》"; SpannableString smp = new SpannableString(msg); ClickableSpan c
Android中强大的SpannableStringBuilder
zdj_Develop的博客
04-16 689
之前用过SpannableStringBuilder，今天有些时间，于是将这一块总结一下。 前言： SpannableStringBuilder： This is the class for text whose content and markup can both be changed. （这是一个内容和标记都可以更改的文本类） SpannableStringBuilder有个亲兄弟Span...
Android 富文本 SpannableStringBuilder 探究
X_sunmmer的博客
06-20 2678
今天为什么要说 SpannableStringBuilder 这个类呢 ，这还要从之前悲催的项目经历说起，原型是这样子的，我们主要看文本，其余暂时忽略当你看到图，是不是感觉很熟悉，因为他就是个服务条款跟隐私政策一样的勾选提交功能，如果不出意外的话，TextView 文本拼接，然后再添加上点击事件跳转，大功告成，但往往这时候都会出意外，这个服务条款很隐私政策是接口动态获取的，可能是一个也可能是两个，但此时我告诉你一个 TextView 即可搞定是不是很神奇？来看下本章最终的实现效果。
Android studio 编辑框实现图文混排
05-19
Android Studio中的EditText控件默认只能输入文字，如果需要实现图文混排，则需要使用SpannableString类。SpannableString类是一个可变的字符串，可以在其中嵌入一些富文本样式，比如字体、颜色、下划线等。 下面是...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值