Android 仿微信朋友圈 全文，收起功能

最新推荐文章于 2021-05-26 10:22:18 发布
最新推荐文章于 2021-05-26 10:22:18 发布
阅读量111 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43942430/article/details/89081318
版权

一、添加依赖

implementation 'com.android.support:recyclerview-v7:28.0.0'

二、资源配置

1.drawable文件夹下的shape文件

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@color/colorAccent"/>
</shape>

2.layout布局文件

activity_main.xml

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/activity_main"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="16dp"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:paddingTop="16dp"
    tools:context=".MainActivity">

    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_text_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></android.support.v7.widget.RecyclerView>
</RelativeLayout>

item_test_list.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    android:paddingBottom="16dp"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:paddingTop="16dp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center_vertical"
        android:orientation="horizontal">

        <TextView
            android:id="@+id/tv_hend"
            android:layout_width="40dp"
            android:layout_height="40dp"
            android:layout_marginRight="16dp"
            android:background="@drawable/circle"
            android:gravity="center"
            android:text="1"
            android:textColor="@android:color/white"
            android:textSize="14sp" />

        <TextView
            android:id="@+id/tv_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:alpha="0.87"
            android:text="丁先森"
            android:textColor="@android:color/black"
            android:textSize="14sp" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginLeft="56dp"
        android:orientation="vertical"
        android:paddingBottom="8dp">

        <TextView
            android:id="@+id/tv_content"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8dp"
            android:alpha="0.85"
            android:ellipsize="end"
            android:text=""
            android:textColor="@android:color/black"
            android:textSize="14sp" />

        <TextView
            android:id="@+id/tv_expand_or_collapse"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="全文"
            android:textColor="@color/colorPrimaryDark"
            android:textSize="14sp" />
    </LinearLayout>

    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:layout_marginLeft="56dp"
        android:alpha="0.12"
        android:background="@android:color/black" />
</LinearLayout>

逻辑代码

MainActivity

public class MainActivity extends AppCompatActivity {
    private RecyclerView mRvTextList;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mRvTextList= (RecyclerView) findViewById(R.id.rv_text_list);
        mRvTextList.setLayoutManager(new LinearLayoutManager(this,LinearLayoutManager.VERTICAL,false));
        mRvTextList.setAdapter(new TextListAdapter(this));
    }
}

适配器TextListAdapter

public class TextListAdapter extends RecyclerView.Adapter<TextListAdapter.TextHolder> {
    private Activity mContent;

    private final int MAX_LINE_COUNT = 3;

    private final int STATE_UNKNOW = -1;

    private final int STATE_NOT_OVERFLOW = 1;//文本行数不能超过限定行数

    private final int STATE_COLLAPSED = 2;//文本行数超过限定行数，进行折叠

    private final int STATE_EXPANDED = 3;//文本超过限定行数，被点击全文展开

    private SparseArray<Integer> mTextStateList;

    public TextListAdapter(Activity context) {
        mContent = context;
        mTextStateList = new SparseArray<>();
    }

    @Override
    public TextHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        return new TextHolder(mContent.getLayoutInflater().inflate(R.layout.item_test_list, parent, false));
    }

    @Override
    public void onBindViewHolder(final TextHolder holder, final int position) {
        holder.hend.setText(position + 1 + "");//设置头部的文字
        holder.name.setText(Util.getName(position));//设置名称
        int state = mTextStateList.get(position, STATE_UNKNOW);
//        如果该itme是第一次初始化，则取获取文本的行数
        if (state == STATE_UNKNOW) {
            holder.content.getViewTreeObserver().addOnPreDrawListener(new ViewTreeObserver.OnPreDrawListener() {
                @Override
                public boolean onPreDraw() {
//                    这个回掉会调用多次，获取玩行数后记得注销监听
                    holder.content.getViewTreeObserver().removeOnPreDrawListener(this);
//                    holder.content.getViewTreeObserver().addOnPreDrawListener(null);
//                    如果内容显示的行数大于限定显示行数
                    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));//用Util中的getContent方法获取内容
        } 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);
                }
            }
        });

    }

    @Override
    public int getItemCount() {
        return 15;
    }


    public class TextHolder extends RecyclerView.ViewHolder {
        public TextView hend;
        public TextView name;
        public TextView content;
        public TextView expandOrCollapse;

        public TextHolder(View itemView) {
            super(itemView);
//            绑定xml布局中的控件
            hend = (TextView) itemView.findViewById(R.id.tv_hend);
            name = (TextView) itemView.findViewById(R.id.tv_name);
            content = (TextView) itemView.findViewById(R.id.tv_content);
            expandOrCollapse = (TextView) itemView.findViewById(R.id.tv_expand_or_collapse);
        }
    }
}

Util工具类

public class Util {
    private static String[] nameArray = new String[]{
            "Windows", "Mac", "Linux"
    };
    private static String[] contentArray = new String[]{
            "在动作类影片中，只要发生混乱，那么绝对就有木仓战。现在的技术越来越发达，电影或电视中的特效也做的越来越逼真，演员们被木仓打中的效果也很形象，我们经常能看到被木仓打中的伤口血淋林的暴露在大屏幕中，从演员的表演中我们能看到木仓击是很痛的，那么你们有想过被木仓打中到底会有多痛？什么感觉吗？网站有网友为我们分享被子弹打中的感觉\n" +
                    "1、“老实说，比我想象中的感觉要轻很多。本来我以为很痛，可是被打中后就像是被棒球击中的感觉一样，刚开始的几秒钟没什么知觉，过会才感到痛\n" +
                    "2、“被子弹打到的感觉就像是一直有人拿针扎你一样，刺痛刺痛的。”\n" +
                    "3、“我当初大腿被木仓击中，子弹直接从我的大腿中传过去，连带着我的肌腱也被击中，那种感觉我觉得用疼痛两个字已经不足以形容了\n" +
                    "4、“在我十七岁的时候，脚被木仓击中，当时我以为是被蜜蜂蛰了，因为仿佛听到了蜜蜂的声音，没过几秒钟，脚上就传来灼热感，这才知道原来是被木仓击中了。\n" +
                    "5、“我只是听到的木仓声，却没有意识到自己中木仓了。直到血流出来才意识到。所以，对我来讲，被子弹击中没什么感觉。"
          ,
            "GNOME or KDE desktop\n" +
                   " processor with support for AMD Virtualization™ (AMD-V™)"


    };

    /**
     * 获取文本内容根据下标
     *
     * @param position
     * @return
     */

    public static String getContent(int position) {
        return contentArray[position % contentArray.length];
    }

    /**
     * 获取名称根据下标
     *
     * @param position
     * @return
     */
    public static String getName(int position) {
        return nameArray[position % contentArray.length];
    }
}
__趁早
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android自定义TextView仿微信朋友圈文字展开全文功能
08-27
主要为大家详细介绍了Android自定义TextView仿微信朋友圈文字展开全文功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android仿微信朋友圈1自定义TextView（文本内容多行显示全文与收起)
u012556114的博客
07-25 3592
最近在做类似朋友圈功能，其中有个细节是当文本内容多行时显示全文与收起，微信的文本内容是最多显示6行，我的例子是显示3行，这个可以根据自己的需求来写，之前写过一个可伸缩扩展的TextView带图标，和这个类似，但是有点区别，微信这个体验还是不错的，于是自己写了一个自定义的TextView实现了类似功能,用的是androidx的兼容包,如果小伙伴们不清楚androidx兼容包该咋写，...
Android kotlin 实现仿微信朋友圈全文与收起功能(RecyclerView+BRVAH3.0.6+androidx)
彬sir哥的博客
05-08 1998
RecyclerView+BRVAH3.0.6+androidx
Android仿微信朋友圈查看全文/收起功能(雷惊风)
热门推荐
刘永雷的专栏
12-09 1万+
最近开发需求中要模仿微信朋友圈文章的展开收起功能,网上找了找,发现都有问题,于是乎自己在前辈的基础上进行了一定量的修改,下边将源码贴出来供大家参考: 1.主Activity布局文件就不粘贴了,很简单,就一个ListView. 2.主Activity功能实现: package com.example.textviewdemo; import java.util.HashMap;
android 仿微信朋友圈全文收起功能
liufulin520328的博客
03-29 2566
  在网上查阅了很多，但是实现起来都有很多小问题，还不如自己撸一个。  此方法可以在任何页面通用。有此需求的同学，赶紧收藏啦！   1：下面我们来讲解一下再adapter中的使用，首先是列表的布局文件&lt;?xml version="1.0" encoding="utf-8"?&gt;&lt;LinearLayout xmlns:android="http://schemas.android.c...
Android仿微信朋友圈全文收起功能示例（附源码）
08-31
通过这种方式，我们完成了Android仿微信朋友圈全文收起功能的实现。源码中的布局和逻辑处理可以作为模板，根据实际项目需求进行适当的调整和优化。注意，示例代码可能不是最优解，但足以实现所需功能，供开发者参考...
Android-Android仿微信朋友圈全文收起功能
08-12
本文将详细解析如何在Android平台上实现一个类似微信朋友圈的全文展开和收起功能。这一功能通常用于处理长文本显示，使得用户在有限的屏幕空间内能够便捷地阅读和管理大量信息。 首先，我们要理解的是，这个功能的...
Android仿微信朋友圈全文、收起功能的实例代码
08-29
本篇文章主要介绍了Android仿微信朋友圈全文、收起功能的实例代码，具有一定的参考价值，有兴趣的可以了解一下
Android仿微信朋友圈全文、收起功能
天凉好个秋
11-06 3308
Android仿微信朋友圈全文、收起功能 原文地址：https://www.jianshu.com/p/f2a2d213a3e3 wildma关注 2017.08.03 22:49*字数 251阅读 924评论 0喜欢 17 前言 一般在社交APP中都有类似朋友圈的功能，其中发表的动态内容很长的时候不可能让它全部显示。这里就需要做一个仿微信朋友圈全文、收起功能来解决该问题。...
展开或折叠细节「Expand or collapse details」-crx插件
03-24
展开或折叠细节 一个简单的助手来扩展或折叠全部 <details>标签。 </details> 支持语言:English (United States)
Android仿微信朋友圈，全文收起功能，附源码
ddbnfh3092的博客
02-10 403
在众多的社交类软件中，朋友圈是必不可少的，可以与好友、同学等分享自己的日常和有意思的事情，在开发社交类App时，朋友圈发表的内容你不可能让他全部显示，全部显示的话用户体验度会非常不好，这时就要用到全文、收缩的功能，朋友如果想要看你发的动态，只要点一下全文就可以查看所有的全部的内容了，如果不想看，也没有必要把这一篇文章全部都滑到底部，才能看下一条内容。 源码地址：链接：http:/...
android 文字点击展开,仿微信朋友圈，文字展开全文，全文收起功能
weixin_39612297的博客
05-26 469
android:id="@+id/tv_expand_or_fold"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="全文"android:textColor="@color/colorPrimaryDark"android:textSize="14sp"/>2.设置 最...
Java 展开或折叠PDF中的书签
Eiceblue的专栏
12-23 280
PDF中的书签功能可快速定位到指定阅读位置。对多层书签可根据阅读喜好设置层级展开或折叠。本文将通过Java程序代码介绍如何来实现PDF书签展开或折叠。 程序环境： Spire.Pdf.jar( 免费版3.9.0版本） JDK1.8.0（版本在1.6.0及更高版本均可） IDEA Jar文件导入（两种方法任选其一）： 1. 手动下载jar包导入：下载并解压将lib文件夹下的Spire.Pdf.jar文件添加引用到Java程序； 2. Maven仓库路径中导入：程序中需要配置pom.xml文件，指定
Android 仿微信朋友圈 Textview 全文 收起展示
ashuang520的博客
03-16 1853
先看效果图：适用listview recycleview 滑动流畅，无BUG上代码，直接写在adapter里private final int MAX_LINE_COUNT = 3;//最大显示行数 private final int STATE_UNKNOW = -1;//未知状态 private final int STATE_NOT_OVERFLOW = 1;//文本行数小于最大可显示行...
synchronized-4月5日.md
最新发布
07-06
synchronized-4月5日.md
场景化落地应用推进制造企业数字化转型两套文档.pptx
07-05
场景化落地应用推进制造企业数字化转型两套文档.pptx
android 仿微信朋友圈图片查看
01-31
要实现Android仿微信朋友圈图片查看功能，可以按照以下步骤进行： 1. 首先，需要使用一个RecyclerView来展示朋友圈的列表，每个朋友圈项包含了图片的缩略图、文字内容和评论等信息。 2. 当用户点击某个朋友圈项时...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值