关闭

Android TextView显示文字对齐

标签: TextView显示文字对齐
808人阅读 评论(0) 收藏 举报
分类:

有时候利用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>  
1
0
查看评论

Android自定义TextView实现文字两端能够对齐的TextView,文字右端能够对齐的TextView

Android原生的TextView在显示文字时,右端可能会因为 不够一个文字 或者 标点符号 的问题而参差不齐。这里自定义一个JustifyTextView,解决右端不能对齐的问题。如下图所示,上方的TextView为自定义的,下方为原生的。 直接上代码,下面是自定义的JustifyTextV...
  • Kikitious_Du
  • Kikitious_Du
  • 2016-01-22 17:15
  • 2795

Android TextView显示文字对齐

Android显示中文跟数字的组合实现对齐
  • crabisacoolboy
  • crabisacoolboy
  • 2015-03-23 20:07
  • 1996

Android TextView 单行时要求靠右对齐,第二行要左对齐

Android TextView 单行时要求靠右对齐,第二行要左对齐
  • sinianxunmi
  • sinianxunmi
  • 2016-08-06 18:26
  • 2099

android textView设置html,解决图片和文字不对齐的问题

evernote中的笔记,这里分享一下: evernote笔记入口 用textview可以显示html富文本,比显示单纯的文字要友好很多,效果图:       但是问题也很多。 首先是 html 的支持实在有限,很多在ht...
  • qihigh
  • qihigh
  • 2013-10-31 18:45
  • 5857

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

Android
  • wenbitianxiafeng
  • wenbitianxiafeng
  • 2014-11-19 21:00
  • 5052

Android textview文字对齐换行问题

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

Android TextView两端对齐、文本两端对齐

如题,在开发中,经常会用到比如说类似于表格的排版,效果图: 这样的效果,谷歌也没给出这样效果的方法,网上查也没找到实现方法,然后想,中间用空格填充呢?试试,然后写了几个TextView对比一下,如下: 放大效果: 可以看出,不能完美对齐,这肯定不是想要的效果,然后就...
  • fan7983377
  • fan7983377
  • 2016-08-17 11:28
  • 2111

android textview文字底部对齐设置

如果car_id 这个TextView的内的文字长度较长,会分行显示,这时,另一个TextView car_id_num还是会显示在第一行的位置。如果想让car_id_num显示在最后一行,需要添加android:layout_gravity="bottom",使其与父...
  • wletv
  • wletv
  • 2013-01-15 16:58
  • 27658

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

> 引用:https://github.com/ufo22940268/Android-justifiedtextview      默认Textview在一行快要结束的时候,如果在符号后面,有一个长的字符串,这时候,TextView就会自动换行,导致排版会参差不...
  • ShareUs
  • ShareUs
  • 2016-05-24 16:07
  • 1680

Android TextView两端对齐

Android中的TextView控件默认是做不到两端对齐的,都是左对齐。可能的原因是安卓默认数字、字母不能为第一行以后每行的开头字符,因为数字、字母为半角字符,还有就是文字中的英文字符占用1个字节,而一个汉字占用两个字节。下面我就介绍下实现两端对齐的原理: 1、测量一个中文汉字所占用的宽度 2...
  • andywuchuanlong
  • andywuchuanlong
  • 2015-12-07 17:31
  • 6027
    个人资料
    • 访问:23768次
    • 积分:462
    • 等级:
    • 排名:千里之外
    • 原创:18篇
    • 转载:33篇
    • 译文:0篇
    • 评论:2条
    最新评论