首页 > 代码库 > Android 自绘TextView解决提前换行问题，支持图文混排

Android 自绘TextView解决提前换行问题，支持图文混排

2024-07-06 16:58:05   225人阅读

 

 

先看下效果图：

上面是MTextView，下面是默认的TextView。

 

一、原因

用最简单的全英文句子为例，如果有一个很长的单词，这一行剩余的空间显示不下了，那么规则就是不打断单词，而是把整个单词丢到下一行开始显示。这样本来没有错。一是咱们中国人都是方块字，怎么都放得下，不存在英文的这个问题。所以不习惯那个排版。二是如果TextView里面有图片，如图，不知道判断单词的代码是怎么弄得，总之它觉得最后一个啦字和后面的一串表情应该是一个整体，不能分开，就一起丢到第二行了，也就造成了这种难看的排版。要验证这个说法也很简单，自己去QQ里试一试，在每个表情之间都加一个空格，就会发现排版一下子正常了。

二、解决方法

    最简单的就是表情之间加空格，如果不想这么做，就只有自己来画啦。

    先给初学的朋友解释一下View绘制的流程，首先是onMeasure(int widthMeasureSpec, int heightMeasureSpec),onMeasure执行的时候，就是父View在问你，小朋友，你要占多大的地儿呀？当然，问你的时候，会给你个限制条件，就是那两参数，以widthMeasureSpec为例，这参数不能直接用，得先拆开，用int widthMode = MeasureSpec.getMode(widthMeasureSpec) 和 int widthSize = MeasureSpec.getSize(widthMeasureSpec);widthMode就三种情况：

MeasureSpec.EXACTLY：你就widthSize那么宽就行了。

MeasureSpec.AT_MOST：你最多只能widthSize那么宽。

MeasureSpec.UNSPECIFIED：未指定，你爱多宽多宽。

当然，其实这只父View给你的建议，遵不遵守你自己看着办，但是自己乱来导致显示不全就不是父View的错了。

最终你听取了建议，思量了一番，觉得自己应该有width那么宽，height那么高，最后就得用setMeasuredDimension(width, height)这个函数真正确定自己的高宽。然后onMeasure()的工作就完了。

然后就是onDraw(Canvas canvas)，这个就简单了，canvas就是父View给的一块画布，爱在上面画啥都行，比如写个字drawText(String text,float x, float y, Paint paint)，

text是要写的字，paint是写字的笔，值得注意的是x,y坐标是相对于你自己这一小块画布的左上角的。最左上就是0,0右下是width,height

 

上代码

/**
 * @功能 图文混排TextView，请使用{@link #setMText(CharSequence)}
 * @author huangwei
 * @2014年5月27日
 * @下午5:29:27
 */
public class MTextView extends TextView
{
	private Context context;
	/**
	 * 用于测量字符宽度
	 */
	private Paint paint = new Paint();

	private int textColor = Color.BLACK;

	//行距
	private float lineSpacing;
	private int lineSpacingDP = 2;

//	private float lineSpacingMult = 0.5f;

	/**
	 * 最大宽度
	 */
	private int maxWidth;
	/**
	 * 只有一行时的宽度
	 */
	private int oneLineWidth = -1;
	/**
	 * 已绘的行中最宽的一行的宽度
	 */
	private float lineWidthMax = -1;
    /**
     * 存储当前文本内容,每个item为一个字符或者一个ImageSpan
     */
	private ArrayList<Object> obList = new ArrayList<Object>();
    /**
     * 是否使用默认{@link #onMeasure(int, int)}和{@link #onDraw(Canvas)}
     */
	private boolean useDefault = false;
    /**
     * 存储当前文本内容，每个item为一行
     */
	ArrayList<LINE> contentList = new ArrayList<LINE>();
    /**
     * 缓存测量过的数据
     */
	private static HashMap<String, SoftReference<MeasuredData>> measuredData = http://www.mamicode.com/new HashMap>();>

为方便在ListView中使用（ListView反复上下滑动会多次重新onMeasure）,加了缓存，相同的情况下可以不用重复在测量一次。
对于SpannableString，只支持了ImageSpan，有其它需要者可自行扩展
Demo：http://download.csdn.net/detail/yellowcath/7421147
或https://github.com/yellowcath/MTextView.git


联系
我们