Android TextView中有图片有文字混合排列和多颜色text字体组合

Android TextView中有图片有文字混合排列

1.使用html.fromHtml
2.设置ImageGetter
3.使用< img src>标签

上点步骤代码给大家一个思路概念。

设置文字

textView.setText(Html .fromHtml(getMyString(), getImageGetterInstance(), null));

获取文字

private String getMyString() {
     return "你的左护法" + "<img src='" + R.drawable.left
       + "'/>" + "+云韵,你的右护法" + "<img src='" + R.drawable.right
       + "'/>" + "+杜美莎女王" ;

    }

text图文混排

public ImageGetter getImageGetterInstance() {
    ImageGetter imgGetter = new Html.ImageGetter() {
      @Override
      public Drawable getDrawable(String source) {
        int fontH = (int) (getResources().getDimension(
            R.dimen.textSizeMedium) * 1.5);
        int id = Integer.parseInt(source);
        Drawable d = getResources().getDrawable(id);
        int height = fontH;
        int width = (int) ((float) d.getIntrinsicWidth() / (float) d
            .getIntrinsicHeight()) * fontH;
        if (width == 0) {
          width = d.getIntrinsicWidth();
        }
        d.setBounds(0, 0, width, height);
        return d;
      }
    };
    return imgGetter;
  }

下图按照上面思路做的,给大家个参考。从网路上找的,侵删

bieren.png

相信大家有大概的概念和思路了,那么我要召唤华丽的分割线


以下是以前我以前做智能家居时候的部分代码和效果

code截图
smartcode.png
效果图
smartimg.jpg
把我的代码贴出来,如果有需要可以直接复制
private void init() {
        helperTV.setText(Html.fromHtml(descString(), getImage(), null));
    }

    /** 图片 **/
    private ImageGetter getImage() {
        ImageGetter imageGetter=new Html.ImageGetter() {
            
            @Override
            public Drawable getDrawable(String source) {
                int id=Integer.parseInt(source);
                Drawable drawable=getResources().getDrawable(id);
                drawable.setBounds(0, 0, (int) (drawable.getIntrinsicHeight()*2.5), (int) (drawable.getIntrinsicWidth()*0.5));
                return drawable;
            }
        };
         return imageGetter;
    }

    /** 文字 **/
    private String descString() {
        return "答:有两种方法:1、您可以进入APP的智能网关操作界面,点击“" + "<img src='" + R.drawable.more_helper_bun
                   + "'/>" + "”按钮,看到上面的数字倒计时开始即可入网;2、在网关上按下“" + "<img src='" + R.drawable.more_helper_bun
                   + "'/>" + "”按钮,看到按钮上的LED闪烁即可,3分钟内,上电的设备会自动加入网络。";
    }
text多颜色处理
跟图文混排一样的思路用Html.fromHtml的方式
textViews[i].setText(Html.fromHtml("<font color=\"#FF9D08\">" + stringsColor[i] + "</font>" + stringsWhite[i] + ""));
还是上个花枝招展的图吧
hua.png
当然,还可以用 SpannableStringBuilder 来处理

SpannableStringBuilder 可以将原来的String以不同的样式显示出来,比如在原来String上加下划线、加背景色、改变字体颜色、用图片把指定的文字给替换掉
稍后写一篇专门针对SpannableStringBuilder 的文章。
相信这些完全可以解决在开发中遇到的绝大多数的text图文混排和text多颜色之类之类的需求了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,271评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,275评论 2 380
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,151评论 0 336
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,550评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,553评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,559评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,924评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,580评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,826评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,363评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,940评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2 342

推荐阅读更多精彩内容