热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

AndroidTextView实现点击显示全文与隐藏功能(附源码)

TextView用法很多,用到的地方更是普遍,所以学好TextView的使用很重要很重要很重要。下面这篇文章主要介绍了Android中TextView实现显示全文与隐藏功能的相关资料,文中给出了详细的示例代码和源码下载,需要的朋友可以参考下。

前言

相信大家在日常开发的时候,经常会遇到大段文本需要部分展示的场景,通常的做法是在隐藏的状态下文本末尾加上「显示全文」,在展开的状态下文本末尾加上「隐藏」来控制文本的展示状态。这个交互可能有很多种实现方法,本文则以一个简单的 TextView 来实现这些交互,封装后的 CollapsiableTextView 仅增加了不到 70 个额外的方法数。

参数定义

如上图效果,我们需要使用到几个可配置的参数:


 
 
 
 
 

这几个参数分别表示

  1. 后缀颜色,也就是「显示全文」,「隐藏」这几个字的颜色
  2. 折叠后显示几行文字
  3. 折叠后的后缀文字,也就是「显示全文」
  4. 展开后的后缀文字,也就是「隐藏」
  5. 隐藏与展示的触发事件是点击后缀还是整个 TextView

主要的构造函数如:

publicCollapsibleTextView(Context context, AttributeSet attrs,intdefStyleAttr){
 super(context, attrs, defStyleAttr);
 TypedArray attributes = context.getTheme()
 .obtainStyledAttributes(attrs, R.styleable.CollapsibleTextView, defStyleAttr, 0);

 mSuffixColor = attributes.getColor(R.styleable.CollapsibleTextView_suffixColor, 0xff0000ff);
 mCollapsedLines = attributes.getInt(R.styleable.CollapsibleTextView_collapsedLines, 1);
 mCollapsedText = attributes.getString(R.styleable.CollapsibleTextView_collapsedText);
 if (TextUtils.isEmpty(mCollapsedText)) mCollapsedText = " Show All";
 mExpandedText = attributes.getString(R.styleable.CollapsibleTextView_expandedText);
 if (TextUtils.isEmpty(mExpandedText)) mExpandedText = " Hide";
 mSuffixTrigger = attributes.getBoolean(R.styleable.CollapsibleTextView_suffixTrigger, false);

 this.mText = getText() == null ? null : getText().toString();
 setMovementMethod(LinkMovementMethod.getInstance());
 super.setOnClickListener(mClickListener);
}

代理 onClick 事件

为了配置是否由后缀触发显示与隐藏操作,我们要在 CollapsibleTextView 中处理点击事件。所以在构造函数中设置 clickListener 为 mClickListener。同时在 mClickListener 中处理点击事件:

private OnClickListener mClickListener = new OnClickListener() {
 @Override
 publicvoidonClick(View v){
 if (!mSuffixTrigger) {
 mExpanded = !mExpanded;
 applyState(mExpanded);
 }

 if (mCustomClickListener != null) {
 mCustomClickListener.onClick(v);
 }
 }
};

为了用户仍可以设置 clickListener 我们重写 setOnClickListener 方法,并保留 clickListener 为 mCustomClickListener:

@Override
publicvoidsetOnClickListener(OnClickListener l){
 mCustomClickListener = l;
}

这样就将 click 事件代理到了 CollapsibleTextView 内部。

ClickableSpan 处理部分文本点击

为了能够监听后缀的点击事件,需要使用 ClickableSpan

str.setSpan(mClickSpanListener,
 note.length(),
 note.length() + suffix.length(),
 SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE);

// ClickableSpan
private ClickableSpan mClickSpanListener
 = new ClickableSpan() {
 @Override
 publicvoidonClick(View widget){
 if (mSuffixTrigger) {
 mExpanded = !mExpanded;
 applyState(mExpanded);
 }
 }

 @Override
 publicvoidupdateDrawState(TextPaint ds){
 super.updateDrawState(ds);
 ds.setUnderlineText(false);
 }
};

根据状态计算出 SpannableString

privatevoidapplyState(booleanexpanded){
 if (TextUtils.isEmpty(mText)) return;

 String note = mText, suffix;
 if (expanded) {
 suffix = mExpandedText;
 } else {
 if (mCollapsedLines - 1 <0) {
 throw new RuntimeException("CollapsedLines must equal or greater than 1");
 }
 int lineEnd = getLayout().getLineEnd(mCollapsedLines - 1);
 suffix = mCollapsedText;
 int newEnd = lineEnd - suffix.length() - 1;
 int end = newEnd > 0 &#63; newEnd : lineEnd;

 TextPaint paint = getPaint();
 int maxWidth = mCollapsedLines * (getMeasuredWidth() - getPaddingLeft() - getPaddingRight());
 while (paint.measureText(note.substring(0, end) + suffix) > maxWidth)
 end--;
 note = note.substring(0, end);
 }

 final SpannableString str = new SpannableString(note + suffix);
 if (mSuffixTrigger) {
 str.setSpan(mClickSpanListener,
 note.length(),
 note.length() + suffix.length(),
 SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE);
 }
 str.setSpan(new ForegroundColorSpan(mSuffixColor),
 note.length(),
 note.length() + suffix.length(),
 SpannableString.SPAN_EXCLUSIVE_EXCLUSIVE);
 post(new Runnable() {
 @Override
 publicvoidrun(){
 setText(str);
 }
 });
}

其中 paint.measureText 可以测量出文本布局的宽度从而得只文本行数并与 mCollapsedLines 比较裁剪出合适的字符长度并添加上后缀与 span 赋予 TextView 即可

由于 getLineEnd 等函数只有在 layout 过程之后值才有意义,所以要合理的选择 applyState 的时机:

@Override
protectedvoidonLayout(booleanchanged,intleft,inttop,intright,intbottom){
 super.onLayout(changed, left, top, right, bottom);
 if (mShouldInitLayout && getLineCount() > mCollapsedLines) {
 mShouldInitLayout = false;
 applyState(mExpanded);
 }
}

至此 CollapsibleTextView 的要点已经完成,添加上 getter,setter 函数与一些逻辑组织即可

源码下载:点击这里

总结

以上就是这篇文章的全部内容了,希望本文的内容对给我Android开发者们能带来一定的帮助,如果有疑问大家可以留言交流,谢谢大家对的支持。


推荐阅读
  • 国内BI工具迎战国际巨头Tableau,稳步崛起
    尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ... [详细]
  • 优化ListView性能
    本文深入探讨了如何通过多种技术手段优化ListView的性能,包括视图复用、ViewHolder模式、分批加载数据、图片优化及内存管理等。这些方法能够显著提升应用的响应速度和用户体验。 ... [详细]
  • 本文将详细介绍如何使用剪映应用中的镜像功能,帮助用户轻松实现视频的镜像效果。通过简单的步骤,您可以快速掌握这一实用技巧。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • Android 渐变圆环加载控件实现
    本文介绍了如何在 Android 中创建一个自定义的渐变圆环加载控件,该控件已在多个知名应用中使用。我们将详细探讨其工作原理和实现方法。 ... [详细]
  • 如何在WPS Office for Mac中调整Word文档的文字排列方向
    本文将详细介绍如何使用最新版WPS Office for Mac调整Word文档中的文字排列方向。通过这些步骤,用户可以轻松更改文本的水平或垂直排列方式,以满足不同的排版需求。 ... [详细]
  • 本文总结了在使用Ionic 5进行Android平台APK打包时遇到的问题,特别是针对QRScanner插件的改造。通过详细分析和提供具体的解决方法,帮助开发者顺利打包并优化应用性能。 ... [详细]
  • 理解存储器的层次结构有助于程序员优化程序性能,通过合理安排数据在不同层级的存储位置,提升CPU的数据访问速度。本文详细探讨了静态随机访问存储器(SRAM)和动态随机访问存储器(DRAM)的工作原理及其应用场景,并介绍了存储器模块中的数据存取过程及局部性原理。 ... [详细]
  • 360SRC安全应急响应:从漏洞提交到修复的全过程
    本文详细介绍了360SRC平台处理一起关键安全事件的过程,涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例,展示了360在安全应急响应方面的专业能力和严谨态度。 ... [详细]
  • 几何画板展示电场线与等势面的交互关系
    几何画板是一款功能强大的物理教学软件,具备丰富的绘图和度量工具。它不仅能够模拟物理实验过程,还能通过定量分析揭示物理现象背后的规律,尤其适用于难以在实际实验中展示的内容。本文将介绍如何使用几何画板演示电场线与等势面之间的关系。 ... [详细]
  • 本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ... [详细]
  • MySQL中枚举类型的所有可能值获取方法
    本文介绍了一种在MySQL数据库中查询枚举(ENUM)类型字段所有可能取值的方法,帮助开发者更好地理解和利用这一数据类型。 ... [详细]
author-avatar
手机用户2502934787
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有