`
xiaoyaoniu
  • 浏览: 189384 次
  • 性别: Icon_minigender_1
  • 来自: 郑州
社区版块
存档分类
最新评论

Android TextView自动换行文字排版参差不齐的原因

阅读更多

今天项目没什么进展,公司后台出问题了。看了下刚刚学习Android时的笔记,发现TextView会自动换行,而且排版文字参差不齐。查了下资料,总结原因如下:

 

1、半角字符与全角字符混乱所致:这种情况一般就是汉字与数字、英文字母混用

 

解决方法一:

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


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);
}

 

解决方法二:

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

 

// 替换、过滤特殊字符
public static String StringFilter(String str) throws PatternSyntaxException{
    str=str.replaceAll("【","[").replaceAll("】","]").replaceAll("!","!");//替换中文标号
    String regEx="[『』]"; // 清除掉特殊字符
    Pattern p = Pattern.compile(regEx);
    Matcher m = p.matcher(str);
 return m.replaceAll("").trim();
}

 

 

 

2、TextView在显示中文的时候标点符号不能显示在一行的行首和行尾,如果一个标点符号刚好在一行的行尾,该标点符号就会连同前一个字符跳到下一行显示。

解决方法:在标点符号后加一个空格。

 

 

3、一个英文单词不能被显示在两行中( TextView在显示英文时,标点符号是可以放在行尾的,但英文单词也不能分开 )。

 

4、如果要两行对其的显示效果:有两种方法

方法一:

修改Android源代码;将frameworks/base/core/java/android/text下的StaticLayout.java文件中的如下代码:

 

 

  if (c == ' ' || c == '/t' ||
                            ((c == '.'  || c == ',' || c == ':' || c == ';') &&
                             (j - 1 < here || !Character.isDigit(chs[j - 1 - start])) &&
                             (j + 1 >= next || !Character.isDigit(chs[j + 1 - start]))) ||
                            ((c == '/' || c == '-') &&
                             (j + 1 >= next || !Character.isDigit(chs[j + 1 - start]))) ||
                            (c >= FIRST_CJK && isIdeographic(c, true) &&
                             j + 1 < next && isIdeographic(chs[j + 1 - start], false))) {
                            okwidth = w;
                            ok = j + 1;

                            if (fittop < oktop)
                                oktop = fittop;
                            if (fitascent < okascent)
                                okascent = fitascent;
                            if (fitdescent > okdescent)
                                okdescent = fitdescent;
                            if (fitbottom > okbottom)
                                okbottom = fitbottom;
                        }

 

 

 

去掉就可以了。去掉后标点符号可以显示在行首和行尾,英文单词也可以被分开在两行中显示。

 

方法二:

自定义View显示文本

网上就有达人采用自定义View来解决这个问题,我做了实验并总结了一下:

自定义View的步骤: 

1)继承View类或其子类,例子继承了TextView类;

2)写构造函数,通过XML获取属性(这一步中可以自定义属性,见例程);

3)重写父类的某些函数,一般都是以on开头的函数,例子中重写了onDraw()和onMeasure()函数;

 

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

 

 

 

public class CYTextView extends TextView {
    public  static  int m_iTextHeight; //文本的高度
    public  static  int m_iTextWidth;//文本的宽度
   
    private Paint mPaint = null;
    private String string="";
    private float LineSpace = 0;//行间距
       
    public CYTextView(Context context, AttributeSet set)
    {      
        super(context,set); 

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

        int width = typedArray.getInt(R.styleable. CY TextView_textwidth, 320);
        float textsize = typedArray.getDimension(R.styleable. CY TextView_textSize, 24);
        int textcolor = typedArray.getColor(R.styleable. CY TextView_textColor, -1442840576);
        float linespace = typedArray.getDimension(R.styleable. CY TextView_lineSpacingExtra, 15);
        int typeface = typedArray.getColor(R.styleable. CY TextView_typeface, 0);
       
        typedArray.recycle();
       
        //设置 CY TextView的宽度和行间距www.linuxidc.com
        m_iTextWidth=width;
        LineSpace=linespace;
       
        // 构建paint对象     
        mPaint = new Paint();
        mPaint.setAntiAlias(true);
        mPaint.setColor(textcolor);
        mPaint.setTextSize(textsize);
        switch(typeface){
        case 0:
            mPaint.setTypeface(Typeface.DEFAULT);
            break;
        case 1:
            mPaint.setTypeface(Typeface.SANS_SERIF);
            break;
        case 2:
            mPaint.setTypeface(Typeface.SERIF);
            break;
        case 3:
            mPaint.setTypeface(Typeface.MONOSPACE);
            break;
        default:
            mPaint.setTypeface(Typeface.DEFAULT);   
            break;
        }
       
    }
 
    @Override
    protected void onDraw(Canvas canvas)
    { 
       super.onDraw(canvas);      
       
        char ch;
        int w = 0;
        int istart = 0;
        int m_iFontHeight;
        int m_iRealLine=0;
        int x=2;
        int y=30;
       
        Vector    m_String=new Vector();
       
        FontMetrics fm = mPaint.getFontMetrics();       
        m_iFontHeight = (int) Math.ceil(fm.descent - fm.top) + (int)LineSpace;//计算字体高度(字体高度+行间距)

        for (int i = 0; i < string.length(); i++)
        {
            ch = string.charAt(i);
            float[] widths = new float[1];
            String srt = String.valueOf(ch);
            mPaint.getTextWidths(srt, widths);

            if (ch == '/n'){
                m_iRealLine++;
                m_String.addElement(string.substring(istart, i));
                istart = i + 1;
                w = 0;
            }else{
                w += (int) (Math.ceil(widths[0]));
                if (w > m_iTextWidth){
                    m_iRealLine++;
                    m_String.addElement(string.substring(istart, i));
                    istart = i;
                    i--;
                    w = 0;
                }else{
                    if (i == (string.length() - 1)){
                        m_iRealLine++;
                        m_String.addElement(string.substring(istart, string.length()));
                    }
                }
            }
        }
        m_iTextHeight=m_iRealLine*m_iFontHeight+2;
        canvas.setViewport(m_iTextWidth, m_iTextWidth);
        for (int i = 0, j = 0; i < m_iRealLine; i++, j++)
        {
            canvas.drawText((String)(m_String.elementAt(i)), x,  y+m_iFontHeight * j, mPaint);
        }
    } 
  
   
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
    {         
        int measuredHeight = measureHeight(heightMeasureSpec);         
        int measuredWidth = measureWidth(widthMeasureSpec);          
        this.setMeasuredDimension(measuredWidth, measuredHeight);
        this.setLayoutParams(new LinearLayout.LayoutParams(measuredWidth,measuredHeight));
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
    } 
                
    private int measureHeight(int measureSpec)
    { 
        int specMode = MeasureSpec.getMode(measureSpec);         
        int specSize = MeasureSpec.getSize(measureSpec);                  
        // Default size if no limits are specified. 
        initHeight();
        int result = m_iTextHeight;         
        if (specMode == MeasureSpec.AT_MOST){        
            // Calculate the ideal size of your         
            // control within this maximum size.         
            // If your control fills the available          
            // space return the outer bound.         
            result = specSize;          
        }else if (specMode == MeasureSpec.EXACTLY){          
            // If your control can fit within these bounds return that value.           
            result = specSize;          
        }          
        return result;           
    } 
   
    private void initHeight()
    {
        //设置 CY TextView的初始高度为0
        m_iTextHeight=0;
       
        //大概计算 CY TextView所需高度
        FontMetrics fm = mPaint.getFontMetrics();       
        int m_iFontHeight = (int) Math.ceil(fm.descent - fm.top) + (int)LineSpace;
        int line=0;
        int istart=0;
       
        int w=0;
        for (int i = 0; i < string.length(); i++)
        {
            char ch = string.charAt(i);
            float[] widths = new float[1];
            String srt = String.valueOf(ch);
            mPaint.getTextWidths(srt, widths);

            if (ch == '/n'){
                line++;
                istart = i + 1;
                w = 0;
            }else{
                w += (int) (Math.ceil(widths[0]));
                if (w > m_iTextWidth){
                    line++;
                    istart = i;
                    i--;
                    w = 0;
                }else{
                    if (i == (string.length() - 1)){
                        line++;
                    }
                }
            }
        }
        m_iTextHeight=(line)*m_iFontHeight+2;
    }
                
    private int measureWidth(int measureSpec)
    { 
        int specMode = MeasureSpec.getMode(measureSpec);          
        int specSize = MeasureSpec.getSize(measureSpec);            
         
        // Default size if no limits are specified.         
        int result = 500;         
        if (specMode == MeasureSpec.AT_MOST){         
            // Calculate the ideal size of your control          
            // within this maximum size.        
            // If your control fills the available space        
            // return the outer bound.        
            result = specSize;         
        }else if (specMode == MeasureSpec.EXACTLY){          
            // If your control can fit within these bounds return that value.          
            result = specSize;           
        }          
        return result;         
    }
public void SetText(String text)(//注:此函数目前只有在UI线程中调用才可以把文本画出来,在其它线程中

                                                        //无法画文本,找了好久找不到原因,求高手解答)     {         string = text;        // requestLayout();        // invalidate();     }   }

 

 

 

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

该文件是自定义的属性,放在工程的res/values下

 

 

<resources>
    <attr name="textwidth" format="integer"/>
    <attr name="typeface">
        <enum name="normal" value="0"/>
        <enum name="sans" value="1"/>
        <enum name="serif" value="2"/>
        <enum name="monospace" value="3"/>
    </attr>

    <declare-styleable name="CYTextView">   
        <attr name="textwidth" />       
        <attr name="textSize" format="dimension"/>
        <attr name="textColor" format="reference|color"/>
        <attr name="lineSpacingExtra" format="dimension"/>
        <attr name="typeface" />
        </declare-styleable>
</resources>

 

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

 

 

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
        xmlns:Android="http://schemas.android.com/apk/res/android"
        Android:layout_width="320px"
        Android:layout_height="320px"
        Android:background="#ffffffff"
        >
  <LinearLayout
        xmlns:Android="http://schemas.android.com/apk/res/android"
        Android:orientation="vertical"
        Android:layout_width="fill_parent"
        Android:layout_height="fill_parent">
    <com.cy.CYTextView.CYTextView
        xmlns:cy="http://schemas.Android.com/apk/res/ com.cy.CYTextView "
        Android:id="@+id/mv"
        Android:layout_height="wrap_content"
        Android:layout_width="wrap_content"
        cy :textwidth="320"       
        cy :textSize="24sp"
        cy :textColor="#aa000000"
        cy :lineSpacingExtra="15sp"
        cy :typeface="serif">
    </com. cy .CYTextView.CYTextView>   
  </LinearLayout>
</ScrollView>

 

蓝色代码即为自定义View,其中以cy命名空间开头的属性是自定义属性;

 

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

 

 

 

public class Main extends Activity {
    CYTextView mCYTextView;
    String text = "Android提供了精巧和有力的组件化模型构建用户的UI部分。主要是基于布局类:View和        ViewGroup。在此基础上,android平台提供了大量的预制的View和xxxViewGroup子类,即布局(layout)和窗口小部件(widget)。可以用它们构建自己的UI。";
   
   
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.main);
       
        mCYTextView = (CYTextView)findViewById(R.id.mv);
        mCYTextView.SetText(text);
    }

}

 

 

 

 

 

 

分享到:
评论
2 楼 gaoyansansheng 2015-05-27  
,第一个方法是全角符转半角符吧?
1 楼 wyyl1 2015-05-08  
牛逼!用第一个方法就行了,简单!

相关推荐

    Android开发TextView排版问题取消自动换行

    在某些场景下,开发者可能需要自定义TextView的行为,比如取消默认的自动换行功能,以便实现一行显示完整内容或者特定的排版效果。本文将详细讲解如何解决TextView的自动换行问题,并结合提供的`CustomTextView.java...

    TextView解决自动换行问题

    这就涉及到`TextView`的自动换行与截断设置。本文将详细讲解如何在`TextView`中解决自动换行问题,并设置超过指定行数后使用省略号。 首先,我们需要了解`TextView`的一些关键属性: 1. `android:singleLine`:此...

    MTextView,解决Android TextView提前换行的问题

    MTextView是针对原生Android TextView进行优化的一个类,它专门处理了提前换行的问题,尤其是在处理含有图片、特殊符号或复杂排版的文本时。这个自定义视图通常会提供更精确的文本测量和布局计算方法,以确保文字...

    Android TextView 换行不对齐的问题

    然而,有时开发者会遇到一个棘手的问题,即`TextView`中的换行文字可能不会对齐,尤其是在多行显示时。这个问题通常表现为每一行的起始位置不一致,影响了整体布局的美观度。本文将深入探讨这个问题及其解决方案。 ...

    解决TextView异常换行

    用TextView显示的时候,会出现一个问题就是显示的文字中有括号、数字、或者英文的话他会立刻就换行,因为括号、数字等是半角,而汉字是全角,所以我们需要把半角转换为全角,使它们与汉字同占两个字节,现在已经解决...

    android textview 文字排版 换行

    它不仅可以显示单行文本,还能处理复杂的文字排版,包括自动换行。本文将深入探讨`TextView`在处理文字排版和换行方面的知识,以及如何优化其性能。 ### 一、TextView的基础用法 1. **XML布局中声明TextView** 在...

    TextView异常换行

    `TextView`会根据其宽度自动进行换行,当一行文字无法在当前宽度内完全显示时,就会开始新的一行。这涉及到`TextView`的`maxLines`属性,它限制了`TextView`的最大行数。如果设置了`maxLines`,当超过这个值时,即使...

    Android textView根据长度自动换行-IT计算机-毕业设计.zip

    本项目是一个年前的Android应用源码示例,专为学生毕业设计学习而准备,旨在教授如何让TextView根据文本长度自动换行,以适应不同屏幕尺寸和用户需求。 在Android中,TextView默认情况下会自动换行,当一行文本无法...

    Android-TextView换行排版混乱-允许设置SpannableString

    本文将深入探讨如何解决`TextView`自动换行导致的排版问题,并允许我们设置`SpannableString`以实现更多样化的文本效果。 首先,理解`TextView`的换行机制至关重要。`TextView`默认会根据其宽度自动进行文本换行,...

    ios-textView自动换行.zip

    当用户输入的文本超出单行显示范围时,`textView` 的自动换行功能就显得尤为重要。本教程将深入探讨如何在iOS应用中实现`textView`的自动换行,并优化输入框适配。 首先,我们要了解`UITextView`的基础属性和方法。...

    自定义view解决android文本排版和换行问题

    自定义view解决android文本排版和换行问题自定义view解决android文本排版和换行问题自定义view解决android文本排版和换行问题自定义view解决android文本排版和换行问题自定义view解决android文本排版和换行问题...

    自定义TextView解决文字排版混乱方法

    android开发中的textview可以自动换行,但是对于显示纯英文文字来说很好用,如果夹杂了中文字符后,全角字符和半角字符混在一块儿,就会出现文字排版参差不齐,超级难看,这就需要重写textview来实现我们需要的显示...

    TextView解决中英文换行bug和点击显示全部功能

    在Android开发中,TextView是用于显示文本的基本组件,它的功能强大且灵活。当我们处理中英文混合的文本时,可能会遇到一些棘手的问题,比如中英文混合导致的提前换行问题。这个问题通常出现在当一个英文单词与一个...

    Android高级应用源码-textView根据长度自动换行.zip

    这个"Android高级应用源码-textView根据长度自动换行.zip"压缩包很可能是包含了一个示例项目,演示了如何让TextView在文本超出其宽度时自动换行,以适应不同屏幕尺寸和布局需求。 首先,我们来了解TextView的基本...

    TextView自动换行源代码

    本类实现了文字的竖直排版显示(中国古时的行文形式),虽然仍有许多特效及功能仍未实现,但基本的使用已经能满足。版权:尽管放心用吧,可以自行随意改进转载和使用,转载时请保留这段文字即可另特别感谢 老僧xp ...

    安卓Android源码——textView根据长度自动换行.zip

    这个压缩包"安卓Android源码——textView根据长度自动换行.zip"很可能包含了一个示例项目或代码片段,演示了如何在TextView中实现根据文本长度自动换行的功能。 在Android的TextView中,自动换行是默认开启的。当你...

    浅谈Android textview文字对齐换行的问题

    但是,在某些情况下,TextView 中的文字排版可能会出现混乱的情况,例如文字对齐换行不正确、文字排版参差不齐等问题。这些问题的出现都是由于半角字符与全角字符混乱所致。 半角字符和全角字符是两种不同的字符...

    自定义textview显示文字对齐到最右侧才换行

    然而,系统默认的TextView在文本达到右边界时会自动换行,这在某些情况下可能不符合设计需求。标题和描述提到的问题,即如何实现“自定义TextView显示文字对齐到最右侧才换行”,是一个典型的布局定制问题。为了解决...

    android 逐行显示自动换行的textview

    在Android开发中,文本视图(TextView)是用于展示文本的基本组件。然而,有时我们可能需要实现更复杂的显示效果,比如在应用中播放通知字幕时,逐行逐字显示文本,这通常用于模仿电视字幕或者游戏中的对话效果。在...

    Android自动换行标签控件LineBreakLayout

    `LineBreakLayout`是一个专门用于实现自动换行标签效果的自定义控件,它解决了在一个有限的宽度内显示多个标签,并且能根据屏幕大小自动调整布局,使标签能够整齐、美观地换行显示。在本文中,我们将深入探讨`...

Global site tag (gtag.js) - Google Analytics