解決TextView排版自動換行問題

阿新 • • 發佈：2019-01-12

justified實現Textview和Edittext文字左右對齊
https://github.com/programingjd/justified

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

今天忽然發現android專案中的文字排版參差不齊的情況非常嚴重，不得不想辦法解決一下。經過研究之後，終於找到了textview自動換行導致混亂的原因了----半形字元與全形字元混亂所致！一般情況下，我們輸入的數字、字母以及英文標點都是半形，所以佔位無法確定。它們與漢字的佔位大大的不同，由於這個原因，導致很多文字的排版都是參差不齊的。對此我找到了兩種辦法可以解決這個問題：

1. 將textview中的字元全形化。即將所有的數字、字母及標點全部轉為全形字元，使它們與漢字同佔兩個位元組，這樣就可以避免由於佔位導致的排版混亂問題了。半形轉為全形的程式碼如下，只需呼叫即可。
Java程式碼

/**
* 半形轉換為全形
*
* @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（）將中文標號替換為英文標號。則轉化之後，則可解決排版混亂問題。
Java程式碼

/**
* 去除特殊字元或將所有中文標號替換為英文標號
*
* @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();
}

解決之前層次不齊的排版截圖：

解決之後的整齊排版，如下圖：

文字自動換行原理：文字超出控制元件寬度後，自動換到下一行繪製。
實現程式碼：
Java程式碼

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; //新增字型行間距
}
}

Java程式碼

/**
* 自動分割文字
* @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排版自動換行問題

解決TextView排版自動換行問題

TextView英文自動換行解決方法

TextView取消自動換行並設定水平滾動

textview中自動換行顯示文字內容

解決eclipse的自動換行問題

Android 自定義View 解決 TextView 自動換行排版不整齊

解決TextView自動換行

Android TextView自動換行文字排版參差不齊的原因

TextView排版混亂或自動換行

android textview 自動換行整齊排版

JustifyTextView 解決TextView中英文混排自動換行的問題

input不支援自動換行解決辦法

解決textarea不會自動換行的問題

Androi實戰—EidtText和TextView顯示指定行數，內容過長自動換行問題

Textview 設定字時，如果字數很多讓text 自動換行

textView 自動換行, 可以文字內容動態移動

div中英文無法自動換行的解決辦法

C# WinForm 中Label自動換行解決方法

js獲取TextArea每一行字串(包括自動換行符)的解決方案

解決Java7下JTextPane不能自動換行的問題

解決TextView排版自動換行問題

相關推薦