文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

Android中使用TextView实现图文混排的方法

2022-06-06 09:03

关注

向TextView或EditText中添加图像比直接添加文本复杂一点点,需要用到<img>标签。

<img>只有一个src属性,该属性原则上应该指向一个图像地址或可以找到某个图像资源的唯一标识。但要注意的是,系统并不会直接根据src属性所指的值自动获取和显示图像,这一切都需要我们去做。说白了,src属性指的是什么只有开发者自己知道。开发者需要告诉系统src属性到底指的是什么,然后系统才会知道怎么做。

解析src属性值需要ImageGetter对象的getDrawable方法来完成。ImageGetter是一个接口。使用Html.fromHtml会使这一过程变得简单。


public static Spanned fromHtml(String source,ImageGetter imageGetter, TagHandler tagHandler);

我们通常在TextView文本中设置文字。可是如何设置图文混排呢?

我就在这里写一个例子 。我们需要用到一点简单的HTML知识

在TextView中预订了一些类似HTML的标签,通过标签可以使TextView控件显示不同颜色,大小,字体的文字

<font>:设置颜色和字体
<big>:设置大号
<small>:设置小号
<i>\<b>:斜体、粗体
<a>:链接地址
<img>:插入图片

在drawable中存入我们的图片。

然后我们在布局文件中添加一个TextView控件


<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:id="@+id/tv_text" 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" /> 
</LinearLayout> 

在MainActivity.clss文件中

写一行HTML形式的代码,并用一个字符串接收它


String html="<font>草莓</font><img src=‘strawberry'>"; 

这行代码是什么意思呢?大家也看了上面的HTML简单的标签。<font>是字体,所以<font>和</font>之间的是文字,<img>是图片,src是图片的名称
然后我们要解释这行HTML代码,就用到了这个方法


Html.fromHtml(String source, ImageGetter imageGetter, TagHandler tagHandler) 

其中source是字符串形式的 也就是我们需要解释的HTML代码。ImageGetter就是图片的资源,TagHandler就标签在这里设置为null就行。
那么ImageGetter该怎么写呢?我们可以new 一个ImageGetter对象 会发现里面有一个方法


public Drawable getDrawable(String source) { 
} 

我们可以使用输出日志信息看看这个方法里面传递的source是什么

发现了吗?就是我们Html代码里面的 内容<img src='strawberry'>
由于返回的是Drawable类型的资源我们首先new 一个Drawable对象,然后通过getSource()的方法获取图片资源
最后一定要通过setBounds()方法设置一下图片的大小。否则是不会显示的哦


if(source.equals("‘strawberry'")){ 
Drawable draw=getResources().getDrawable(R.drawable.strawberry); 
draw.setBounds(0, 0, draw.getIntrinsicWidth(), draw.getIntrinsicHeight()); 
return draw; 
}

MainActivity.class的全部代码如下:


package com.example.textview; 
import javax.xml.transform.Source; 
import android.os.Bundle; 
import android.app.Activity; 
import android.graphics.drawable.Drawable; 
import android.text.Html; 
import android.text.Html.ImageGetter; 
import android.util.Log; 
import android.view.Menu; 
import android.widget.TextView; 
public class MainActivity extends Activity { 
private TextView tv_text; 
@Override 
protected void onCreate(Bundle savedInstanceState) { 
super.onCreate(savedInstanceState); 
setContentView(R.layout.activity_main); 
tv_text=(TextView) findViewById(R.id.tv_text); 
String html="<font>草莓</font><img src=‘strawberry'>"; 
CharSequence text=Html.fromHtml(html, new ImageGetter() { 
public Drawable getDrawable(String source) { 
//根据图片资源ID获取图片 
Log.d("source", source); 
if(source.equals("‘strawberry'")){ 
Drawable draw=getResources().getDrawable(R.drawable.strawberry); 
draw.setBounds(0, 0, draw.getIntrinsicWidth(), draw.getIntrinsicHeight()); 
return draw; 
} 
return null; 
} 
}, null); 
tv_text.setText(text); 
} 
}

以上所述是小编给大家介绍的Android中使用TextView实现图文混排的方法,希望对大家有所帮助。

您可能感兴趣的文章:Android下Button实现图文混排效果详解Android SpannableString多行图文混排的应用实战


阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     801人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     348人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     311人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     432人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     220人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-移动开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯