Android自定义view-文本自动换行

作者：Cpp五条 | 2024-03-15 16:28:47

踩

转自：http://gundumw100.iteye.com/blog/1420725 感谢这位朋友

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

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

      Java代码  
       
      
    
 /**
      * 半角转换为全角
      *
      * @param input
      * @return
      */ 
     publicstatic 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);  
         }  
         returnnew String(c);  
     }  

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

      Java代码  
       
      
    
 /**
      * 去除特殊字符或将所有中文标号替换为英文标号
      *
      * @param str
      * @return
      */ 
     publicstatic 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(); 
     }  

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

解决TextView排版自动换行问题 - Gobby.X - Just Miss.Gobby

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

解决TextView排版自动换行问题 - Gobby.X - Just Miss.Gobby

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

      Java代码  
       
      
    
 protectedvoid 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) { 
         returnnew 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; 
 }  

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Cpp五条/article/detail/242875