用RecyclerView实现带标题的GridView替换方案

废话不多说,先上图:

展示图片

    本文实现了一个带标题的GridView替换方案,用RecyclerView实现。适配器关键代码如下:

    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        if(isTitle(viewType)){
            View v = LayoutInflater.from(mContext).inflate(R.layout.item_grid_title, parent, false);
            TitleViewHolder titleViewHolder = new TitleViewHolder(v);
            return titleViewHolder;
        }else {
            View v = LayoutInflater.from(mContext).inflate(R.layout.item_grid_management, parent, false);
            MyViewHolder myViewHolder = new MyViewHolder(v);
            return myViewHolder;
        }
    }

    @Override
    public void onBindViewHolder(RecyclerView.ViewHolder holder, int position) {
        if(isTitle(position)){
            TitleViewHolder titleViewHolder = (TitleViewHolder) holder;
            titleViewHolder.tv.setText(titles.get(position));
            return;
        }
        //获取空过去的item(获取真实的item的位置,即去掉title后的真实位置)
        for (int i = 0; i < titles.size(); i++){
            int key = titles.keyAt(i);
            if(position > titles.keyAt(titles.size() -1)){  //item在最后一个title之后的情况
                position -= titles.size();
                break;
            }else if(key < position && position < titles.keyAt(i + 1)){ //item在某两个title之间的情况
                position -= (i + 1);
                break;
            }
        }
        final int s = position;
        MyViewHolder myViewHolder = (MyViewHolder) holder;
        myViewHolder.tv.setText(dataList.get(s).getText());
        myViewHolder.iv.setImageResource(dataList.get(s).getDrawableId());
        myViewHolder.myItemView.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Toast.makeText(mContext, "第 " + (s + 1) + " 个item is clicked", Toast.LENGTH_SHORT).show();
            }
        });
    }

    @Override
    public int getItemCount() {
        return dataList.size() + titles.size();
    }

    @Override
    public int getItemViewType(int position) {
        if(isTitle(position)) {
            return position;  //返回title的位置,仅用作onCreateViewHolder方法中的判断--是title
        }else{
            return position + 100000; //返回title+100000的位置,仅用作onCreateViewHolder方法中的判断--不是title
        }
    }

    @Override
    public void onAttachedToRecyclerView(RecyclerView recyclerView) {
        //如果是title就占据设置的spanCount个单元格
        final GridLayoutManager layoutManager = (GridLayoutManager) recyclerView.getLayoutManager();
        //Sets the source to get the number of spans occupied by each item in the adapter.
        layoutManager.setSpanSizeLookup(new GridLayoutManager.SpanSizeLookup() {
            @Override
            public int getSpanSize(int position) {
                if(isTitle(position)){
                    return layoutManager.getSpanCount();
                }
                return 1;
            }
        });

    }

    private boolean isTitle(int position){
        return titles.get(position) == null ? false : true;
    }

    /**
     * @param position 插入item的位置,注意这里的下标是包含title的(title算一个item,并且所有item随着插入的title的增多而改变),
     *                 即该position参数可以理解为包含title的所有item中title所处于的插入的位置
     * @param title
     */
    public void addTitle(int position, String title){
        titles.put(position, title);
    }

    在Activity中使用代码如下:

 private void initViews(){
        recyclerView = findViewById(R.id.recycler_view);
        GridLayoutManager gridLayoutManager = new GridLayoutManager(this, 4);
        recyclerView.setLayoutManager(gridLayoutManager);

        dataList = new ArrayList<>();
        for(int i = 0; i < 20; i++){
            GridItem gridItem = new GridItem();
            gridItem.setText("测试啊测试");
            gridItem.setDrawableId(R.drawable.operate_analyse);
            dataList.add(gridItem);
        }

        RcvGridTitleAdapter adapter = new RcvGridTitleAdapter(this, dataList);
        //position: 插入item的位置,注意这里的下标是包含title的(title算一个item,并且所有item随着插入的title的增多而改变),
        //即该position参数可以理解为包含title的所有item中title所处于的插入的位置
        adapter.addTitle(0, "第一个标题");
        adapter.addTitle(4, "第二个标题");
        adapter.addTitle(13, "第三个标题");

        recyclerView.setAdapter(adapter);
}

    关键部分在代码中有注释说明。源码传送门:https://github.com/tianyalu/RcvGridViewWithTitleDemo

    如果感觉本文对您有帮助的话,欢迎给个star。

    本文参考:android gridview布局添加多个title

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
RecyclerViewAndroid中非常强大的控件,它允许我们以列表的形式展示数据。但是,有时候我们需要以网格的形式展示数据,这时候我们就需要使用RecyclerViewGridView模式。 GridView模式允许我们以网格的形式展示数据,类似于AndroidGridView控件的效果。GridView模式的实现方式和普通的RecyclerView有些不同,需要使用GridLayoutManager来实现。 下面是一个简单的例子,演示如何在RecyclerView中使用GridView模式: 1. 首先,在gradle文件中添加RecyclerView依赖: ``` implementation 'androidx.recyclerview:recyclerview:1.1.0' ``` 2. 在布局文件中添加RecyclerView控件: ``` <androidx.recyclerview.widget.RecyclerView android:id="@+id/recyclerView" android:layout_width="match_parent" android:layout_height="match_parent" android:padding="16dp" app:layoutManager="androidx.recyclerview.widget.GridLayoutManager" app:spanCount="2" /> ``` 注意,这里的layoutManager需要使用GridLayoutManager,并且需要设置spanCount属性,表示每行或每列的网格数量。 3. 创建适配器Adapter,继承自RecyclerView.Adapter: ``` class MyAdapter(private val dataList: List<String>) : RecyclerView.Adapter<MyAdapter.ViewHolder>() { class ViewHolder(itemView: View) : RecyclerView.ViewHolder(itemView) { val textView: TextView = itemView.findViewById(R.id.textView) } override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder { val itemView = LayoutInflater.from(parent.context).inflate(R.layout.item_layout, parent, false) return ViewHolder(itemView) } override fun onBindViewHolder(holder: ViewHolder, position: Int) { val data = dataList[position] holder.textView.text = data } override fun getItemCount() = dataList.size } ``` 这里的ViewHolder中只包含一个TextView,用于展示数据。在onCreateViewHolder中创建ViewHolder实例,onBindViewHolder中将数据绑定到ViewHolder中。 4. 在Activity或Fragment中设置RecyclerView的适配器: ``` val dataList = listOf("A", "B", "C", "D", "E", "F", "G", "H", "I", "J") val recyclerView = findViewById<RecyclerView>(R.id.recyclerView) recyclerView.adapter = MyAdapter(dataList) ``` 这里的dataList是要展示的数据,可以是任意类型的列表。将数据列表传递给Adapter,然后设置到RecyclerView中。 这样,就可以在RecyclerView中展示GridView模式的数据了。如果需要修改每行或每列的网格数量,只需要修改spanCount属性即可。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值