RecyclerView控件的使用

1. 引入v7依赖
   找到下面这个文件并打开
   
   代码如下

apply plugin: 'com.android.application'

android {
    compileSdkVersion 26
    buildToolsVersion "29.0.3"
    defaultConfig {
        applicationId "com.example.recyclerview02"
        minSdkVersion 15
        targetSdkVersion 26
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "androidx.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.support:appcompat-v7:26.1.0'
    implementation 'com.android.support:recyclerview-v7:26.1.0'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'

    testImplementation 'junit:junit:4.12'

}

修改后Asyn now一下
找到这个文件并打开

删掉*# org.gradle.parallel=true*下面部分，然后Asyn now一下
代码如下：

3. 找到activity_main.xml敲如下代码看是否有提示

4. 如果不行，Clean Project之后再试一下

activity_main.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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/recyclerview"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        ></android.support.v7.widget.RecyclerView>

</RelativeLayout>

创建一个布局文件


item_num.xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal" android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <ImageView
        android:id="@+id/i_con"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/pic_001"
        />
    <TextView
        android:id="@+id/t_title"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="1"
        ></TextView>
</LinearLayout>

MainActivity.java

package com.example.recyclerview02;


import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.LinearLayoutManager;
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 java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {


    public RecyclerView mRecy;
    public List<Integer> mDatas;
    private int[] img;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //1.加载图片数据
        initData();
        //2.找到控件
        mRecy = findViewById(R.id.recyclerview);
        //3.设置布局管理器LinearLayoutManager
        mRecy.setLayoutManager(new LinearLayoutManager(this));
        //
        mRecy.setAdapter(new HomeAdapter());
    }

    private void initData() {
        mDatas = new ArrayList<>();
        for (int i = 1; i < 11; i++) {
            mDatas.add(i);
        }

        img = new int[]{
                R.drawable.pic_001,
                R.drawable.pic_002,
                R.drawable.pic_003,
                R.drawable.pic_004,
                R.drawable.pic_005,
                R.drawable.pic_006,
                R.drawable.pic_007,
                R.drawable.pic_008,
                R.drawable.pic_009,
                R.drawable.pic_010
        };
    }
    //4.创建适配器
    class HomeAdapter extends RecyclerView.Adapter<HomeAdapter.MyViewHolder> {

        //6.打气筒
        @Override
        public MyViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            MyViewHolder holder = new MyViewHolder(LayoutInflater.from(MainActivity.this).inflate(R.layout.item_num, parent, false));
            return holder;
        }
        //6.条目显示的数据
        @Override
        public void onBindViewHolder(MyViewHolder holder, int position) {
            holder.text.setText("这是第" + mDatas.get(position).toString() + "个精灵");
            holder.icon.setImageResource(img[position]);
        }
        //6.条目数
        @Override
        public int getItemCount() {
            return mDatas.size();
        }
        //5.找到条目控件
        class MyViewHolder extends RecyclerView.ViewHolder {
            ImageView icon;
            TextView text;

            public MyViewHolder(View view) {
                super(view);
                text = (TextView) view.findViewById(R.id.tv_text);
                icon = (ImageView) view.findViewById(R.id.iv_con);
            }
        }
    }
}

页面效果：