html5中文学习网

您的位置: 首页 > android » 正文

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

[ ] 已经帮助:人解决问题

向TextView或EditText中添加图像比直接添加文本复杂一点点,需要用到<img>标签。bYbHTML5中文学习网 - HTML5先行者学习网

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

解析src属性值需要ImageGetter对象的getDrawable方法来完成。ImageGetter是一个接口。使用Html.fromHtml会使这一过程变得简单。bYbHTML5中文学习网 - HTML5先行者学习网

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

我们通常在TextView文本中设置文字。可是如何设置图文混排呢?bYbHTML5中文学习网 - HTML5先行者学习网

我就在这里写一个例子 。我们需要用到一点简单的HTML知识bYbHTML5中文学习网 - HTML5先行者学习网

在TextView中预订了一些类似HTML的标签,通过标签可以使TextView控件显示不同颜色,大小,字体的文字bYbHTML5中文学习网 - HTML5先行者学习网

<font>:设置颜色和字体bYbHTML5中文学习网 - HTML5先行者学习网
<big>:设置大号bYbHTML5中文学习网 - HTML5先行者学习网
<small>:设置小号bYbHTML5中文学习网 - HTML5先行者学习网
<i>/<b>:斜体、粗体bYbHTML5中文学习网 - HTML5先行者学习网
<a>:链接地址bYbHTML5中文学习网 - HTML5先行者学习网
<img>:插入图片bYbHTML5中文学习网 - HTML5先行者学习网

在drawable中存入我们的图片。bYbHTML5中文学习网 - HTML5先行者学习网

然后我们在布局文件中添加一个TextView控件bYbHTML5中文学习网 - HTML5先行者学习网

<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文件中bYbHTML5中文学习网 - HTML5先行者学习网

写一行HTML形式的代码,并用一个字符串接收它bYbHTML5中文学习网 - HTML5先行者学习网
bYbHTML5中文学习网 - HTML5先行者学习网

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

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

Html.fromHtml(String source, ImageGetter imageGetter, TagHandler tagHandler) 
bYbHTML5中文学习网 - HTML5先行者学习网

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

public Drawable getDrawable(String source) { } 

我们可以使用输出日志信息看看这个方法里面传递的source是什么bYbHTML5中文学习网 - HTML5先行者学习网

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

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

MainActivity.class的全部代码如下:bYbHTML5中文学习网 - HTML5先行者学习网

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实现图文混排的方法,希望对大家有所帮助。bYbHTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助