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

砸漏

发布于 2020-10-28 19:22:37

2.8K0

发布于 2020-10-28 19:22:37

文章被收录于专栏：恩蓝脚本

前言

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

废话不多说，先看效果图：

展开前：

展开后：

示例代码：

工具类：

 /**
 * 设置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);
  }
  }
 });
 }

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

例子：

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的支持。

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020-09-11 ，如有侵权请联系 cloudcommunity@tencent.com 删除

textview