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

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

 

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

1. 将textview中的字符全角化。即将所有的数字、字母及标点全部转为全角字符,使它们与汉字同占两个字节,这样就可以避免由于占位导致的排版混乱问题了。 半角转为全角的代码如下,只需调用即可。
Java代码 
  1. /**
  2.      * 半角转换为全角
  3.      *
  4.      * @param input
  5.      * @return
  6.      */ 
  7.     publicstatic String ToDBC(String input) { 
  8.         char[] c = input.toCharArray(); 
  9.         for (int i =0; i < c.length; i++) { 
  10.             if (c[i] == 12288) { 
  11.                 c[i] = (char)32
  12.                 continue
  13.             } 
  14.             if (c[i] > 65280 && c[i] < 65375
  15.                 c[i] = (char) (c[i] -65248); 
  16.         } 
  17.         returnnew String(c); 
  18.     } 

2. 去除特殊字符或将所有中文标号替换为英文标号。利用正则表达式将所有特殊字符过滤,或利用replaceAll()将中文标号替换为英文标号。则转化之后,则可解决排版混乱问题。
Java代码 
  1. /**
  2.      * 去除特殊字符或将所有中文标号替换为英文标号
  3.      *
  4.      * @param str
  5.      * @return
  6.      */ 
  7.     publicstatic String stringFilter(String str) { 
  8.         str = str.replaceAll("【","[").replaceAll("】","]"
  9.                 .replaceAll("!","!").replaceAll(":",":");// 替换中文标号 
  10.         String regEx = "[『』]";// 清除掉特殊字符 
  11.         Pattern p = Pattern.compile(regEx); 
  12.         Matcher m = p.matcher(str); 
  13.         return m.replaceAll("").trim(); 
  14.     } 

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

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

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

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

Android自定义view-文本自动换行
文本自动换行原理:文本超出控件宽度后,自动换到下一行绘制。
实现代码:
Java代码 
  1. protectedvoid onDraw(Canvas canvas) { 
  2.         FontMetrics fm = mPaint.getFontMetrics(); 
  3.          
  4.     float baseline = fm.descent - fm.ascent;  
  5.     float x =0
  6.     float y =  baseline; //由于系统基于字体的底部来绘制文本,所有需要加上字体的高度。 
  7.          
  8.     String txt = getResources().getString(com.orgcent.demo.R.string.hello); 
  9.          
  10.     //文本自动换行 
  11.     String[] texts = autoSplit(txt, mPaint, getWidth() -5); 
  12.          
  13.     System.out.printf("line indexs: %s\n", Arrays.toString(texts)); 
  14.          
  15.     for(String text : texts) {  
  16.         canvas.drawText(text, x, y, mPaint);  //坐标以控件左上角为原点 
  17.         y += baseline + fm.leading; //添加字体行间距 
  18.     } 

Java代码 
  1. /**
  2. * 自动分割文本
  3. * @param content 需要分割的文本
  4. * @param p  画笔,用来根据字体测量文本的宽度
  5. * @param width 最大的可显示像素(一般为控件的宽度)
  6. * @return 一个字符串数组,保存每行的文本
  7. */ 
  8. private String[] autoSplit(String content, Paint p,float width) { 
  9.     int length = content.length(); 
  10.     float textWidth = p.measureText(content); 
  11.     if(textWidth < = width) { 
  12.         returnnew String[]{content}; 
  13.     } 
  14.          
  15.     int start =0, end = 1, i =0
  16.     int lines = (int) Math.ceil(textWidth / width);//计算行数 
  17.     String[] lineTexts = new String[lines]; 
  18.     while(start < length) { 
  19.         if(p.measureText(content, start, end) > width) {//文本宽度超出控件宽度时 
  20.             lineTexts[i++] = (String) content.subSequence(start, end); 
  21.             start = end; 
  22.         } 
  23.         if(end == length) {//不足一行的文本 
  24.             lineTexts[i] = (String) content.subSequence(start, end); 
  25.             break
  26.         } 
  27.         end += 1
  28.     } 
  29.     return lineTexts; 


解决TextView排版自动换行问题 - Gobby.X - Just Miss.Gobby 
展开阅读全文

没有更多推荐了,返回首页