解决TextView排版自动换行问题

justified实现Textview和Edittext文字左右对齐
https://github.com/programingjd/justified

http://blog.sina.com.cn/s/blog_73615d370100zpt5.html

今天忽然发现android项目中的文字排版参差不齐的情况非常严重，不得不想办法解决一下。经过研究之后，终于找到了textview自动换行导致混乱的原因了----半角字符与全角字符混乱所致！一般情况下，我们输入的数字、字母以及英文标点都是半角，所以占位无法确定。它们与汉字的占位大大的不同，由于这个原因，导致很多文字的排版都是参差不齐的。对此我找到了两种办法可以解决这个问题：

1. 将textview中的字符全角化。即将所有的数字、字母及标点全部转为全角字符，使它们与汉字同占两个字节，这样就可以避免由于占位导致的排版混乱问题了。 半角转为全角的代码如下，只需调用即可。

    
/**
	 * 半角转换为全角
	 * 
	 * @param input
	 * @return
	 */
	public static String ToDBC(String input) {
		char[] c = input.toCharArray();
		for (int i = 0; i < c.length; i++) {
			if (c[i] == 12288) {
				c[i] = (char) 32;
				continue;
			}
			if (c[i] > 65280 && c[i] < 65375)
				c[i] = (char) (c[i] - 65248);
		}
		return new String(c);
	}

  

2. 去除特殊字符或将所有中文标号替换为英文标号。利用正则表达式将所有特殊字符过滤，或利用replaceAll（）将中文标号替换为英文标号。则转化之后，则可解决排版混乱问题。

    
/**
	 * 去除特殊字符或将所有中文标号替换为英文标号
	 * 
	 * @param str
	 * @return
	 */
	public static String stringFilter(String str) {
		str = str.replaceAll("【", "[").replaceAll("】", "]")
				.replaceAll("！", "!").replaceAll("：", ":");// 替换中文标号
		String regEx = "[『』]"; // 清除掉特殊字符
		Pattern p = Pattern.compile(regEx);
		Matcher m = p.matcher(str);
		return m.replaceAll("").trim();
	}

  

解决之前层次不齐的排版截图：



解决之后的整齐排版，如下图：



Android自定义view-文本自动换行
文本自动换行原理：文本超出控件宽度后，自动换到下一行绘制。
实现代码：

    
protected void onDraw(Canvas canvas) {
        FontMetrics fm = mPaint.getFontMetrics();
        
    float baseline = fm.descent - fm.ascent; 
    float x = 0;
    float y =  baseline;  //由于系统基于字体的底部来绘制文本，所有需要加上字体的高度。
        
    String txt = getResources().getString(com.orgcent.demo.R.string.hello);
        
    //文本自动换行
    String[] texts = autoSplit(txt, mPaint, getWidth() - 5);
        
    System.out.printf("line indexs: %s\n", Arrays.toString(texts));
        
    for(String text : texts) { 
        canvas.drawText(text, x, y, mPaint);  //坐标以控件左上角为原点
        y += baseline + fm.leading; //添加字体行间距
    }
}

  

    
/**
 * 自动分割文本
 * @param content 需要分割的文本
 * @param p  画笔，用来根据字体测量文本的宽度
 * @param width 最大的可显示像素（一般为控件的宽度）
 * @return 一个字符串数组，保存每行的文本
 */
private String[] autoSplit(String content, Paint p, float width) {
    int length = content.length();
    float textWidth = p.measureText(content);
    if(textWidth < = width) {
        return new String[]{content};
    }
        
    int start = 0, end = 1, i = 0;
    int lines = (int) Math.ceil(textWidth / width); //计算行数
    String[] lineTexts = new String[lines];
    while(start < length) {
        if(p.measureText(content, start, end) > width) { //文本宽度超出控件宽度时
            lineTexts[i++] = (String) content.subSequence(start, end);
            start = end;
        }
        if(end == length) { //不足一行的文本
            lineTexts[i] = (String) content.subSequence(start, end);
            break;
        }
        end += 1;
    }
    return lineTexts;
}

  

解决TextView排版自动换行问题