解决TextView排版自动换行问题

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

[url]http://blog.sina.com.cn/s/blog_73615d370100zpt5.html[/url]

今天忽然发现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();
}

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

[img]http://dl.iteye.com/upload/attachment/0063/6875/ddb26fd2-4a21-3180-b58b-a11f1ce2ca7c.png[/img]

解决之后的整齐排版,如下图:

[img]http://dl.iteye.com/upload/attachment/0063/6877/098fd55b-a87e-3520-be1a-19807d082d33.png[/img]

[size=large][url='http://orgcent.com/android-custom-view-text-wrap/']Android自定义view-文本自动换行[/url][/size]
文本自动换行原理:文本超出控件宽度后,自动换到下一行绘制。
实现代码:

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;
}


[img]http://dl.iteye.com/upload/attachment/0080/3745/066cb358-03df-3abf-a0a5-2432db9a0db2.png[/img]

TextJustify是对安卓TextView控件的格式优化,TextView在显示文字的时候往往在一行的中间部分就跳到了下一行,看起来很杂乱,尤其是在显示英文的时候,TextJustify解决了这个问题。
[url]https://github.com/bluejamesbond/TextJustify-Android[/url]

你可能感兴趣的:(android拾遗)