Android（java）学习笔记139：在TextView组件中利用Html插入文字或图片

2022-10-19 07:31:07

1. TextView中利用Html插入文字或者图片：

首先我们看看代码：

（1）activity_main.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    tools:context="com.himi.textview_img.MainActivity" >

    <TextView

        android:id="@+id/textview"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/hello_world" />

     <ImageView

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:background="@drawable/list_item_divide_operate" />

    <TextView

        android:id="@+id/textview01"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/hello_world" />

     <ImageView

            android:layout_width="fill_parent"

            android:layout_height="wrap_content"

            android:background="@drawable/list_item_divide_operate" />

    <TextView

        android:id="@+id/textview02"

        android:layout_width="wrap_content"

        android:layout_height="wrap_content"

        android:text="@string/hello_world" />

</LinearLayout>

（2）然后是MainActivity.java:

package com.himi.textview_img;

import android.app.Activity;

import android.graphics.drawable.Drawable;

import android.os.Bundle;

import android.text.Html;

import android.view.Menu;

import android.view.MenuItem;

import android.widget.TextView;

public class MainActivity extends Activity {

    private TextView tv;

    private TextView tv1;

    private TextView tv2;

    private final String sText1 = "测试图片信息：<img src=\""+R.drawable.ic_launcher+"\" />";

    @Override

    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.activity_main);

         tv = (TextView)findViewById(R.id.textview);

         tv1 = (TextView)findViewById(R.id.textview01);

         tv2 = (TextView)findViewById(R.id.textview02);

        //利用TextView直接显示Html文字内容，这里在首先上显示的Html文件，只能静态的显示，下面link超链接则是无效的，但是往往我们还是需要实现超链接的

         tv.setText(

                 Html.fromHtml(

                         "<h1>任逍遥</h1>"+

                         "<a href=http://localhost/http/test.php>link</a>"+

                         "<p>我和你</p>"     ));

        //利用textview.setText(Html.fromHtml(……,……,……));方法显示Html文件中img图片，资源文件图片

             tv1.setText(Html.fromHtml(sText1,new Html.ImageGetter() {

                    public Drawable getDrawable(String source) {

                        Drawable drawable = null;

                        int rid = Integer.parseInt(source);

                        drawable = getResources().getDrawable(rid);

                        drawable.setBounds(0,0,drawable.getIntrinsicWidth(),drawable.getIntrinsicHeight());

                        return drawable;

                    }

                },null));

         tv2.setText("文字");

    }

    @Override

    public boolean onCreateOptionsMenu(Menu menu) {

        // Inflate the menu; this adds items to the action bar if it is present.

        getMenuInflater().inflate(R.menu.main, menu);

        return true;

    }

    @Override

    public boolean onOptionsItemSelected(MenuItem item) {

        // Handle action bar item clicks here. The action bar will

        // automatically handle clicks on the Home/Up button, so long

        // as you specify a parent activity in AndroidManifest.xml.

        int id = item.getItemId();

        if (id == R.id.action_settings) {

            return true;

        }

        return super.onOptionsItemSelected(item);

    }

}

2. 这里重点提一下：Html类和它的静态方法fromHtml（）

fromHtml（）是重载的，有两种格式如下：

（1）public static Spanned fromHtml(String source)

通过返回的Spanned（继承自CharSequence）：表示可显示的样式文本

（2）public static Spanned fromHtml(String source,Html.ImageGetter imageGetter, Html.TagHandler tagHandler)

source ：包含Html的字符串。

imageGetter ：imageGetter对象。当系统解析到 <img> 标签时就会调用imageGetter对象的getDrawable方法，并将 src 属性值传递传入 getDrawable 方法。至于 src 属性的具体含义，就要在getDrawable方法中确定了。getDrawable方法返回一个Drawable对象。我们可以从res/drawable资源、assets资源、SD卡以及网络上获得图像资源，并分装成Drawable对象。

tagHandler ：TagHandler对象。系统每处理一个标签时都会调用该对象的handleTag方法。不过这个参数并不常用。如果不用可以设为null。

3. 上面提到是项目资源文件利用Html这个类在TextView中显示，当然类似的还是网络图片，手机本地图片在利用Html这个类在TextView显示代码示例如下：

（1）网络图片：

final String sText = "测试图片信息：<br><img src=\"http://pic004.cnblogs.com/news/201211/20121108_091749_1.jpg\" />";

tView.setText(Html.fromHtml(sText, imageGetter, null));

final Html.ImageGetter imageGetter = new Html.ImageGetter() {

    public Drawable getDrawable(String source) {

        Drawable drawable=null;

    URL url;

    try {

        url = new URL(source);

        drawable = Drawable.createFromStream(url.openStream(), "");

    } catch (Exception e) {

        e.printStackTrace();

        return null;

    }

    drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());

    return drawable;　　　　　};

}

（2）手机本地图片：

final String sText2 = "测试图片信息：<img src=\"/mnt/sdcard/temp/1.jpg\" />";

tView.setText(Html.fromHtml(sText2, imageGetter, null));

final Html.ImageGetter imageGetter = new Html.ImageGetter() {

    public Drawable getDrawable(String source) {

        Drawable drawable=null;

    drawable=Drawable.createFromPath(source);

　　　　    drawable.setBounds(0, 0, drawable.getIntrinsicWidth(), drawable.getIntrinsicHeight());

    return drawable;　　};

}

4. 特别注意三种不同图片的路径：

（1）资源文件：<img src=\""+R.drawable.ic_launcher+"\" />

（2）本地文件：<img src=\"/mnt/sdcard/temp/1.jpg\" />

（3）网络文件：<img src=\"http://pic004.cnblogs.com/news/201211/20121108_091749_1.jpg\" />

码农公寓

相关文章