“全文”和“收起”实现
来源:互联网 发布:贪心算法的基本思想 编辑:程序博客网 时间:2024/06/11 06:00
朋友圈列表的点击“全文”展开、点击“收起”折叠,实现起来很简单,主要是以下两步:
- 获取item文本的行数
- 记录item文本的状态
1.获取文本的行数
很容易想到获取文本的行数,超出规定行数便折叠文本,但没有方法可以直接根据字数计算出TextView的行数,所以只能用
content.setText();content.getLineCount();
这时会发现这样获取到的行数为0,因为setText()
后立即调用getLineCount()
TextView还未完成measure,要想准确获取到TextView的行数有两种方法:
- ViewTreeObserver监听View初始化的各种状态
使用它的OnPreDrawListener
在TextView完成测量和定位即将绘制时调用getLineCount()
即可得到TextView的真实行数 - View.post(Runnable r)方法
这个Runnable会被添加到一个顺序执行的UI事件队列,等执行到里面的代码时,View已经完成了measure和layout等一系列初始化工作,所以可以正确获取到View的高度等信息,很好用的方法,相比第一种方法的好处就是代码少且只执行一次,不用取消监听The UI event queue will process events in order. After setContentView() is invoked, the event queue will contain a message asking for a relayout, so anything you post to the queue will happen after the layout pass
这里还是用了第一种方法ViewTreeObserver,感觉语义性更好
holder.content.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() { @Override public boolean onPreDraw() { //这个回调会调用多次,获取完行数记得注销监听 holder.content.getViewTreeObserver().removeOnPreDrawListener(this); if(holder.content.getLineCount() > MAX_LINE_COUNT){ holder.content.setMaxLines(MAX_LINE_COUNT); holder.expandOrCollapse.setVisibility(View.VISIBLE); holder.expandOrCollapse.setText("全文"); }else{ holder.expandOrCollapse.setVisibility(View.GONE); } return true; } });holder.content.setMaxLines(Integer.MAX_VALUE);holder.content.setText(Util.getContent(position));
2.记录item文本的状态
如果只是像上面写的那样每次初始化item时去获取文本的行数,然后根据行数选择是否折叠文本的话,会引发一个问题:
即已经获取过行数的position item滑出可视范围又滑回来时,根据RecyclerView的复用,TextView又会被重新测量高度行数然后是否折叠,有兴趣的同学可以试试,从列表顶部往下滑是没问题,但从底部往上滑,列表会不断跳动,在文字多的情况下甚至滑不回顶部,因为上面即将进入可视范围的item始终处于measure(展开)和超出行数折叠文本的死循环
所以当获取完每个position上的item文本行数后应把信息存起来,在这里我们定义三种状态并在每个item初始化时保存起来:STATE_NOT_OVERFLOW //文本不超过规定行数
STATE_COLLAPSED //文本超过了规定行数,处于折叠状态
STATE_EXPANDED //文本超过了规定行数,被点击后处于展开状态
代码如下:
int state = mTextStateList.get(position, STATE_UNKNOW); //如果该item是第一次初始化,则去获取文本的行数 if(state == STATE_UNKNOW){ holder.content.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() { @Override public boolean onPreDraw() { //这个回调会调用多次,获取完行数记得注销监听 holder.content.getViewTreeObserver().removeOnPreDrawListener(this); //记录文本的状态 if(holder.content.getLineCount() > MAX_LINE_COUNT){ holder.content.setMaxLines(MAX_LINE_COUNT); holder.expandOrCollapse.setVisibility(View.VISIBLE); holder.expandOrCollapse.setText("全文"); mTextStateList.put(position, STATE_COLLAPSED); }else{ holder.expandOrCollapse.setVisibility(View.GONE); mTextStateList.put(position, STATE_NOT_OVERFLOW); } return true; } }); holder.content.setMaxLines(Integer.MAX_VALUE); holder.content.setText(Util.getContent(position)); }else{ //如果之前已经初始化过了,则使用保存的状态,无需再获取一次 switch (state){ case STATE_NOT_OVERFLOW: holder.expandOrCollapse.setVisibility(View.GONE); break; case STATE_COLLAPSED: holder.content.setMaxLines(MAX_LINE_COUNT); holder.expandOrCollapse.setVisibility(View.VISIBLE); holder.expandOrCollapse.setText("全文"); break; case STATE_EXPANDED: holder.content.setMaxLines(Integer.MAX_VALUE); holder.expandOrCollapse.setVisibility(View.VISIBLE); holder.expandOrCollapse.setText("收起"); break; } holder.content.setText(Util.getContent(position)); }
最后设置点击事件:
holder.expandOrCollapse.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int state = mTextStateList.get(position, STATE_UNKNOW); if(state == STATE_COLLAPSED){ holder.content.setMaxLines(Integer.MAX_VALUE); holder.expandOrCollapse.setText("收起"); mTextStateList.put(position, STATE_EXPANDED); }else if(state == STATE_EXPANDED){ holder.content.setMaxLines(MAX_LINE_COUNT); holder.expandOrCollapse.setText("全文"); mTextStateList.put(position, STATE_COLLAPSED); } } });
最终效果图如下:
github地址:https://github.com/CrazyPumPkin/ExpandableText
- “全文”和“收起”实现
- 朋友圈的“全文”“收起”实现
- 仿微信朋友圈动态内容全文显示与收起实现
- TextView实现扩展和收起
- 类似qq发说说的查看全文和收起
- RayeWang/MyView全文 收起
- 仿朋友圈收起,全文
- 全文展示以及收起展示
- HTML实现点击展开和收起
- 点击按钮,实现展开和收起
- js实现菜单的收起和展开
- 如何做到展开以及收起全文
- tableview实现单个cell的展开和收起
- 仿美团实现可展开和收起的LinearLayout
- 纯CSS3实现移动端展开和收起效果
- 显示更多和收起
- 键盘弹出和收起
- 查看所有和收起
- yii2框架的错误处理
- spring-integration-kafka集成消费者启动报错
- centos yum报错Loaded plugins: fastestmirror
- Spring MVC 学习笔记 三 handlerMapping和handlerAdapter
- 编写实现堆排序的算法。
- “全文”和“收起”实现
- C语言实现两台电脑通过串口通信
- leetcode/258. Add Digits
- hdoj 1025 Constructing Roads In JGShining's Kingdom ( LIS +二分法STL )
- iOS开发 pod install遇到的问题If none exists, create a ticket, with the template displayed above
- 曼哈顿距离最小生成树与莫队算法
- elasticsearch批量index,update,delete——Bulk Helpers
- warning C4018: “<”: 有符号/无符号不匹配
- mysql问题解决:mysqladmin: connect to server at 'localhost' failed