热门标签 | HotTags
当前位置:  开发笔记 > Android > 正文

RecyclerView仿应用列表实现网格布局

这篇文章主要为大家详细介绍了RecyclerView仿应用列表实现网格布局,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

简介

使用RecyclerView实现网格布局,实现手机界面应用列表 

效果

效果如下图:

 

详细代码

XML布局文件

在布局中使用RecyclerView控件

activity_main.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
  
 

RecyclerView子项列表布局

recyclerview_item.xml

<&#63;xml version="1.0" encoding="utf-8"&#63;>

 
 
  
 
  

JAVA代码

MainActivity

package com.matt.recyclerview;
 
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.GridLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
 
import android.os.Bundle;
 
import java.util.ArrayList;
import java.util.List;
 
public class MainActivity extends AppCompatActivity {
 
  private RecyclerView mRecyclerView;
  private GridAdapter mGridAdapter;
  private List mApplyList;
 
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mRecyclerView = findViewById(R.id.recyclerview);
    mApplyList = new ArrayList<>();
    mApplyList.add(new ApplyBean("SETTINGS","设置", R.mipmap.ic_launcher));
    mApplyList.add(new ApplyBean("CALCULATOR","计算器", R.mipmap.ic_launcher));
    mApplyList.add(new ApplyBean("WEATHER","天气", R.mipmap.ic_launcher));
    mApplyList.add(new ApplyBean("CALENDAR","日历", R.mipmap.ic_launcher));
    mApplyList.add(new ApplyBean("PHOTO" ,"相册", R.mipmap.ic_launcher));
    mApplyList.add(new ApplyBean("TIME" ,"时钟", R.mipmap.ic_launcher));
    mApplyList.add(new ApplyBean("FM" ,"收音机", R.mipmap.ic_launcher));
    mApplyList.add(new ApplyBean("CAMERA" ,"相机", R.mipmap.ic_launcher));
    mApplyList.add(new ApplyBean("PLAY","播放器", R.mipmap.ic_launcher));
    mGridAdapter = new GridAdapter(mApplyList);
 
    //这里的第二个参数4代表的是网格的列数
    mRecyclerView.setLayoutManager(new GridLayoutManager(this, 3));
    mRecyclerView.setAdapter(mGridAdapter);
  }
}

 RecyclerView适配器GridAdapter

package com.fenda.homepage.Adapter;
 
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.TextView;
 
 
import com.fenda.homepage.R;
import com.fenda.homepage.bean.ApplyBean;
 
import java.util.List;
 
/**
 * @author:Matt.Liao
 * 日期时间: 2019/9/1 17:45
 * 内容描述:
 * 版本:
 * 包名:
 */
public class GridAdapter extends RecyclerView.Adapter{
  private List mList;
  private RecyclerView recyclerView;
  public GridAdapter(List list){
    this.mList = list;
  }
 
  @Override
  public Holder onCreateViewHolder(ViewGroup parent, int viewType) {
    View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.submenu_item_recyclerview, null);
    final Holder holder = new Holder(view);
    //对加载的子项注册监听事件
    holder.fruitView.setOnClickListener(new View.OnClickListener() {
      @Override
      public void onClick(View view) {
        int position = holder.getAdapterPosition();
        String applyId = mList.get(position).getApplyId();
        onItemClickListener.onItemClick(view ,applyId);
      }
    });
    return holder;
  }
 
  @Override
  public void onBindViewHolder(Holder holder, int position) {
    holder.mApplyNameTv.setText(mList.get(position).getApplyName());
    holder.mApplyImageIv.setImageResource(mList.get(position).getApplyImage());
  }
 
  @Override
  public int getItemCount() {
    return mList == null &#63; 0 : mList.size();
  }
 
 
  private OnItemClickListener onItemClickListener;
  public void setOnItemClickListener(OnItemClickListener onItemClickListener){
    this.OnItemClickListener= onItemClickListener;
  }
 
  /**
   * 定义RecyclerView选项单击事件的回调接口
   */
  public interface OnItemClickListener{
 
    /**
     * @param view 当前单击的View
     * @param applyId 单击的View的应用id
     */
    void onItemClick(View view, String applyId);
  }
 
  class Holder extends RecyclerView.ViewHolder {
    private TextView mApplyNameTv;
    private ImageView mApplyImageIv;
    private View fruitView;  //表示我们自定义的控件的视图
    public Holder(View itemView) {
      super(itemView);
      fruitView = itemView;
      mApplyNameTv = itemView.findViewById(R.id.tv_apply_name);
      mApplyImageIv = itemView.findViewById(R.id.iv_apply_image);
    }
  }
}

应用列表实体类ApplyBean

package com.matt.recyclerview;
 
import android.os.Parcel;
import android.os.Parcelable;
 
/**
 * @author matt.liaojianpeng
 * 日期时间: 2019/9/1 16:31
 * 内容描述:
 * 版本:
 * 包名:
 */
public class ApplyBean{
  private String applyId;
  private String applyName;
  private int applyImage;
 
  public String getApplyId() {
    return applyId;
  }
 
  public void setApplyId(String applyId) {
    this.applyId = applyId;
  }
 
  public ApplyBean(String applyName, int applyImage){
    this.applyName = applyName;
    this.applyImage = applyImage;
  }
  public ApplyBean(String applyId , String applyName, int applyImage){
    this.applyId = applyId;
    this.applyName = applyName;
    this.applyImage = applyImage;
  }
  public ApplyBean() {
  }
 
  public String getApplyName() {
    return applyName;
  }
 
  public void setApplyName(String applyName) {
    this.applyName = applyName;
  }
 
  public int getApplyImage() {
    return applyImage;
  }
 
  public void setApplyImage(int applyImage) {
    this.applyImage = applyImage;
  }
  public ApplyBean(Parcel source) {
    applyId = source.readString();
    applyName = source.readString();
 
    applyImage = source.readInt();
  }
}

详细讲解 

设置RecyclerView适配器

//这里的第二个参数3代表的是网格的列数
mRecyclerView.setLayoutManager(new GridLayoutManager(this, 3));
mRecyclerView.setAdapter(mGridAdapter);

可以设置的一些参数,说明如下: 

setLayoutManager设置RecyclerView布局样式

GridLayoutManager:网格布局

LinearLayoutManager:线性布局 

适配器GridAdapter继承RecyclerView.Adapter

初始化

重写构造方法,传入子项数据列表

private List mList;
  private RecyclerView recyclerView;
  public GridAdapter(List list){
    this.mList = list;
  }

内部类Holder用于绑定数据类型

class Holder extends RecyclerView.ViewHolder {
    private TextView mApplyNameTv;
    private ImageView mApplyImageIv;
    private View fruitView;  //表示我们自定义的控件的视图
    public Holder(View itemView) {
      super(itemView);
      fruitView = itemView;
      mApplyNameTv = itemView.findViewById(R.id.tv_apply_name);
      mApplyImageIv = itemView.findViewById(R.id.iv_apply_image);
    }
  }

onCreateViewHolder()方法,负责承载每个子项的布局。

onBindViewHolder()方法,负责将每个子项holder绑定数据。

getItemCount()方法,返回子项列表数目。

setOnItemClickListener()方法,设置子项列表监听。

OnItemClickListener()接口,定义RecyclerView选项单击事件的回调接口。

子项监听实现的方法,如下

mGridAdapter.setOnItemClickListener(new GridAdapter.OnItemClickListener() {
      @Override
      public void onItemClick(View view, String applyId) {
        if(applyId.equals("SETTINGS")){
          Toast.makeText(getApplicationContext(),"设置",Toast.LENGTH_SHORT).show();
        } else if (applyId.equals("CALCULATOR")){
          Toast.makeText(getApplicationContext(),"计算器",Toast.LENGTH_SHORT).show();
        }
      }
    });

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


推荐阅读
  • Android LED 数字字体的应用与实现
    本文介绍了一种适用于 Android 应用的 LED 数字字体(digital font),并详细描述了其在 UI 设计中的应用场景及其实现方法。这种字体常用于视频、广告倒计时等场景,能够增强视觉效果。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • 本文将详细介绍如何使用剪映应用中的镜像功能,帮助用户轻松实现视频的镜像效果。通过简单的步骤,您可以快速掌握这一实用技巧。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • Android 渐变圆环加载控件实现
    本文介绍了如何在 Android 中创建一个自定义的渐变圆环加载控件,该控件已在多个知名应用中使用。我们将详细探讨其工作原理和实现方法。 ... [详细]
  • 如何在WPS Office for Mac中调整Word文档的文字排列方向
    本文将详细介绍如何使用最新版WPS Office for Mac调整Word文档中的文字排列方向。通过这些步骤,用户可以轻松更改文本的水平或垂直排列方式,以满足不同的排版需求。 ... [详细]
  • 在当前众多持久层框架中,MyBatis(前身为iBatis)凭借其轻量级、易用性和对SQL的直接支持,成为许多开发者的首选。本文将详细探讨MyBatis的核心概念、设计理念及其优势。 ... [详细]
  • 本文总结了在使用Ionic 5进行Android平台APK打包时遇到的问题,特别是针对QRScanner插件的改造。通过详细分析和提供具体的解决方法,帮助开发者顺利打包并优化应用性能。 ... [详细]
  • 理解存储器的层次结构有助于程序员优化程序性能,通过合理安排数据在不同层级的存储位置,提升CPU的数据访问速度。本文详细探讨了静态随机访问存储器(SRAM)和动态随机访问存储器(DRAM)的工作原理及其应用场景,并介绍了存储器模块中的数据存取过程及局部性原理。 ... [详细]
  • 360SRC安全应急响应:从漏洞提交到修复的全过程
    本文详细介绍了360SRC平台处理一起关键安全事件的过程,涵盖从漏洞提交、验证、排查到最终修复的各个环节。通过这一案例,展示了360在安全应急响应方面的专业能力和严谨态度。 ... [详细]
  • 几何画板展示电场线与等势面的交互关系
    几何画板是一款功能强大的物理教学软件,具备丰富的绘图和度量工具。它不仅能够模拟物理实验过程,还能通过定量分析揭示物理现象背后的规律,尤其适用于难以在实际实验中展示的内容。本文将介绍如何使用几何画板演示电场线与等势面之间的关系。 ... [详细]
author-avatar
幸运的anan本人
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有