Android TextView显示文字对齐

转载 2017年01月03日 19:39:40

有时候利用Android的TextView显示中文跟数字的组合会对不齐,如下面截图,文字还没有到达屏幕右边就开始换行了

为了解决这个问题,自己自定义了一个TextView的子类来实现,具体步骤如下:

1.自定义AlignTextView继承系统TextView

[java] view plain copy
 print?
  1. import android.content.Context;  
  2. import android.content.res.TypedArray;  
  3. import android.graphics.Canvas;  
  4. import android.graphics.Color;  
  5. import android.graphics.Paint;  
  6. import android.text.TextUtils;  
  7. import android.util.AttributeSet;  
  8. import android.widget.TextView;  
  9.   
  10. import java.util.ArrayList;  
  11.   
  12. /** 
  13.  * Created by crab on 15-3-16. 
  14.  * 解决中文跟数字在一起的是时候textView显示不正确问题 
  15.  */  
  16. public class AlignTextView extends TextView {  
  17.     //行间距  
  18.     private float mLineGap = 0.0f;  
  19.     private Paint mPaint;  
  20.     private ArrayList<String> mTexts = new ArrayList<String>();  
  21.   
  22.     public AlignTextView(Context context) {  
  23.         super(context);  
  24.         init();  
  25.     }  
  26.   
  27.     public AlignTextView(Context context, AttributeSet attrs) {  
  28.         super(context, attrs);  
  29.         TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.AlignTextView);  
  30.         mLineGap = typedArray.getDimension(R.styleable.AlignTextView_lineSpacingExtra, 0.0f);  
  31.         float textSize = typedArray.getDimension(R.styleable. AlignTextView_textSize, 24.0f);  
  32.         int textColor = typedArray.getColor(R.styleable. AlignTextView_textColor, Color.WHITE);  
  33.         // 构建paint对象  
  34.         mPaint = new Paint();  
  35.         mPaint.setAntiAlias(true);  
  36.         mPaint.setColor(textColor);  
  37.         mPaint.setTextSize(textSize);  
  38.   
  39.         typedArray.recycle();  
  40.         init();  
  41.     }  
  42.   
  43.     public AlignTextView(Context context, AttributeSet attrs, int defStyle) {  
  44.         super(context, attrs, defStyle);  
  45.         TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.AlignTextView);  
  46.         mLineGap = typedArray.getDimension(R.styleable.AlignTextView_lineSpacingExtra, 0.0f);  
  47.         float textSize = typedArray.getDimension(R.styleable. AlignTextView_textSize, 24.0f);  
  48.         int textColor = typedArray.getColor(R.styleable. AlignTextView_textColor, Color.WHITE);  
  49.         // 构建paint对象  
  50.         mPaint = new Paint();  
  51.         mPaint.setAntiAlias(true);  
  52.         mPaint.setColor(textColor);  
  53.         mPaint.setTextSize(textSize);  
  54.         typedArray.recycle();  
  55.         init();  
  56.     }  
  57.   
  58.     private void init() {  
  59.         mTexts.clear();  
  60.     }  
  61.   
  62.     @Override  
  63.     protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {  
  64.         super.onMeasure(widthMeasureSpec, heightMeasureSpec);  
  65.         int width = MeasureSpec.getSize(widthMeasureSpec);  
  66.         String text = getText().toString();  
  67.         if (!TextUtils.isEmpty(text)) {  
  68.             mTexts.clear();  
  69.             int iStart = 0;  
  70.             int w = 0;  
  71.             int line = 0;  
  72.             Paint paint=mPaint;  
  73.             for (int i = 0; i < text.length(); i++) {  
  74.                 char ch = text.charAt(i);  
  75.                 float[] charWidth = new float[1];  
  76.                 String charStr = String.valueOf(ch);  
  77.                 paint.getTextWidths(charStr, charWidth);  
  78.                 if (ch == '\n') {  
  79.                     String subText = text.substring(iStart, i);  
  80.                     mTexts.add(line, subText);  
  81.                     line++;  
  82.                     iStart = i + 1;  
  83.                     w = 0;  
  84.                 } else {  
  85.                     w += ((int) Math.ceil(charWidth[0]));  
  86.                     if (w > width) {  
  87.                         String subText = text.substring(iStart, i);  
  88.                         mTexts.add(line, subText);  
  89.                         iStart = i;  
  90.                         w = 0;  
  91.                         line++;  
  92.                     } else {  
  93.                         if (i == text.length() - 1) {  
  94.                             String subText = text.substring(iStart, i+1);  
  95.                             mTexts.add(line, subText);  
  96.                         }  
  97.                     }  
  98.                 }  
  99.             }  
  100.             Paint.FontMetrics fontMetrics=paint.getFontMetrics();  
  101.             float fontHeight=fontMetrics.bottom-fontMetrics.top;  
  102.             int size=mTexts.size();  
  103.             float textHeight=0.0f;  
  104.             for(int i=0;i<size;i++){  
  105.                 if(i==0){  
  106.                     textHeight+=fontHeight;  
  107.                 }else{  
  108.                     textHeight+=(fontHeight+mLineGap);  
  109.                 }  
  110.             }  
  111.             setMeasuredDimension(width,(int)textHeight);  
  112.         }else{  
  113.             mTexts.clear();  
  114.         }  
  115.     }  
  116.   
  117.     @Override  
  118.     protected void onDraw(Canvas canvas) {  
  119.         int size=mTexts.size();  
  120.         Paint paint=mPaint;  
  121.         Paint.FontMetrics fontMetrics=paint.getFontMetrics();  
  122.         float fontHeight=fontMetrics.bottom-fontMetrics.top;  
  123.         for(int i=0;i<size;i++){  
  124.             String text=mTexts.get(i);  
  125.             canvas.translate(0,i*(mLineGap+fontHeight));  
  126.             canvas.drawText(text,0.0f,0-fontMetrics.top,paint);  
  127.             canvas.translate(0,-i*(mLineGap+fontHeight));  
  128.         }  
  129.     }  
  130. }  

2.res/values/attrs.xml文件中增加如下属性


[html] view plain copy
 print?
  1. <declare-styleable name="AlignTextView">  
  2.        <attr name="lineSpacingExtra" format="dimension"/>  
  3.        <attr name="textSize" format="dimension"/>  
  4.        <attr name="textColor" format="reference|color"/>  
  5.    </declare-styleable>  

3.在布局文件中使用自定义的View

[html] view plain copy
 print?
  1. <?xml version="1.0" encoding="utf-8"?>  
  2.   
  3. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  4.     xmlns:algnText="http://schemas.android.com/apk/res-auto"  
  5.     android:background="#FFFFFF"  
  6.     android:orientation="vertical"  
  7.     android:layout_width="match_parent"  
  8.     android:layout_height="match_parent">  
  9.   
  10.     <TextView  
  11.         android:text="1.系统TextView显示文字效果如下:"  
  12.         android:layout_width="match_parent"  
  13.         android:layout_height="wrap_content"/>  
  14.     <TextView  
  15.         android:layout_marginTop="10dp"  
  16.         android:layout_width="match_parent"  
  17.         android:layout_height="wrap_content"  
  18.         android:lineSpacingExtra="5dp"  
  19.         android:textSize="16sp"  
  20.         android:textColor="#FF00FF00"  
  21.         android:text="我们已将验证码短信发送到你的手机123****4567,超过60秒没收到请点击重发"  
  22.         />  
  23.     <TextView  
  24.         android:layout_marginTop="10dp"  
  25.         android:text="2.自定义TextView显示文字效果如下:"  
  26.         android:layout_width="match_parent"  
  27.         android:layout_height="wrap_content"/>  
  28.     <com.example.crab.mycameratest.AlignTextView  
  29.         android:layout_marginTop="10dp"  
  30.         android:text="我们已将验证码短信发送到你的手机123****4567,超过60秒没收到请点击重发"  
  31.         algnText:lineSpacingExtra="5dp"  
  32.         algnText:textSize="16sp"  
  33.         algnText:textColor="#FF00FF00"  
  34.         android:layout_width="match_parent"  
  35.         android:layout_height="wrap_content"/>  
  36.       
  37. </LinearLayout>  

Android textview文字对齐换行问题

今天忽然发现android项目中的文字排版参差不齐的情况非常严重,不得不想办法解决一下。经过研究之后,终于找到了textview自动换行导致混乱的原因了----半角字符与全角字符混乱所致!一般情况下,...

Android阅读器文字分散对齐及TextView中的字分散对齐,首尾缩进

> 引用:https://github.com/ufo22940268/Android-justifiedtextview      默认Textview在一行快要结束的时候,如果在符号后面,有一个长...
  • ShareUs
  • ShareUs
  • 2016年05月24日 16:07
  • 1471

Android 自定义TextView 实现文字对齐排版且支持点击划词

public class TouchSelectWordText extends TextView { private final String TWO_CHINESE_BLANK = "  ";...

Android编程开发之TextView文字显示和修改方法

Android编程开发之TextView文字显示和修改方法,结合实例详细分析了Android中TextView控件关于文字的显示及修改技巧,并附带了TextView属性介绍,需要的朋友可以参考下 ...
  • haxi07
  • haxi07
  • 2017年06月14日 13:33
  • 601

Android开发(16)-TextView显示表情图像和文字

从这个案例中我们可以学到当我们美化图片美化界面的时候可以在某一区域输入图片和文字混搭信息,第三张图片按比例缩小,第四张图像有超链接 布局文件 [html] view plainco...
  • ppaudio
  • ppaudio
  • 2013年07月03日 17:29
  • 341

Android TextView 判断文字内容是否超出显示省略号

TextView 判断文字内容是否超出显示省略号最近在做一个类似于QQ空间的一个社交圈的模块的开发。有一个需求是当用户发表的内容超出4行时,显示一个按钮,点击按钮展示全文。我还真没有发现TextVie...

android--设置TextView部分文字的颜色和背景(高亮显示)

设置部分文字背景高亮显示: Java代码  public class HighLightActivity extends Activity {       String strs="我的心太乱了,给我...

Android自定义TextView实现文字图片居中显示

最近有个需求是这样的,人民币的符号“¥”因为安卓手机系统的不一致导致符号不是完全一样,所以用美工的给的图片代替,考虑到用的地方比较多,所以想着写一个继承于线性布局的组合控件,后来一想,安卓中不是有Te...

Android开发(16)-TextView显示表情图像和文字

从这个案例中我们可以学到当我们美化图片美化界面的时候可以在某一区域输入图片和文字混搭信息,第三张图片按比例缩小,第四张图像有超链接 布局文件 ...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Android TextView显示文字对齐
举报原因:
原因补充:

(最多只允许输入30个字)