[置顶] Android玄铁剑之TextView之图文并茂

 

传送门：上一节

 

玄铁剑
        金庸武侠第一神剑！剑魔独孤求败四十岁前持之横行天下，后为神雕侠杨过所得，持之亦无敌于天下。神雕侠隐退前将此剑赠与小东邪郭襄。襄阳城破前，郭靖、黄蓉夫妇请高明工匠熔之铸成倚天剑、屠龙刀二神兵，并藏《九阴真经》、《降龙十八掌掌谱》与《武穆遗书》于其中。此剑剑身长愈三尺，两边剑锋均为钝口，剑尖圆圆似是半球，通体深黑，却隐隐透出红光。剑以玄铁制成，共重八八六十四斤。玄铁乃天下至宝，便是要得一两也是绝难，寻常刀枪剑戟之中，只要加入半两数钱，凡铁立成利器。“重剑无锋，大巧不工”，其中境界，远胜世上诸般最巧妙的剑招。越是平平无奇的剑招，对方越难抗御。如挺剑直刺，只要劲力强猛，威力远比变幻奇妙的剑招更大。

        本节我们学习如何利用Android平台“玄铁剑”TextView来显示表情图像和文字，下面给出该情景的案例：

一、案例技术要点

1.java.lang.reflect.Field：利用Reflect相关技术获取资源文件夹下表情图片Id。

2.android.text.Html.fromHtml(...)：提供包含Html标签格式的文本内容。其中的第二个参数new ImageGetter() {...}：表示该字符串内容中可以包含图片资源。

3.android.text.method.LinkMovementMethod：提供超链接功能。TextView需要此功能时引入该类的实例即可。

4.drawable.getIntrinsicWidth()：获取图片的实际宽度；drawable.getIntrinsicHeight()：获取图片的实际高度。

二、案例代码陈列

AndroidManifest.xml

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

    package="com.android.textview"

    android:versionCode="1"

    android:versionName="1.0" >



    <uses-sdk

        android:minSdkVersion="8"

        android:targetSdkVersion="15" />



    <application

        android:icon="@drawable/ic_launcher"

        android:label="@string/app_name"

        android:theme="@style/AppTheme" >

        <activity

            android:name=".TextViewMainActivity"

            android:label="@string/app_name" >

            <intent-filter>

                <action android:name="android.intent.action.MAIN" />



                <category android:name="android.intent.category.LAUNCHER" />

            </intent-filter>

        </activity>

    </application>



</manifest>

strings.xml

<resources>

    <string name="app_name">TextView显示表情图像和文字</string>

</resources>

main.xml

<?xml version="1.0" encoding="utf-8"?>

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

    android:orientation="vertical"

    android:layout_width="match_parent"

    android:layout_height="match_parent" >

    

    <TextView android:id="@+id/tv"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:layout_margin="10dp"

        android:background="#FFF" />

    

</LinearLayout>

TextViewMainActivity.java

package com.android.textview;



import java.lang.reflect.Field;



import android.app.Activity;

import android.graphics.Color;

import android.graphics.drawable.Drawable;

import android.os.Bundle;

import android.text.Html;

import android.text.Html.ImageGetter;

import android.text.method.LinkMovementMethod;

import android.widget.TextView;



/**

 * TextView案例二：显示表情图像和文字

 * @author lynnli1229

 */

public class TextViewMainActivity extends Activity {

    private TextView textView;

    

    public int getResourceId(String name) {

        try {

            // 根据资源ID的变量名获取Field对象

            Field field = R.drawable.class.getField(name);

            // 获取并返回资源ID的字段（静态变量）的值

            return Integer.parseInt(field.get(null).toString());

        } catch (Exception e) {

            e.printStackTrace();

        }

        return 0;

    }



    @Override

    public void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

        

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

        textView.setTextColor(Color.BLACK);

        textView.setBackgroundColor(Color.WHITE);

        textView.setTextSize(20);

        String html = "图像1<img src='image1' />图像2<img src='image2' />图像3<img src='image3' /><p>";

        html += "图像4<a href='http://www.baidu.com'><img src='image4' /></a>图像5<img src='image5' />";

        

        CharSequence charSequence = Html.fromHtml(html, new ImageGetter() {

            @Override

            public Drawable getDrawable(String source) {

                // 获取系统资源信息

                Drawable drawable = getResources().getDrawable(getResourceId(source));

                //50%压缩处理第三个图片

                if(source.equals("image3")) {

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

                }else {

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

                }

                return drawable;

            }

        }, null);

        textView.setText(charSequence);

        textView.setMovementMethod(LinkMovementMethod.getInstance());

        

    }



}

        友情提示：提供五张表情图片（QQ表情）存放于drawable-hdpi文件夹下。

三、案例效果展示

传送门：下一节