06 |「RecyclerView」

前言

实践是最好的学习方式，技术也如此。

一、简介

• RecyclerView 是列表；
• 好处：更高效率的列表控件；
• 用法：重点 RecycleerView.Adapter 的写法；可以通过 LayoutManager（布局管理器）来决定布局的样式，是线性的、网格列表还是瀑布流列表；
• RecyclerView 列表是如何实现显示的 ？
  • 是将数据放到对应的位置上，根据数据内容的数量来显示（即告诉列表有多少个条目） ；

二、Adapter

• 是什么

  • 适配器、连接器；

• 为什么要有 Adapter？

  • 列表中不只有一条数据，不像 TextView、ImageView 一样，一个控件对应一条数据；
  • 列表形式的数据，如何将多个布局与多个数据连接起来？中间就通过 adapter，将数据放到对应的控件的位置；

• Adapter 的分类

  • ArrayAdapter：简单列表；
  • SimpleAdapter：图文列表；
  • BaseAdapter：图文复杂列表 ；

三、示例

1、背景

用 RecyclerView 列表显示各个城市天气数据

2、代码

• FutureWeatherAdapter 是一个自定义的适配器类，它继承自 RecyclerView.Adapter 类；在泛型参数中，指定了一个内部类 WeatherViewHolder 作为适配器的视图持有者

  • WeatherViewHolder 是用于在 RecyclerView 中显示每个天气数据的视图持有者类；
  • 通常情况下，你会在适配器内部定义一个继承自 RecyclerView.ViewHolder 的内部类来表示列表项的视图结构和布局

• onCreateViewHolder() 方法用于创建 ViewHolder，即创建用于显示单个天气条目的视图，并返回 ViewHolder 对象；使用布局填充器从 XML 布局文件中实例化视图，并将其传递给自定义的 ViewHolder 对象。

  • 在创建新的 ViewHolder 实例时调用。当 RecyclerView 需要显示新的列表项时，会调用该方法来创建一个 ViewHolder 对象 ；
  • onCreateViewHolder() 返回的 ViewHolder 对象会被 RecyclerView 用于显示列表项。当 RecyclerView 需要显示新的列表项时，它会调用 onCreateViewHolder() 方法来创建一个新的 ViewHolder 对象，并将其返回

• onBindViewHolder() 方法用于将数据绑定到 ViewHolder 上，即将具体的天气数据填充到对应的视图控件中。在这个方法中，获取当前位置的天气数据对象，然后将其属性分别设置到 ViewHolder 中的各个 TextView 和 ImageView 中；

  • 方法在 RecyclerView 需要将数据绑定到 ViewHolder 以显示新的列表项时被调用。当 RecyclerView 中的列表项需要更新或者需要显示新的列表项时，会调用该方法；

• getItemCount() 方法用于获取数据集中的条目数，即天气数据列表的大小；

  • getItemCount() 方法返回的数据会告诉 RecyclerView 有多少个列表项需要在屏幕上显示。当 RecyclerView 需要确定列表的大小时，它会调用 getItemCount() 方法

• 内部类 WeatherViewHolder 继承自 RecyclerView.ViewHolder，用于持有每个天气条目的视图控件的引用；在构造方法中，通过传入的视图参数找到并引用了各个视图控件；

  
  public class FutureWeatherAdapter extends RecyclerView.Adapter<com.example.weatherapp.adapter.FutureWeatherAdapter.WeatherViewHolder> {
          private Context mContext;  // 上下文
          private List<DayWeatherBean> mWeatherBeans;  // 数据
  
          public FutureWeatherAdapter(Context mContext, List<DayWeatherBean> mWeatherBeans) {
              this.mContext = mContext;
              this.mWeatherBeans = mWeatherBeans;
          }
  
          // 先创建ViewHolder再将数据绑定
          @NonNull
      @Override
      public WeatherViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
          // onCreateViewHolder()方法负责创建ViewHolder并将其返回给RecyclerView
          View view = LayoutInflater.from(mContext).inflate(R.layout.weather_item_layout, parent, false);  // 布局
          WeatherViewHolder weatherViewHolder = new WeatherViewHolder(view);
          return weatherViewHolder;
      }
      
  
      @Override
      public void onBindViewHolder(@NonNull WeatherViewHolder holder, int position) {
          // onBindViewHolder()方法负责将数据绑定到ViewHolder
          // holder: 表示要绑定的ViewHolder对象，position: 表示ViewHolder在RecyclerView中的位置
          // onBindViewHolder()方法负责将数据填充到ViewHolder的视图中
          // 它会被调用多次，每次RecyclerView需要显示一个新的ViewHolder时都会调用
          DayWeatherBean weatherBean = mWeatherBeans.get(position);  // 拿到当前位置的JavaBean对象
          holder.tvWeather.setText(weatherBean.getWea());
          holder.tvTem.setText(weatherBean.getTeamDay());
          holder.tvAir.setText(weatherBean.getWin_speed());
          holder.tvWin.setText(weatherBean.getWin());
          holder.tvTemLowHigh.setText(weatherBean.getTeamNight());
          holder.ivWeather.setImageResource(getImgResOfWeather(weatherBean.getWeaImg()));
      }
  
      // 总共有多少个条目
      @Override
      public int getItemCount() {
          return (mWeatherBeans == null) ? 0 : mWeatherBeans.size();
      }
  
      class WeatherViewHolder extends RecyclerView.ViewHolder {
          TextView tvWeather, tvTem, tvTemLowHigh, tvWin, tvAir;
          ImageView ivWeather;
  
          public WeatherViewHolder(@NonNull View itemView) {
              super(itemView);
  
              tvWeather = itemView.findViewById(R.id.tv_weather);
              tvAir = itemView.findViewById(R.id.air);
              tvTem = itemView.findViewById(R.id.tv_tem);
              tvTemLowHigh = itemView.findViewById(R.id.tv_tem_low_high);
              tvWin = itemView.findViewById(R.id.tv_win);
              ivWeather = itemView.findViewById(R.id.iv_weather);
          }
      }