Android recyclerview实现查看更多/收起功能

效果图如下(没搞GIF转换工具,只能截图了。。。):

布局文件activity_main.xml,就一个recyclerview:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

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

</android.support.constraint.ConstraintLayout>

代码MainActivity:

package seemore.test.com.seemorerecycleview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.support.v7.widget.GridLayoutManager;
import android.support.v7.widget.RecyclerView;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

    private RecyclerView recyclerView;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        recyclerView = (RecyclerView) findViewById(R.id.rv_main);
        List<String> list = new ArrayList<>();
        for (int i = 0; i < 30; i++) {
            list.add("哈萨ki" + i);
        }
        SeeMoreAdapter seeMoreAdapter = new SeeMoreAdapter(list);
        recyclerView.setLayoutManager(new GridLayoutManager(this, 4));
        recyclerView.setAdapter(seeMoreAdapter);


        seeMoreAdapter.setOnITEMClickListener(new SeeMoreAdapter.OnItemClick() {
            @Override
            public void onItemClick(int position) {
                int mPosition = position + 1;
                Toast.makeText(getBaseContext(),"点击了第"+ mPosition +"个哈萨ki",Toast.LENGTH_SHORT).show();
            }
        });
    }
}

布局文件item_view:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:padding="10dp"
    android:id="@+id/rl_item"
    >


    <ImageView
        android:id="@+id/iv_item"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:src="@mipmap/ic_launcher"/>

    <TextView
        android:id="@+id/itemView"
        android:text="name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_below="@+id/iv_item"/>

</RelativeLayout>

代码SeeMoreAdapter:

package seemore.test.com.seemorerecycleview;

import android.support.annotation.NonNull;
import android.support.v7.widget.RecyclerView;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.RelativeLayout;
import android.widget.TextView;

import java.util.List;

class SeeMoreAdapter extends RecyclerView.Adapter<SeeMoreAdapter.SeeMoreViewHolder> {

    private final static int TYPE_NORMAL = 0;//正常条目
    private final static int TYPE_SEE_MORE = 1;//查看更多
    private final static int TYPE_HIDE = 2;//收起
    private List<String> mList;
    private boolean mOpen = false;//是否是展开状态

    SeeMoreAdapter(List<String> mList) {
        this.mList = mList;
    }

    @NonNull
    @Override
    public SeeMoreViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        View view = LayoutInflater.from(viewGroup.getContext()).inflate(R.layout.item_view, viewGroup, false);
        return new SeeMoreViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull SeeMoreViewHolder seeMoreViewHolder, final int position) {
//        TextView textView = (TextView) seeMoreViewHolder.textView;
        if (getItemViewType(position) == TYPE_HIDE) {
            seeMoreViewHolder.textView.setText("收起");
            seeMoreViewHolder.rl_item.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mOpen = false;
                    notifyDataSetChanged();
                }
            });
        } else if (getItemViewType(position) == TYPE_SEE_MORE) {
            seeMoreViewHolder.textView.setText("查看更多");
            seeMoreViewHolder.rl_item.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    mOpen = true;
                    notifyDataSetChanged();
                }
            });
        } else {
            seeMoreViewHolder.textView.setText(mList.get(position));
            seeMoreViewHolder.rl_item.setClickable(false);
            if (onItemClick!=null){
                seeMoreViewHolder.rl_item.setOnClickListener(new View.OnClickListener() {
                    @Override
                    public void onClick(View v) {
                        onItemClick.onItemClick(position);
                    }
                });
            }
        }
    }

    @Override
    public int getItemViewType(int position) {
        if (mList.size() <= 4) {
            return TYPE_NORMAL;
        }
        if (mOpen) {
            if (position == mList.size()) {
                return TYPE_HIDE;
            } else {
                return TYPE_NORMAL;
            }
        } else {
            if (position == 3) {
                return TYPE_SEE_MORE;
            } else {
                return TYPE_NORMAL;
            }
        }
    }

    @Override
    public int getItemCount() {
        if (mList == null || mList.size() == 0) {
            return 0;
        }
        if (mList.size() > 4) {
            //若现在是展开状态 条目数量需要+1 "收起"条目
            if (mOpen) {
                return mList.size() + 1;
            } else {
                return 4;
            }
        } else {
            return mList.size();
        }
    }

    class SeeMoreViewHolder extends RecyclerView.ViewHolder {
        TextView textView ;
        ImageView iv_item ;
        RelativeLayout rl_item ;


        public SeeMoreViewHolder(@NonNull View itemView) {
            super(itemView);
            textView = itemView.findViewById(R.id.itemView);
            iv_item = itemView.findViewById(R.id.iv_item);
            rl_item = itemView.findViewById(R.id.rl_item);
        }
    }


    public interface OnItemClick{
        void onItemClick(int position);
    }
    private OnItemClick onItemClick;
    public void setOnITEMClickListener(OnItemClick onItemClick){
        this.onItemClick = onItemClick;
    }

}

代码链接https://download.csdn.net/download/qq_38306233/12311257

 

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Android开发中,RecyclerView是一种常用的列表展示件,它可以用于展示大量数据,并且支持自定义布局和交互效果。实现RecyclerView的加载更多功能可以通过以下步骤来完成: 1. 首先,在你的布局文件中添加RecyclerView控件,并为其指定一个唯一的id,例如: ```xml <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent" /> ``` 2. 在你的Activity或Fragment中,找到RecyclerView控件并创建一个适配器(Adapter)来管理数据的展示。适配器需要继承RecyclerView.Adapter类,并实现其中的几个方法,例如: ```java public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> { // 数据集合 private List<Data> dataList; // 构造方法 public MyAdapter(List<Data> dataList) { this.dataList = dataList; } // 创建ViewHolder @Override public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.item_layout, parent, false); return new ViewHolder(view); } // 绑定ViewHolder @Override public void onBindViewHolder(ViewHolder holder, int position) { Data data = dataList.get(position); // 设置数据到ViewHolder中的控件上 holder.textView.setText(data.getText()); } // 获取数据数量 @Override public int getItemCount() { return dataList.size(); } // ViewHolder类 public static class ViewHolder extends RecyclerView.ViewHolder { TextView textView; public ViewHolder(View itemView) { super(itemView); textView = itemView.findViewById(R.id.textView); } } } ``` 3. 在你的Activity或Fragment中,设置RecyclerView的布局管理器(Layout Manager)和适配器(Adapter),例如: ```java RecyclerView recyclerView = findViewById(R.id.recyclerView); recyclerView.setLayoutManager(new LinearLayoutManager(this)); recyclerView.setAdapter(new MyAdapter(dataList)); ``` 4. 实现加载更多功能,可以通过监听RecyclerView的滑动事件来实现。当用户滑动到列表底部时,触发加载更多的操作。具体实现可以参考以下步骤: - 在适配器中添加一个方法用于加载更多数据,例如: ```java public void loadMoreData(List<Data> moreDataList) { dataList.addAll(moreDataList); notifyDataSetChanged(); } ``` - 在Activity或Fragment中,为RecyclerView添加滑动监听器,并在滑动到底部时触发加载更多的操作,例如: ```java recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() { @Override public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) { super.onScrolled(recyclerView, dx, dy); LinearLayoutManager layoutManager = (LinearLayoutManager) recyclerView.getLayoutManager(); int visibleItemCount = layoutManager.getChildCount(); int totalItemCount = layoutManager.getItemCount(); int firstVisibleItemPosition = layoutManager.findFirstVisibleItemPosition(); if ((visibleItemCount + firstVisibleItemPosition) >= totalItemCount && firstVisibleItemPosition >= 0) { // 滑动到底部,执行加载更多的操作 // 调用适配器的加载更多方法 adapter.loadMoreData(moreDataList); } } }); ``` 这样,当用户滑动到RecyclerView的底部时,就会触发加载更多的操作,新的数据会被添加到适配器中,并通过调用`notifyDataSetChanged()`方法来更新列表的显示。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值