Android 解决TextView排版参差不齐的问题

 Android 解决TextView排版参差不齐的问题

在app中,展示数据时,里面有汉字、数字、特殊字符时,由于全角、半角问题导致TextView参差不齐。在网上找了许多,半角转全角并没什么用,还有其他自定义TextView都有问题。最后终于找到一个,就像Word一样,可以使文字左右两端对齐:

package com.monkey.monkeymushroom.view;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.text.Layout;
import android.text.StaticLayout;
import android.text.TextPaint;
import android.util.AttributeSet;
import android.widget.TextView;

/**
 * 解决文字排版混乱参差不齐的问题
 */
public class JustifyTextView extends TextView {

 private int mLineY;
 private int mViewWidth;
 public static final String TWO_CHINESE_BLANK = " ";

 public JustifyTextView(Context context, AttributeSet attrs) {
  super(context, attrs);
 }

 @Override
 protected void onLayout(boolean changed, int left, int top, int right, int bottom) {
  super.onLayout(changed, left, top, right, bottom);
 }

 @Override
 protected void onDraw(Canvas canvas) {
  TextPaint paint = getPaint();
  paint.setColor(getCurrentTextColor());
  paint.drawableState = getDrawableState();
  mViewWidth = getMeasuredWidth();
  String text = getText().toString();
  mLineY = 0;
  mLineY += getTextSize();
  Layout layout = getLayout();

  // layout.getLayout()在4.4.3出现NullPointerException
  if (layout == null) {
   return;
  }

  Paint.FontMetrics fm = paint.getFontMetrics();

  int textHeight = (int) (Math.ceil(fm.descent - fm.ascent));
  textHeight = (int) (textHeight * layout.getSpacingMultiplier() + layout
    .getSpacingAdd());
  //解决了最后一行文字间距过大的问题
  for (int i = 0; i < layout.getLineCount(); i++) {
   int lineStart = layout.getLineStart(i);
   int lineEnd = layout.getLineEnd(i);
   float width = StaticLayout.getDesiredWidth(text, lineStart,
     lineEnd, getPaint());
   String line = text.substring(lineStart, lineEnd);

   if (i < layout.getLineCount() - 1) {
    if (needScale(line)) {
     drawScaledText(canvas, lineStart, line, width);
    } else {
     canvas.drawText(line, 0, mLineY, paint);
    }
   } else {
    canvas.drawText(line, 0, mLineY, paint);
   }
   mLineY += textHeight;
  }
 }

 private void drawScaledText(Canvas canvas, int lineStart, String line, float lineWidth) {
  float x = 0;
  if (isFirstLineOfParagraph(lineStart, line)) {
   String blanks = " ";
   canvas.drawText(blanks, x, mLineY, getPaint());
   float bw = StaticLayout.getDesiredWidth(blanks, getPaint());
   x += bw;

   line = line.substring(3);
  }

  int gapCount = line.length() - 1;
  int i = 0;
  if (line.length() > 2 && line.charAt(0) == 12288
    && line.charAt(1) == 12288) {
   String substring = line.substring(0, 2);
   float cw = StaticLayout.getDesiredWidth(substring, getPaint());
   canvas.drawText(substring, x, mLineY, getPaint());
   x += cw;
   i += 2;
  }

  float d = (mViewWidth - lineWidth) / gapCount;
  for (; i < line.length(); i++) {
   String c = String.valueOf(line.charAt(i));
   float cw = StaticLayout.getDesiredWidth(c, getPaint());
   canvas.drawText(c, x, mLineY, getPaint());
   x += cw + d;
  }
 }

 private boolean isFirstLineOfParagraph(int lineStart, String line) {
  return line.length() > 3 && line.charAt(0) == ' '
    && line.charAt(1) == ' ';
 }

 private boolean needScale(String line) {
  if (line == null || line.length() == 0) {
   return false;
  } else {
   return line.charAt(line.length() - 1) != '\n';
  }
 }
}

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

(0)

相关推荐

  • Android AutoWrapTextView中英文排版问题的解决方法

    前言 最近项目有新需求,UED给了个卡券密码的UI样式,如图: 我一看很简单啊,一个TextView解决问题,然后做好以后在模拟器里一看..... 纳尼,这个时候才想起来,TextView 中英文在一起会有排版问题,那怎么解决呢...... 思路 刚开始的想法是一个字符一个字符的去绘制,绘制到最右边的临界点就换行绘制,结果实践以后发现不同的字符之间的间距不一样,显示会非常凌乱,又没有什么好的方案解决这个间距问题,所以这个方案pass:单个字符绘制不行那就一行一行绘制,根据View的长度把文本拆分

  • Android实现文本排版

    在项目中有一个小功能需要实现,就是对多行文本进行排版布局,每一行的内容又分为两部分,左边为标题,右边为描述,左边内容长度不确定,右边的内容需要对齐,如有换行也需要对齐右边的文本. 一.效果图 可以看到内容分成了两部分,左边的颜色与右边不一致,右边的描述文案统一对齐. 二.实现方案 以上功能,由于输入内容输入行数不确定,并且左边的文案长度也不确定,因此不能直接在布局中实现,基于此这里主要实现了以下6种方式 方案1 采用自定义控件的方式,继承TextView,重新onDraw函数,实现如下: /**

  • Android 解决TextView排版参差不齐的问题

     Android 解决TextView排版参差不齐的问题 在app中,展示数据时,里面有汉字.数字.特殊字符时,由于全角.半角问题导致TextView参差不齐.在网上找了许多,半角转全角并没什么用,还有其他自定义TextView都有问题.最后终于找到一个,就像Word一样,可以使文字左右两端对齐: package com.monkey.monkeymushroom.view; import android.content.Context; import android.graphics.Canv

  • Android使用TextView,设置onClick属性无效的解决方法

    Android在布局文件中为View提供了onClick属性,使用方法如下: <TextView android:id="@+id/user" android:layout_width="@dimen/px_171" android:layout_height="fill_parent" android:onClick="iconClickListener" android:clickable="true&qu

  • Android重写TextView实现文字整齐排版的方法(附demo源码下载)

    本文实例讲述了Android重写TextView实现文字整齐排版的方法.分享给大家供大家参考,具体如下: XRTextView类 package rong.android.test; import org.json.JSONArray; import org.json.JSONException; import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; impor

  • Android设置TextView显示指定个数字符,超过部分显示...(省略号)的方法

    本文实例讲述了Android设置TextView显示指定个数字符,超过部分显示...(省略号)的方法.分享给大家供大家参考,具体如下: 一.问题: 今天在公司遇到一个需求:TextView设置最多显示8个字符,超过部分显示...(省略号) 二.解决方法: 网上找了很多资料,有人说分别设置TextView的android:signature="true",并且设置android:ellipsize="end";但是我试了,并没有成功,最后自己试出一种方式如下:供大家参

  • Android 添加TextView删除线(代码简单)

    在做商城的项目中,有这么个需求,就是一个产品下有两个价格,一个是市场价,一个是销售价,这时要把市场价添加个删除线: 刚开始遇到这个时,在网上找了半天的资料,看到最多的就是用SpannableString这个类中的方法,而且代码多,感觉有点繁琐,后来发现用Paint里的一些方法实现更好,只须一句代码 public class TestActivity extends Activity { private TextView tv; @Override public void onCreate(Bun

  • Android中TextView文本高亮和点击行为的封装方法

    前言 相信大家应该都有所体会,对于一个社交性质的App,业务上少不了给一段文本加上@功能.话题功能,或者是评论上要高亮人名的需求.当然,Android为我们提供了ClickableSpan,用于解决TextView部分内容可点击的问题,但却附加了一堆的坑点: ClickableSpan 默认没有高亮行为,也不能添加背景颜色: ClickableSpan 必须配合 MovementMethod 使用 一旦使用 MovementMethod,TextView 必定消耗事件 当点击ClickableS

  • Android实现TextView显示HTML加图片的方法

    本文实例讲述了Android实现TextView显示HTML加图片的方法.分享给大家供大家参考,具体如下: TextView显示网络图片,我用android2.3的系统,可以显示图片出来,并且如果图片比较大,应用会卡的现象,肯定是因为使用主线程去获取网络图片造成的,但如果我用android4.0以上的系统运行,则不能显示图片,只显示小方框. 究其原因,是在4.0的系统上执行的时候报错了,异常是:Android.os.NetworkOnMainThreadException 经过查文档,原来是4.

  • Android为textView设置setText的时候报错的讲解方案

    在对中TextView setText 覆值int 时报错,网上查下原因是setText整型表明是设值R.id.xxx,当然找不到. 解决方法是将int转化为string,用String.valueOf(xxx) 一.我的代码如下:就是我textView设置值 if (list != null) { for (Student stu : list) { //如果一下子赋值的话是不正确的 tv_name.setText(stu.getName()); tv_sex.setText(stu.getS

  • Android中TextView实现垂直滚动和上下滚动效果

    布局里面就是两个自定义的TextView,上面的左右滑动的是AutoHorizontalScrollTextView; 下面上下滚动的是AutoVerticalScrollTextView; 上面左右滑动的非常好实现,直接把AutoHorizontalScrollTextView复制到项目中,复制全类名到布局文件中,和系统TextView一样,只需设置文本其他什么都不用设置: 下面垂直滚动的AutoVerticalScrollTextView相比AutoHorizontalScrollTextV

  • Android基于TextView属性android:ellipsize实现跑马灯效果的方法

    本文实例讲述了Android基于TextView属性android:ellipsize实现跑马灯效果的方法.分享给大家供大家参考,具体如下: Android系统中TextView实现跑马灯效果,必须具备以下几个条件: 1.android:ellipsize="marquee" 2.TextView必须单行显示,即内容必须超出TextView大小 3.TextView要获得焦点才能滚动 XML代码: android:ellipsize="marquee", andro

随机推荐