Android の基礎 3: RecyclerView コンポーネントの使用

目次

シリーズ記事ディレクトリ

序文

2、GridLayoutManager グリッド レイアウト

3. StaggeredGridLayoutManager のウォーターフォール フロー レイアウト

要約する 

---

シリーズ記事ディレクトリ

Android 基礎 1: Android UI 基本コンテナhttps://blog.csdn.net/m0_58941767/article/details/127726407?spm=1001.2014.3001.5501

Android 基盤 2: いくつかの共通コンポーネントhttps://blog.csdn.net/m0_58941767/article/details/128004641?spm=1001.2014.3001.5501

---

序文

このセクションでは、RecyclerView コンポーネントについて簡単に紹介します。RecyclerViewは、 Androidの重要な高度なUIコントロールです。APPのページの90%以上が使用されるほど頻繁に使用されます。その優れたパフォーマンスとプラグイン可能なアーキテクチャ設計により、世界中の開発者から満場一致で賞賛されています。

---

1. LinerLayoutManager リストのレイアウト

1. 水平リスト

recyclerView.layoutManager =LinearLayoutManager(context, HORIZONTAL,
false)
recyclerView.adapter = MyAdapter()

2. 縦型リスト

recyclerView.layoutManager =LinearLayoutManager(context, VERTICAL, false)
recyclerView.adapter = MyAdapter()

3. リソースアダプター

inner class MyAdapter : RecyclerView.Adapter<ViewHolder>() {
 // 【必须复写】创建 ItemView 的 ViewHolder，用于后续的数据绑定
 override fun onCreateViewHolder(parent: ViewGroup, viewType: Int):
ViewHolder {
 val view
=LayoutInflater.from(context).inflate(R.layout.item_view_staggered,
parent, false) 
 return ViewHolder(view)
 }
 // 【必须复写】告诉 RecyclerView 列表上 item 的条数
 override fun getItemCount(): Int {
 return 20
 }
 // 【必须复写】item 的数据绑定
 override fun onBindViewHolder(holder: ViewHolder, position: Int) {
 
holder.itemView.item_head.setImageResource(R.drawable.icon_jetpack)
 holder.itemView.item_name.text = "【${position}】移动端架构师体
系课"
 holder.itemView.item_message.text =
 "移动开发“两极分化”，没有差不多的“中间层,唯有尽早成长为架构师，
你的职业道路才能走的更远更稳"
 }
 }
 // 创建一个 ViewHolder 必须继承自 RecyclerView.ViewHolder。用于后续的数据
绑定
inner class ViewHolder(itemView: View) :
RecyclerView.ViewHolder(itemView) {
 }

 

2、GridLayoutManager グリッド レイアウト

recyclerView.layoutManager = GridLayoutManager(context, 2)
recyclerView.adapter = MyAdapter()

 3、StaggeredGridLayoutManager ウォーターフォール フロー レイアウト

recyclerView.layoutManager =StaggeredGridLayoutManager(2, VERTICAL)
recyclerView.adapter = MyAdapter()

要約する