1. 程式人生 > >Android TextView自動換行文字排版參差不齊的原因

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

轉:http://niufc.iteye.com/blog/1729792

今天專案沒什麼進展,公司後臺出問題了。看了下剛剛學習Android時的筆記,發現TextView會自動換行,而且排版文字參差不齊。查了下資料,總結原因如下:

1、半形字元與全形字元混亂所致:這種情況一般就是漢字與數字、英文字母混用

解決方法一:

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

Java程式碼  收藏程式碼
  1. public static String ToDBC(String input) {  
  2.    char[] c = input.toCharArray();  
  3.    for (int i = 0; i< c.length; i++) {  
  4.        if (c[i] == 12288) {  
  5.          c[i] = (char32;  
  6.          continue;  
  7.        }if (c[i]> 65280&& c[i]< 65375)  
  8.           c[i] = (char) (c[i] - 65248);  
  9.        }  
  10.    return new String(c);  
  11. }  

解決方法二:

去除特殊字元或將所有中文標號替換為英文標號。利用正則表示式將所有特殊字元過濾,或利用replaceAll()將中文標號替換為英文標號。則轉化之後,則可解決排版混亂問題。

Java程式碼  收藏程式碼
  1. // 替換、過濾特殊字元  
  2. public static String StringFilter(String str) throws PatternSyntaxException{  
  3.     str=str.replaceAll("【","[").replaceAll("】","]").replaceAll("!","!");//替換中文標號  
  4.     String regEx="[『』]"// 清除掉特殊字元
      
  5.     Pattern p = Pattern.compile(regEx);  
  6.     Matcher m = p.matcher(str);  
  7.  return m.replaceAll("").trim();  
  8. }  

2、TextView在顯示中文的時候標點符號不能顯示在一行的行首和行尾,如果一個標點符號剛好在一行的行尾,該標點符號就會連同前一個字元跳到下一行顯示。

解決方法:在標點符號後加一個空格。

3、一個英文單詞不能被顯示在兩行中( TextView在顯示英文時,標點符號是可以放在行尾的,但英文單詞也不能分開 )。

4、如果要兩行對其的顯示效果:有兩種方法

方法一:

修改Android原始碼;將frameworks/base/core/java/android/text下的StaticLayout.java檔案中的如下程式碼:

Java程式碼  收藏程式碼
  1. if (c == ' ' || c == '/t' ||  
  2.                           ((c == '.'  || c == ',' || c == ':' || c == ';') &&  
  3.                            (j - 1 < here || !Character.isDigit(chs[j - 1 - start])) &&  
  4.                            (j + 1 >= next || !Character.isDigit(chs[j + 1 - start]))) ||  
  5.                           ((c == '/' || c == '-') &&  
  6.                            (j + 1 >= next || !Character.isDigit(chs[j + 1 - start]))) ||  
  7.                           (c >= FIRST_CJK && isIdeographic(c, true) &&  
  8.                            j + 1 < next && isIdeographic(chs[j + 1 - start], false))) {  
  9.                           okwidth = w;  
  10.                           ok = j + 1;  
  11.                           if (fittop < oktop)  
  12.                               oktop = fittop;  
  13.                           if (fitascent < okascent)  
  14.                               okascent = fitascent;  
  15.                           if (fitdescent > okdescent)  
  16.                               okdescent = fitdescent;  
  17.                           if (fitbottom > okbottom)  
  18.                               okbottom = fitbottom;  
  19.                       }  

去掉就可以了。去掉後標點符號可以顯示在行首和行尾,英文單詞也可以被分開在兩行中顯示。

方法二:

自定義View顯示文字

網上就有達人採用自定義View來解決這個問題,我做了實驗並總結了一下:

自定義View的步驟: 

1)繼承View類或其子類,例子繼承了TextView類;

2)寫建構函式,通過XML獲取屬性(這一步中可以自定義屬性,見例程);

3)重寫父類的某些函式,一般都是以on開頭的函式,例子中重寫了onDraw()和onMeasure()函式;

=========================CYTextView.java=============================

Java程式碼  收藏程式碼
  1. public class CYTextView extends TextView {  
  2.     public  static  int m_iTextHeight; //文字的高度  
  3.     public  static  int m_iTextWidth;//文字的寬度  
  4.     private Paint mPaint = null;  
  5.     private String string="";  
  6.     private float LineSpace = 0;//行間距  
  7.     public CYTextView(Context context, AttributeSet set)  
  8.     {        
  9.         super(context,set);   
  10.         TypedArray typedArray = context.obtainStyledAttributes(set, R.styleable.CYTextView);  
  11.         int width = typedArray.getInt(R.styleable. CY TextView_textwidth, 320);  
  12.         float textsize = typedArray.getDimension(R.styleable. CY TextView_textSize, 24);  
  13.         int textcolor = typedArray.getColor(R.styleable. CY TextView_textColor, -1442840576);  
  14.         float linespace = typedArray.getDimension(R.styleable. CY TextView_lineSpacingExtra, 15);  
  15.         int typeface = typedArray.getColor(R.styleable. CY TextView_typeface, 0);  
  16.         typedArray.recycle();  
  17.         //設定 CY TextView的寬度和行間距www.linuxidc.com  
  18.         m_iTextWidth=width;  
  19.         LineSpace=linespace;  
  20.         // 構建paint物件       
  21.         mPaint = new Paint();  
  22.         mPaint.setAntiAlias(true);  
  23.         mPaint.setColor(textcolor);  
  24.         mPaint.setTextSize(textsize);  
  25.         switch(typeface){  
  26.         case 0:  
  27.             mPaint.setTypeface(Typeface.DEFAULT);  
  28.             break;  
  29.         case 1:  
  30.             mPaint.setTypeface(Typeface.SANS_SERIF);  
  31.             break;  
  32.         case 2:  
  33.             mPaint.setTypeface(Typeface.SERIF);  
  34.             break;  
  35.         case 3:  
  36.             mPaint.setTypeface(Typeface.MONOSPACE);  
  37.             break;  
  38.         default:  
  39.             mPaint.setTypeface(Typeface.DEFAULT);     
  40.             break;  
  41.         }  
  42.     }  
  43.     @Override  
  44.     protected void onDraw(Canvas canvas)  
  45.     {   
  46.        super.onDraw(canvas);        
  47.         char ch;  
  48.         int w = 0;  
  49.         int istart = 0;  
  50.         int m_iFontHeight;  
  51.         int m_iRealLine=0;  
  52.         int x=2;  
  53.         int y=30;  
  54.         Vector    m_String=new Vector();  
  55.         FontMetrics fm = mPaint.getFontMetrics();         
  56.         m_iFontHeight = (int) Math.ceil(fm.descent - fm.top) + (int)LineSpace;//計算字型高度(字型高度+行間距)  
  57.         for (int i = 0; i < string.length(); i++)  
  58.         {  
  59.             ch = string.charAt(i);  
  60.             float[] widths = new float[1];  
  61.             String srt = String.valueOf(ch);  
  62.             mPaint.getTextWidths(srt, widths);  
  63.             if (ch == '/n'){  
  64.                 m_iRealLine++;  
  65.                 m_String.addElement(string.substring(istart, i));  
  66.                 istart = i + 1;  
  67.                 w = 0;  
  68.             }else{  
  69.                 w += (int) (Math.ceil(widths[0]));  
  70.                 if (w > m_iTextWidth){  
  71.                     m_iRealLine++;  
  72.                     m_String.addElement(string.substring(istart, i));  
  73.                     istart = i;  
  74.                     i--;  
  75.                     w = 0;  
  76.                 }else{  
  77.                     if (i == (string.length() - 1)){  
  78.                         m_iRealLine++;  
  79.                         m_String.addElement(string.substring(istart, string.length()));  
  80.                     }  
  81.                 }  
  82.             }  
  83.         }  
  84.         m_iTextHeight=m_iRealLine*m_iFontHeight+2;  
  85.         canvas.setViewport(m_iTextWidth, m_iTextWidth);  
  86.         for (int i = 0, j = 0; i < m_iRealLine; i++, j++)  
  87.         {  
  88.             canvas.drawText((String)(m_String.elementAt(i)), x,  y+m_iFontHeight * j, mPaint);  
  89.         }  
  90.     }   
  91.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)  
  92.     {           
  93.         int measuredHeight = measureHeight(heightMeasureSpec);           
  94.         int measuredWidth = measureWidth(widthMeasureSpec);            
  95.         this.setMeasuredDimension(measuredWidth, measuredHeight);  
  96.         this.setLayoutParams(new LinearLayout.LayoutParams(measuredWidth,measuredHeight));  
  97.         super.onMeasure(widthMeasureSpec, heightMeasureSpec);  
  98.     }   
  99.     private int measureHeight(int measureSpec)  
  100.     {   
  101.         int specMode = MeasureSpec.getMode(measureSpec);           
  102.         int specSize = MeasureSpec.getSize(measureSpec);                    
  103.         // Default size if no limits are specified.   
  104.         initHeight();  
  105.         int result = m_iTextHeight;           
  106.         if (specMode == MeasureSpec.AT_MOST){          
  107.             // Calculate the ideal size of your           
  108.             // control within this maximum size.           
  109.             // If your control fills the available            
  110.             // space return the outer bound.           
  111.             result = specSize;            
  112.         }else if (specMode == MeasureSpec.EXACTLY){            
  113.             // If your control can fit within these bounds return that value.             
  114.             result = specSize;            
  115.         }            
  116.         return result;             
  117.     }   
  118.     private void initHeight()  
  119.     {  
  120.         //設定 CY TextView的初始高度為0  
  121.         m_iTextHeight=0;  
  122.         //大概計算 CY TextView所需高度  
  123.         FontMetrics fm = mPaint.getFontMetrics();         
  124.         int m_iFontHeight = (int) Math.ceil(fm.descent - fm.top) + (int)LineSpace;  
  125.         int line=0;  
  126.         int istart=0;  
  127.         int w=0;  
  128.         for (int i = 0; i < string.length(); i++)  
  129.         {  
  130.             char ch = string.charAt(i);  
  131.             float[] widths = new float[1];  
  132.             String srt = String.valueOf(ch);  
  133.             mPaint.getTextWidths(srt, w