RecyclerView实现查看更多及收起

本文实例为大家分享了RecyclerView实现查看更多及收起的具体代码,供大家参考,具体内容如下

三个list:

realList 真实list
hideList 隐藏时的list
openList 展开时的list

做法就是

判断适配器条目小于4(可任意)时,将适配器list设置为真实list
判断适配器条目大于4(可任意)时,将适配器hideList设置为真实list的前三个条目+查看更多;将适配器openList设置为真实list+收起

适配器代码

public class LuckyCodeAdapter extends RecyclerView.Adapter<LuckyCodeAdapter.LuckyCodeViewHolder> {
 private Context context;
 private List<String> list;
 private boolean isHide;//隐藏
 private boolean isOpen;//展开

 public LuckyCodeAdapter(Context context) {
  this.context = context;
 }

 @Override
 public LuckyCodeViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
  View v = LayoutInflater.from(context).inflate(R.layout.item_tosanpup_lucky_code, parent, false);
  return new LuckyCodeViewHolder(v);
 }

 @Override
 public void onBindViewHolder(LuckyCodeViewHolder holder, final int position) {
  holder.txtLuckyCode.setText(list.get(position));
  if (hideOrShowCallBack != null) {
   holder.txtLuckyCode.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
     if (position == list.size() - 1) {
      if (isOpen) {
       hideOrShowCallBack.hide();
       return;
      }
      if (isHide) {
       hideOrShowCallBack.open();
       return;
      }
     }
    }
   });

  }
 }

 @Override
 public int getItemCount() {
  return list == null ? 0 : list.size();
 }

 //隐藏
 public void setHideList(List<String> newList) {
  this.list = newList;
  notifyDataSetChanged();
  this.isHide = true;
  this.isOpen = false;
 }

 //展开
 public void setOpenList(List<String> openList) {
  this.list = openList;
  this.isOpen = true;
  this.isHide = false;
  notifyDataSetChanged();
 }

 //不需要隐藏/展开
 public void setRealList(List<String> realList) {
  this.list = realList;
  notifyDataSetChanged();
  this.isHide = false;
  this.isOpen = false;
 }

 //清除数据
 public void clearData() {
  if (list != null) {
   this.list.clear();
   notifyDataSetChanged();
  }
 }

 class LuckyCodeViewHolder extends RecyclerView.ViewHolder {
  TextView txtLuckyCode;//幸运号码

  public LuckyCodeViewHolder(View itemView) {
   super(itemView);
   txtLuckyCode = (TextView) itemView;
  }
 }

 private HideOrShowCallBack hideOrShowCallBack;

 public void setHideOrShowCallBack(HideOrShowCallBack hideOrShowCallBack) {
  this.hideOrShowCallBack = hideOrShowCallBack;
 }

 public interface HideOrShowCallBack {
  void hide();

  void open();
 }
}
//luckyList为真实list,判断是否需要隐藏
 if (luckyList.size() > 4) {
   luckyCodeHideList = new ArrayList<>();
   luckyCodeOpenList = new ArrayList<>();
   for (int i = 0; i < luckyList.size(); i++) {
    luckyCodeOpenList.add(luckyList.get(i));
   }
   luckyCodeOpenList.add("收起");

   for (int i = 0; i < 3; i++) {
    luckyCodeHideList.add(luckyList.get(i));
   }
   luckyCodeHideList.add("查看更多");
   luckyCodeAdapter.setHideList(luckyCodeHideList);
  } else {
   luckyCodeAdapter.setRealList(luckyList);
  }

设置监听

luckyCodeAdapter.setHideOrShowCallBack(new LuckyCodeAdapter.HideOrShowCallBack() {
   @Override
   public void hide() {
    luckyCodeAdapter.setHideList(luckyCodeHideList);
   }

   @Override
   public void open() {
    luckyCodeAdapter.setOpenList(luckyCodeOpenList);
   }
  });

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • RecyclerView的使用之多种Item加载布局

    本文给大家介石介绍下如何利用RecyclerView实现多Item布局的加载,多Item布局的加载的意思就是在开发过程中List的每一项可能根据需求的不同会加载不同的Layout. 下面给大家展示下演示效果图: * 图片资源版权归属于Facebook dribbble RecyclerView实现加载不同的Layout的核心就是在Adapter的onCreateViewHolder里面去根据需求而加载不同的布局. 具体的实现步骤:(以Android Studio作为开发工具) 1:Gradle配

  • RecyclerView实现常见的列表菜单

    在很多地方我们都会用到纵向列表样式的菜单,比如微信首页的我.发现页面,微博的首页的我页面,QQ的动态页面等等等等,大多数的应用中都会存在这样的页面.我们怎样实现这种页面比较好呢? 布局方案 完成这样的页面,常见的布局方案有: 1. 用ScrollView+LinearLayout很容易的暴力布局出来,但是这样得到的布局太固定了,如果条目多一点,加载起来很耗时. 2. 用ListView来实现,这种方案比方案一要好上不少,起码数据多点的时候,加载时不会太耗时.但是分割线和中间空白在要求差异化的时候

  • Android RecyclerView 上拉加载更多及下拉刷新功能的实现方法

    RecyclerView 已经出来很久了,但是在项目中之前都使用的是ListView,最近新的项目上了都大量的使用了RecycleView.尤其是瀑布流的下拉刷新,网上吧啦吧啦没有合适的自己总结了一哈. 先贴图上来看看: 使用RecyclerView实现上拉加载更多和下拉刷新的功能我自己有两种方式: 1.使用系统自带的Android.support.v4.widget.SwipeRefreshLayout这个控价来实现. 2.自定义的里面带有RecyleView的控件. 使用RecycleVie

  • Android中RecyclerView实现多级折叠列表效果(二)

    前言 在本文开始之前请大家先看一下这篇文章:http://www.jb51.net/article/113510.htm 上面的这篇文章是之前写的,里面发现有很多不好用地方,也学到些新姿势,改动了许多地方.下面来看看详细的介绍: 要点: 1.可以通过后台控制Item的展示. 2.TreeRecyclerAdapter,可以展开,折叠.多级展示 3.adapter可以使用装饰者模式进行扩展.支持EmptyAdapter.可以添加headview和footview 4.item的样式可以编写文档,t

  • Android中使用RecyclerView实现下拉刷新和上拉加载

    推荐阅读:使用RecyclerView添加Header和Footer的方法                       RecyclerView的使用之HelloWorld RecyclerView 是Android L版本中新添加的一个用来取代ListView的SDK,它的灵活性与可替代性比listview更好.本文给大家介绍如何为RecyclerView添加下拉刷新和上拉加载,过去在ListView当中添加下拉刷新和上拉加载是非常方便的利用addHeaderView和addFooterVie

  • Android RecyclerView实现下拉刷新和上拉加载

    RecyclerView已经出来很久了,许许多多的项目都开始从ListView转战RecyclerView,那么,上拉加载和下拉刷新是一件很有必要的事情. 在ListView上,我们可以通过自己添加addHeadView和addFootView去添加头布局和底部局实现自定义的上拉和下拉,或者使用一些第三方库来简单的集成,例如Android-pulltorefresh或者android-Ultra-Pull-to-Refresh,后者的自定义更强,但需要自己实现上拉加载. 而在下面我们将用两种方式

  • RecyclerView实现查看更多及收起

    本文实例为大家分享了RecyclerView实现查看更多及收起的具体代码,供大家参考,具体内容如下 三个list: realList 真实list hideList 隐藏时的list openList 展开时的list 做法就是 判断适配器条目小于4(可任意)时,将适配器list设置为真实list 判断适配器条目大于4(可任意)时,将适配器hideList设置为真实list的前三个条目+查看更多:将适配器openList设置为真实list+收起 适配器代码 public class LuckyC

  • 微信小程序加载更多 点击查看更多

    本文实例为大家分享了微信小程序加载更多功能实现的具体代码,供大家参考,具体内容如下 微信小程序加载更多,是将之前的数据和点击加载后请求的数据用concat拼接在一起并执行setData,下面是一个简单的栗子: index.wxml代码如下 <view wx:for="{{duanziInfo}}" wx:for-item="name" wx:for-index="id"> <view class="duanzi-vie

  • jquery实现点击查看更多内容控制段落文字展开折叠效果

    本文实例讲述了jquery实现点击查看更多内容控制段落文字展开折叠效果.分享给大家供大家参考.具体如下: 这里使用jQuery实现的文字展开折叠效果,点击文字后文字内容会完整的显示出来,控制段落来显示文字,不需要的时候,可以再次点击后将内容折叠起来,也就是隐藏了一部分内容.点击查看更多的功能,在很多大网站都有在用,像一些电影简介.产品介绍有时候为了页面的布局效果,常常默认是隐藏了一部分,用户想看的时候可以点击后展开. 运行效果如下图所示: 具体代码如下: <!DOCTYPE html> <

  • android中GridView实现点击查看更多功能示例

    首先来看一下效果图:   先说一下我的需求:查看群成员,如果超过15人则全部显示,如果大于15人则先加载15人,其余的不显示,点击查看更多则加载全部.再来说一下我实现的逻辑:首先呢要判断群成员的人数,如果小于或者等于15就用GridView加载全部数据,隐藏查看更多的按钮.如果大于15人,则显示加载更多的按钮,先加载15条数据,其余的不加载,点击按钮之后获取全部数据放到自己写好的adapter里然后加载刷新,再隐藏加载更多的按钮. 好了,来看代码: <LinearLayout android:l

  • asp.net点击 查看更多 实现无刷新加载的实现代码

    页面页面的js代码如下, 复制代码 代码如下: <script type="text/javascript"> $(function () { function init(count, start) { $.ajax({ type: "GET", dataType: "json", url: "Handler/Handler.ashx", data: { action: "GetMoreNews"

  • 微信小程序 多行文本显示...+显示更多按钮和收起更多按钮功能

    看了很多帖子,但是效果都不是很好.还是找微信小程序官方文档,自己写比较方便.自己动手丰衣足食!话不多说,上代码! 时空传送 先来个效果图 html <block wx:for='{{trendsList}}' wx:key='index'> <view class="box"> <view class="textFour_box {{item.seeMore?'three':''}}">{{item.text}}</view

  • 基于jQuery实现的查看全文功能【实用】

    话不多说,请看具体实例 自己引用jQuery.js版本 查看全文---收起(文本内容少于四行,不显示查看全文---收起,超过五行时才显示出来并有此功能) <!doctype html> <html> <head> <meta charset="utf-8"> <script type="text/javascript" src="js/jquery1.7.2.min.js"></s

  • JavaScript实现兼容IE6的收起折叠与展开效果实例

    本文实例讲述了JavaScript实现兼容IE6的收起折叠与展开效果.分享给大家供大家参考,具体如下: 收起折叠效果本身不难,但是div是否超出高度不应该利用innerHTML去判断,收起折叠的时候把所有div的innerHTML搞到一个变量又把一个变量的内容通过截取字符串的方式,又将其放到div.下面提供一种通过div本身固有的高度来判断div是否过高,如果过高则提供折叠收起的按钮. div的高度通过document.getElementById("div的id").offsetHe

  • NestedScrollView+Recyclerview下滑卡顿解决方法

    大家在进行安卓开发用到NestedScrollView+Recyclerview的时候,经常出现的情况就是加载下滑的时候没有任何问题,很流畅,但是在下滑以后明显出现了卡顿的情况,小编根绝这个问题,给大家再来的解决方法,一起来学习下. 我们先来看下这个BUG的表现: 1.滑动卡顿, 2.加载下滑时流畅,下滑时明显的卡顿 3.进入页面时直接加载RecyclerView部分的内容(这里我理解为控件惯性,不知道对不对-------尴尬!!!!!!) 下面我们一一来解决这些问题 在开发项目中,涉及到到商品

  • vue控制多行文字展开收起的实现示例

    这里讲一下,如何使用vue控制多行文字展开收起(也叫控制文字展开隐藏). 效果: 这里设置了控制三行,如果超过三行会展示,"显示更多" 超出文字显示省略号.点击"显示更多"会展开所有文案,按钮变成"收起" (未超出三行的时候) (展开) (收起) 代码实现: <template> <div> <p class="m-content overflow-line" id="J_descrip

随机推荐