码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-07-26 02:56:26      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:textview   图片文字   

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

1.使用html.fromHtml

2.新建ImageGetter

3.使用<img src>标签


demo:

1.设置文字

     ((TextView) findViewById(R.id.tv_gradlist_calorie_desc)).setText(Html
                .fromHtml(descString(), getImageGetterInstance(), null));
2.获取文字

    /**
     * 字符串
     * 
     * @return
     */
    private String descString() {
        return "您消耗的总热量约等于4杯" + "<img src='" + R.drawable.ic_gradlist_coke
                + "'/>" + "+5只" + "<img src='" + R.drawable.ic_gradlist_ice
                + "'/>" + "+10个" + "<img src='"
                + R.drawable.ic_gradlist_hamburger + "'/>" + "";

    }
3.imagegetter

    /**
     * ImageGetter用于text图文混排
     * 
     * @return
     */
    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;
    }
效果
bubuko.com,布布扣


Android TextView中有图片有文字混合排列,布布扣,bubuko.com

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

标签:textview   图片文字   

原文地址:http://blog.csdn.net/pangzaifei/article/details/38112053

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!