当前位置: 首页 > 编程笔记 >

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

司徒骞尧
2023-03-14
本文向大家介绍Android中使用TextView实现图文混排的方法,包括了Android中使用TextView实现图文混排的方法的使用技巧和注意事项,需要的朋友参考一下

向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'>
由于html" target="_blank">返回的是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下Button实现图文混排效果的使用技巧和注意事项,需要的朋友参考一下 Button实现图文混排效果,具体内容如下 一、简介 本文介绍两种图文混排方式 1、android:drawableTop="@drawable/star"实现文字上有图片 当然有上下左右等等 2、SpannableString的ImageSpan

  • 本文向大家介绍Android中使用TextView实现文字跑马灯效果,包括了Android中使用TextView实现文字跑马灯效果的使用技巧和注意事项,需要的朋友参考一下 通常情况下我们想实现文字的走马灯效果需要在xml文件中这样设置 大家都懂的就不解释了。 singleLine :boolean型的是否让文字只显示在一行而不是多行显示 ellipsize:滚动效果,里面有(none,start,

  • 本文向大家介绍Android实现TextView两端对齐的方法,包括了Android实现TextView两端对齐的方法的使用技巧和注意事项,需要的朋友参考一下 Android中的TextView控件默认是做不到两端对齐的,都是左对齐。可能的原因是安卓默认数字、字母不能为第一行以后每行的开头字符,因为数字、字母为半角字符,还有就是文字中的英文字符占用1个字节,而一个汉字占用两个字节。下面我就介绍下实

  • 本文向大家介绍android使用Textview实现伸缩效果,包括了android使用Textview实现伸缩效果的使用技巧和注意事项,需要的朋友参考一下 android开发过程中,经常遇到Textview展示不完全的情况。 遇到此情况,通常的处理是: 方案一、Textview添加android:ellipsize属性,让展示不完的部分使用省略号代替。 方案二、Textview采用走马灯效果,使其

  • 本文向大家介绍Android TextView实现跑马灯效果的方法,包括了Android TextView实现跑马灯效果的方法的使用技巧和注意事项,需要的朋友参考一下 本文为大家分享一个非常简单但又很常用的控件,跑马灯状态的TextView。当要显示的文本长度太长,又不想换行时用它来显示文本,一来可以完全的显示出文本,二来效果也挺酷,实现起来超级简单,所以,何乐不为。先看下效果图: 代码实现 Te

  • 本文向大家介绍Android实现捕获TextView超链接的方法,包括了Android实现捕获TextView超链接的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了Android实现捕获TextView超链接的方法。分享给大家供大家参考,具体如下: 这里分享一篇捕获TextView超链接的文章,希望对大家有所帮助,我终于在歪路上回归正途了。这个捕获TextView超链接应该算是比较常