热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

TextView图文混排,图文居中对齐

惯例:先上图后说话,谢谢各位伙伴的支持!有你们是我的福分!每日一言:做你害怕的事情,然后你会发现不过如此。一.使用方法TextViewtvCustomImageS

惯例:先上图后说话,谢谢各位伙伴的支持! 有你们是我的福分!

每日一言:做你害怕的事情,然后你会发现不过如此。

一.使用方法

TextView tvCustomImageSpan=(TextView) findViewById(R.id.tv_custom_image_span);

SpannableString sp = new SpannableString("1" + " 少年强,则国强,国强则少年强。少年强,则国强,国强则少年强!");
CustomImageSpan imageSpan = new CustomImageSpan(this, R.drawable.label, CustomImageSpan.ALIGN_BASELINE);
sp.setSpan(imageSpan, 0, 1, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);

tvCustomImageSpan.setText(sp);

二.自定义视图

/**
* author: JXF(jiaxufei@danlu.com)

* version: 1.0.0

* since: 2017-11-07 上午11:09

*


*


* 自定义imageSpan实现图片与文字的居中对齐
*


*/
public class CustomImageSpan extends ImageSpan {

//自定义对齐方式--与文字中间线对齐
private int ALIGN_FONTCENTER = 2;

public CustomImageSpan(Context context, int resourceId) {
super(context, resourceId);
}

public CustomImageSpan(Context context, int resourceId, int verticalAlignment) {
super(context, resourceId, verticalAlignment);
}

@Override
public void draw(Canvas canvas, CharSequence text, int start, int end, float x, int top, int y, int bottom,
Paint paint) {

//draw 方法是重写的ImageSpan父类 DynamicDrawableSpan中的方法,在DynamicDrawableSpan类中,虽有getCachedDrawable(),
// 但是私有的,不能被调用,所以调用ImageSpan中的getrawable()方法,该方法中 会根据传入的drawable ID ,获取该id对应的
// drawable的流对象,并最终获取drawable对象
Drawable drawable = getDrawable(); //调用imageSpan中的方法获取drawable对象
canvas.save();

//获取画笔的文字绘制时的具体测量数据
Paint.FontMetricsInt fm = paint.getFontMetricsInt();

//系统原有方法,默认是Bottom模式)
int transY = bottom - drawable.getBounds().bottom;
if (mVerticalAlignment == ALIGN_BASELINE) {
transY -= fm.descent;
} else if (mVerticalAlignment == ALIGN_FONTCENTER) { //此处加入判断, 如果是自定义的居中对齐
//与文字的中间线对齐(这种方式不论是否设置行间距都能保障文字的中间线和图片的中间线是对齐的)
// y+ascent得到文字内容的顶部坐标,y+descent得到文字的底部坐标,(顶部坐标+底部坐标)/2=文字内容中间线坐标
transY = ((y + fm.descent) + (y + fm.ascent)) / 2 - drawable.getBounds().bottom / 2;
}

canvas.translate(x, transY);
drawable.draw(canvas);
canvas.restore();
}

/**
* 重写getSize方法,只有重写该方法后,才能保证不论是图片大于文字还是文字大于图片,都能实现中间对齐
*/
@Override
public int getSize(Paint paint, CharSequence text, int start, int end, Paint.FontMetricsInt fm) {
Drawable d = getDrawable();
Rect rect = d.getBounds();
if (fm != null) {
Paint.FontMetricsInt fmPaint = paint.getFontMetricsInt();
int fOntHeight= fmPaint.bottom - fmPaint.top;
int drHeight = rect.bottom - rect.top;

int top = drHeight / 2 - fontHeight / 4;
int bottom = drHeight / 2 + fontHeight / 4;

fm.ascent = -bottom;
fm.top = -bottom;
fm.bottom = top;
fm.descent = top;
}
return rect.right;
}
}

二.布局文件

    android:lineSpacingMultiplier="1.2"
android:id="@+id/tv_custom_image_span"
android:layout_match_parent"
android:layout_wrap_content"
android:padding="10dp"
android:textSize="16sp" />


推荐阅读
author-avatar
北京家圆医院999
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有