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显示中文跟数字的组合实现对齐

Android中大小两种字体对齐 -- 实现上或者下对齐的解决方法

最近公司又在开始新方案,本人负责的APP里面经常有设计到一个手机评分的机制,一般是显示一个大大的分数然后显示再显示一个个小小的分字在右边与分数上对齐。 72分   和左边的情况类似,只是分是和72...

android 自定义textView,实现排版对齐和换行

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

Android TextView显示文字对齐

有时候利用Android的TextView显示中文跟数字的组合会对不齐,如下面截图,文字还没有到达屏幕右边就开始换行了 为了解决这个问题,自己自定义了一个TextView的子类来实现,具体步...

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

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

Android解决TextView显示希伯来语时Scroll,文字消失的问题

最近客户报了一个旧项目的问题:使用TextView显示希伯来语时,文字会消失不见。经过查看后 我解决了这个问题。问题的答案比较简单,但是寻找答案的方式可以借鉴、或者说反省一下。     先说解决的方...

【转】Android之TextView实现文字过长时省略部分或者滚动显示

TextView中有个ellipsize属性,作用是当文字过长时,该控件该如何显示,解释如下: 1.android:ellipsize=”start”—–省略号显示在开头 2.android:el...

Android之TextView实现文字过长时省略部分或者滚动显示

TextView中有个ellipsize属性,作用是当文字过长时,该控件该如何显示,解释如下: 1.android:ellipsize=”start”—–省略号显示在开头 2.android:el...

android TextView一行只显示一个文字

项目需要实现这样一个效果. 一开始觉得挺简单的,不就是设置一个TextView的android:ems="1"属性吗.设置完成,运行之后才发现,我的TextView每行显示的是2个文字. 然后...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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