Android TextView自動換行文字排版良莠不齊的緣由

時間  2020-08-29
標籤 android textview 自動 換行 文字 排版 良莠不齊 緣由 欄目 Android 简体版
原文   原文鏈接

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



今天項目沒什麼進展，公司後臺出問題了。看了下剛剛學習Android時的筆記，發現TextView會自動換行，並且排版文字良莠不齊。查了下資料，總結緣由以下：linux

 

一、半角字符與全角字符混亂所致：這種狀況通常就是漢字與數字、英文字母混用android

 

解決方法一：git

將textview中的字符全角化。即將全部的數字、字母及標點所有轉爲全角字符，使它們與漢字同佔兩個字節，這樣就能夠避免因爲佔位致使的排版混亂問題了。 半角轉爲全角的代碼以下，只需調用便可。正則表達式


Java代碼  收藏代碼canvas

  1. public static String ToDBC(String input) {  ide

  2.    char[] c = input.toCharArray();  函數

  3.    for (int i = 0; i< c.length; i++) {  組件化

  4.        if (c[i] == 12288) {  佈局

  5.          c[i] = (char) 32;  

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

 

 

 

二、TextView在顯示中文的時候標點符號不能顯示在一行的行首和行尾，若是一個標點符號恰好在一行的行尾，該標點符號就會連同前一個字符跳到下一行顯示。

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

 

 

三、一個英文單詞不能被顯示在兩行中（ TextView在顯示英文時，標點符號是能夠放在行尾的，但英文單詞也不能分開 ）。

 

四、若是要兩行對其的顯示效果：有兩種方法

方法一：

修改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.   

  12.                           if (fittop < oktop)  

  13.                               oktop = fittop;  

  14.                           if (fitascent < okascent)  

  15.                               okascent = fitascent;  

  16.                           if (fitdescent > okdescent)  

  17.                               okdescent = fitdescent;  

  18.                           if (fitbottom > okbottom)  

  19.                               okbottom = fitbottom;  

  20.                       }  

 

 

 

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

 

方法二：

自定義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.      

  5.     private Paint mPaint = null;  

  6.     private String string="";  

  7.     private float LineSpace = 0;//行間距  

  8.          

  9.     public CYTextView(Context context, AttributeSet set)  

  10.     {        

  11.         super(context,set);   

  12.   

  13.         TypedArray typedArray = context.obtainStyledAttributes(set, R.styleable.CYTextView);  

  14.   

  15.         int width = typedArray.getInt(R.styleable. CY TextView_textwidth, 320);  

  16.         float textsize = typedArray.getDimension(R.styleable. CY TextView_textSize, 24);  

  17.         int textcolor = typedArray.getColor(R.styleable. CY TextView_textColor, -1442840576);  

  18.         float linespace = typedArray.getDimension(R.styleable. CY TextView_lineSpacingExtra, 15);  

  19.         int typeface = typedArray.getColor(R.styleable. CY TextView_typeface, 0);  

  20.          

  21.         typedArray.recycle();  

  22.          

  23.         //設置 CY TextView的寬度和行間距www.linuxidc.com  

  24.         m_iTextWidth=width;  

  25.         LineSpace=linespace;  

  26.          

  27.         // 構建paint對象       

  28.         mPaint = new Paint();  

  29.         mPaint.setAntiAlias(true);  

  30.         mPaint.setColor(textcolor);  

  31.         mPaint.setTextSize(textsize);  

  32.         switch(typeface){  

  33.         case 0:  

  34.             mPaint.setTypeface(Typeface.DEFAULT);  

  35.             break;  

  36.         case 1:  

  37.             mPaint.setTypeface(Typeface.SANS_SERIF);  

  38.             break;  

  39.         case 2:  

  40.             mPaint.setTypeface(Typeface.SERIF);  

  41.             break;  

  42.         case 3:  

  43.             mPaint.setTypeface(Typeface.MONOSPACE);  

  44.             break;  

  45.         default:  

  46.             mPaint.setTypeface(Typeface.DEFAULT);     

  47.             break;  

  48.         }  

  49.          

  50.     }  

  51.    

  52.     @Override  

  53.     protected void onDraw(Canvas canvas)  

  54.     {   

  55.        super.onDraw(canvas);        

  56.          

  57.         char ch;  

  58.         int w = 0;  

  59.         int istart = 0;  

  60.         int m_iFontHeight;  

  61.         int m_iRealLine=0;  

  62.         int x=2;  

  63.         int y=30;  

  64.          

  65.         Vector    m_String=new Vector();  

  66.          

  67.         FontMetrics fm = mPaint.getFontMetrics();         

  68.         m_iFontHeight = (int) Math.ceil(fm.descent - fm.top) + (int)LineSpace;//計算字體高度（字體高度＋行間距）  

  69.   

  70.         for (int i = 0; i < string.length(); i++)  

  71.         {  

  72.             ch = string.charAt(i);  

  73.             float[] widths = new float[1];  

  74.             String srt = String.valueOf(ch);  

  75.             mPaint.getTextWidths(srt, widths);  

  76.   

  77.             if (ch == '/n'){  

  78.                 m_iRealLine++;  

  79.                 m_String.addElement(string.substring(istart, i));  

  80.                 istart = i + 1;  

  81.                 w = 0;  

  82.             }else{  

  83.                 w += (int) (Math.ceil(widths[0]));  

  84.                 if (w > m_iTextWidth){  

  85.                     m_iRealLine++;  

  86.                     m_String.addElement(string.substring(istart, i));  

  87.                     istart = i;  

  88.                     i--;  

  89.                     w = 0;  

  90.                 }else{  

  91.                     if (i == (string.length() - 1)){  

  92.                         m_iRealLine++;  

  93.                         m_String.addElement(string.substring(istart, string.length()));  

  94.                     }  

  95.                 }  

  96.             }  

  97.         }  

  98.         m_iTextHeight=m_iRealLine*m_iFontHeight+2;  

  99.         canvas.setViewport(m_iTextWidth, m_iTextWidth);  

  100.         for (int i = 0, j = 0; i < m_iRealLine; i++, j++)  

  101.         {  

  102.             canvas.drawText((String)(m_String.elementAt(i)), x,  y+m_iFontHeight * j, mPaint);  

  103.         }  

  104.     }   

  105.     

  106.      

  107.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)  

  108.     {           

  109.         int measuredHeight = measureHeight(heightMeasureSpec);           

  110.         int measuredWidth = measureWidth(widthMeasureSpec);            

  111.         this.setMeasuredDimension(measuredWidth, measuredHeight);  

  112.         this.setLayoutParams(new LinearLayout.LayoutParams(measuredWidth,measuredHeight));  

  113.         super.onMeasure(widthMeasureSpec, heightMeasureSpec);  

  114.     }   

  115.                   

  116.     private int measureHeight(int measureSpec)  

  117.     {   

  118.         int specMode = MeasureSpec.getMode(measureSpec);           

  119.         int specSize = MeasureSpec.getSize(measureSpec);                    

  120.         // Default size if no limits are specified.   

  121.         initHeight();  

  122.         int result = m_iTextHeight;           

  123.         if (specMode == MeasureSpec.AT_MOST){          

  124.             // Calculate the ideal size of your           

  125.             // control within this maximum size.           

  126.             // If your control fills the available            

  127.             // space return the outer bound.           

  128.             result = specSize;            

  129.         }else if (specMode == MeasureSpec.EXACTLY){            

  130.             // If your control can fit within these bounds return that value.             

  131.             result = specSize;            

  132.         }            

  133.         return result;             

  134.     }   

  135.      

  136.     private void initHeight()  

  137.     {  

  138.         //設置 CY TextView的初始高度爲0  

  139.         m_iTextHeight=0;  

  140.          

  141.         //大概計算 CY TextView所需高度  

  142.         FontMetrics fm = mPaint.getFontMetrics();         

  143.         int m_iFontHeight = (int) Math.ceil(fm.descent - fm.top) + (int)LineSpace;  

  144.         int line=0;  

  145.         int istart=0;  

  146.          

  147.         int w=0;  

  148.         for (int i = 0; i < string.length(); i++)  

  149.         {  

  150.             char ch = string.charAt(i);  

  151.             float[] widths = new float[1];  

  152.             String srt = String.valueOf(ch);  

  153.             mPaint.getTextWidths(srt, widths);  

  154.   

  155.             if (ch == '/n'){  

  156.                 line++;  

  157.                 istart = i + 1;  

  158.                 w = 0;  

  159.             }else{  

  160.                 w += (int) (Math.ceil(widths[0]));  

  161.                 if (w > m_iTextWidth){  

  162.                     line++;  

  163.                     istart = i;  

  164.                     i--;  

  165.                     w = 0;  

  166.                 }else{  

  167.                     if (i == (string.length() - 1)){  

  168.                         line++;  

  169.                     }  

  170.                 }  

  171.             }  

  172.         }  

  173.         m_iTextHeight=(line)*m_iFontHeight+2;  

  174.     }  

  175.                   

  176.     private int measureWidth(int measureSpec)  

  177.     {   

  178.         int specMode = MeasureSpec.getMode(measureSpec);            

  179.         int specSize = MeasureSpec.getSize(measureSpec);              

  180.            

  181.         // Default size if no limits are specified.           

  182.         int result = 500;           

  183.         if (specMode == MeasureSpec.AT_MOST){           

  184.             // Calculate the ideal size of your control            

  185.             // within this maximum size.          

  186.             // If your control fills the available space          

  187.             // return the outer bound.          

  188.             result = specSize;           

  189.         }else if (specMode == MeasureSpec.EXACTLY){            

  190.             // If your control can fit within these bounds return that value.            

  191.             result = specSize;             

  192.         }            

  193.         return result;           

  194.     }  

  195. public void SetText(String text)(//注：此函數目前只有在UI線程中調用才能夠把文本畫出來，在其它線程中<p>                                                        //沒法畫文本，找了很久找不到緣由，求高手解答)  

  196.     {  

  197.         string = text;  

  198.        // requestLayout();  

  199.        // invalidate();  

  200.     }    

  201. }</p>  

 

 

 

=======================attrs.xml===============================

該文件是自定義的屬性，放在工程的res/values下

 

 

Java代碼  收藏代碼

  1. <resources>  

  2.     <attr name="textwidth" format="integer"/>  

  3.     <attr name="typeface">  

  4.         <enum name="normal" value="0"/>  

  5.         <enum name="sans" value="1"/>  

  6.         <enum name="serif" value="2"/>  

  7.         <enum name="monospace" value="3"/>  

  8.     </attr>  

  9.   

  10.     <declare-styleable name="CYTextView">     

  11.         <attr name="textwidth" />         

  12.         <attr name="textSize" format="dimension"/>  

  13.         <attr name="textColor" format="reference|color"/>  

  14.         <attr name="lineSpacingExtra" format="dimension"/>  

  15.         <attr name="typeface" />  

  16.         </declare-styleable>  

  17. </resources>  

 

=======================main.xml==========================

 

 

Java代碼  收藏代碼

  1. <?xml version="1.0" encoding="utf-8"?>  

  2. <ScrollView  

  3.         xmlns:Android="http://schemas.android.com/apk/res/android"  

  4.         Android:layout_width="320px"  

  5.         Android:layout_height="320px"  

  6.         Android:background="#ffffffff"  

  7.         >  

  8.   <LinearLayout  

  9.         xmlns:Android="http://schemas.android.com/apk/res/android"  

  10.         Android:orientation="vertical"  

  11.         Android:layout_width="fill_parent"  

  12.         Android:layout_height="fill_parent">  

  13.     <com.cy.CYTextView.CYTextView  

  14.         xmlns:cy="http://schemas.Android.com/apk/res/ com.cy.CYTextView "  

  15.         Android:id="@+id/mv"  

  16.         Android:layout_height="wrap_content"  

  17.         Android:layout_width="wrap_content"  

  18.         cy :textwidth="320"         

  19.         cy :textSize="24sp"  

  20.         cy :textColor="#aa000000"  

  21.         cy :lineSpacingExtra="15sp"  

  22.         cy :typeface="serif">  

  23.     </com. cy .CYTextView.CYTextView>     

  24.   </LinearLayout>  

  25. </ScrollView>  

 

藍色代碼即爲自定義View，其中以cy命名空間開頭的屬性是自定義屬性；

 

=======================Main.java=============================

 

 

 

Java代碼  收藏代碼

  1. public class Main extends Activity {  

  2.     CYTextView mCYTextView;  

  3.     String text = "Android提供了精巧和有力的組件化模型構建用戶的UI部分。主要是基於佈局類：View和        ViewGroup。在此基礎上，android平臺提供了大量的預製的View和xxxViewGroup子類，即佈局（layout）和窗口小部件（widget）。能夠用它們構建本身的UI。";  

  4.      

  5.      

  6.     @Override  

  7.     public void onCreate(Bundle savedInstanceState) {  

  8.         super.onCreate(savedInstanceState);  

  9.         this.setContentView(R.layout.main);  

  10.          

  11.         mCYTextView = (CYTextView)findViewById(R.id.mv);  

  12.         mCYTextView.SetText(text);  

  13.     }  

  14.   

  15. }  

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程