Android中TextView实现超过固定行数显示“…展开全部”

2020-10-28 19:22:37 浏览数 (1)

前言

大家都知道,如果要让TextView只显示一行,多出部分用省略号代替的话非常容易,只需要为xml文件中的TextView控件添加android:singleLine="true"即可,那么如果我想让它显示多行的时候应该怎么做呢?

废话不多说,先看效果图:

展开前:

展开后:

示例代码:

工具类:

代码语言:javascript复制
 /**
 * 设置textView结尾...后面显示的文字和颜色
 * @param context 上下文
 * @param textView textview
 * @param minLines 最少的行数
 * @param originText 原文本
 * @param endText 结尾文字
 * @param endColorID 结尾文字颜色id
 * @param isExpand 当前是否是展开状态
 */
 public void toggleEllipsize(final Context context,
    final TextView textView,
    final int minLines,
    final String originText,
    final String endText,
    final int endColorID,
    final boolean isExpand) {
 if (TextUtils.isEmpty(originText)) {
  return;
 }
 textView.getViewTreeObserver().addOnGlobalLayoutListener(new ViewTreeObserver
  .OnGlobalLayoutListener() {
  @Override
  public void onGlobalLayout() {
  if (isExpand) {
   textView.setText(originText);
  } else {
   int paddingLeft = textView.getPaddingLeft();
   int paddingRight = textView.getPaddingRight();
   TextPaint paint = textView.getPaint();
   float moreText = textView.getTextSize() * endText.length();
   float availableTextWidth = (textView.getWidth() - paddingLeft - paddingRight) *
    minLines - moreText;
   CharSequence ellipsizeStr = TextUtils.ellipsize(originText, paint,
    availableTextWidth, TextUtils.TruncateAt.END);
   if (ellipsizeStr.length() < originText.length()) {
   CharSequence temp = ellipsizeStr   endText;
   SpannableStringBuilder ssb = new SpannableStringBuilder(temp);
   ssb.setSpan(new ForegroundColorSpan(context.getResources().getColor
     (endColorID)),
    temp.length() - endText.length(), temp.length(),    Spannable.SPAN_INCLUSIVE_EXCLUSIVE);
   textView.setText(ssb);
   } else {
   textView.setText(originText);
   }
  }
  if (Build.VERSION.SDK_INT  = 16) {
   textView.getViewTreeObserver().removeOnGlobalLayoutListener(this);
  } else {
   textView.getViewTreeObserver().removeGlobalOnLayoutListener(this);
  }
  }
 });
 }

使用比较简单,参数列表都有说明。

例子:

代码语言:javascript复制
boolean isExpandDescripe = false;// 初始展开状态为false,即未展开;
Onclick() {
...
  // 给textView设置点击事件:
  case R.id.tv_info_node_describe:
  if (isExpandDescripe) {
   isExpandDescripe = false;
   tv_info_node_describe.setMaxLines(2);// 收起
  } else {
   isExpandDescripe = true;
   tv_info_node_describe.setMaxLines(Integer.MAX_VALUE);// 展开
  }
  textViewSpanUtil.toggleEllipsize(context,
   tv_info_node_describe, 2,
   text,
   "展开全部",
R.color.gray_discovery_ababab, isExpandDescripe);
  break;
...
}

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,如果有疑问大家可以留言交流,谢谢大家对ZaLou.Cn的支持。

0 人点赞