[Lesson12] RecyclerView

activity_main:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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">

    <androidx.recyclerview.widget.RecyclerView
        android:id="@+id/rec"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"/>
</LinearLayout>

recyclerview_row:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:orientation="horizontal"
    android:padding="10dp">

    <TextView
        android:id="@+id/animalText"
        android:layout_width="wrap_content"
        android:layout_height="50dp"
        android:textSize="20sp"/>
</LinearLayout>

MyRecyclerViewAdapter:

public class MyRecyclerViewAdapter extends RecyclerView.Adapter<MyRecyclerViewAdapter.ViewHolder> {

    private List<String> mDataList;
    private LayoutInflater mInflater;

    // context跟arrayList就是透过这个传进来
    MyRecyclerViewAdapter(Context context, List<String> data) {
        this.mInflater = LayoutInflater.from(context);
        this.mDataList = data;
    }

    // 用inflater载入recyclerview_row,并传入viewHolder
    @Override
    public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
        View view = mInflater.inflate(R.layout.recyclerview_row, parent, false);
        return new ViewHolder(view);
    }

    // 寻找textView的Id
    public class ViewHolder extends RecyclerView.ViewHolder  {
        TextView animalText;

        ViewHolder(View itemView) {
            super(itemView);
            animalText = itemView.findViewById(R.id.animalText);
        }
    }

    // 用viewHolder绑定资料
    // position是mDataList的第几个
    @Override
    public void onBindViewHolder(ViewHolder holder, int position) {
        String s = mDataList.get(position);
        holder.animalText.setText(s);
    }

    // 确定mDataList有几个
    @Override
    public int getItemCount() {
        return mDataList.size();
    }
}

MainActivity:

public class MainActivity extends AppCompatActivity  {
    MyRecyclerViewAdapter adapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        // 要传入recycleView的资料
        String[] animal = {"cat","dog","horse","sheep"};
        ArrayList<String> arrayList = new ArrayList<>();
        for (String str:animal) {
            arrayList.add(str);
        }

        // 先用ID寻找哪个是你recycleView的ID
        RecyclerView rec = findViewById(R.id.rec);

        //设定排序用LinearLayout的排法
        rec.setLayoutManager(new LinearLayoutManager(this));

        //this是你现在在哪个activity(context)
        //arrayList长度是4,画面就会显示4个recyclerview_row.xml
        adapter = new MyRecyclerViewAdapter(this, arrayList);

        //接下来设定recyclview要绑上的是刚宣告的adapter,adapter的作用是处理那4笔资料该如何显示
        rec.setAdapter(adapter);
    }
}

谢谢大家愿意花时间阅读,小弟弟我在此鞠躬/images/emoticon/emoticon41.gif


<<:  Day 15【web3.js】一袋米要扛几楼

>>:  电子书阅读器上的浏览器 [Day27] 无痕模式

[Day10] Flutter - 文字输入元件 ( TextField )

前言 Hi, 我是鱼板伯爵今天要教大家 TextField 这个元件,这可以让使用者用键盘输入文字,...

Day 7: Docker 介绍与安装

Docker 发展之路 过去什麽都没有的黑暗时代,所有的Application都是直接放在服务器上的...

day 9 打包 python 程序

如果希望在别台电脑上可以执行自己写的python 程序, 而不需要重新安装所有套件,打包是一个比较好...

[Day28] VSCode Plugin - Debug Visualizer

Github 连结 VSCode Marketplace Playground 推荐程度:⭐⭐⭐ ...

如何衡量万事万物 (8) 观察少数

建立直觉 题目 小实验:请问一粒果冻豆的平均重量是多少公克?请回答你的 90% CI。 请写下你的范...