Android 车载应用开发——「RecyclerView」

1,604 阅读3分钟

前言

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

一、简介

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

二、Adapter

  • 是什么

    • 适配器、连接器;
  • 为什么要有 Adapter

    • 列表中不只有一条数据,不像 TextViewImageView 一样,一个控件对应一条数据;
    • 列表形式的数据,如何将多个布局与多个数据连接起来?中间就通过 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);
            }
        }