Day 8 | 比较漂亮的清单-客制化Adapter

Adapter客制化

当需要图文并茂时，就需要客制化Adapter。

1. 建立资料

   data class Item{
   		val photo: Int,
   		val name: String
   }
   //宣告一个ArrayList，内部为自行设计的Item类别
   val item = ArrayList<Item>()
   //用回圈产生资料，并放入ArrayList中
   for(i in 0 until 10)
   		item.add(Item(i, "水果${i+1}"))
   
   

2. 设计项目的Layout

   图片用ImageView、文字用TextView

3. 建立客制化Adapter

   class MyAdapter(context: Context, private val data: ArrayList<Item>) :
   		ArrayAdapter<Item>(context, R. layout.adapter _horizontal, data) {
   		//回传资料集合的数量
   		override fun getCount() = data.size
   		//回传指定位置的资料
   		override fun getItem(position: Int) = data[position]
   		//回传指定位置的资料识别标铁
   		override fun getItemId(position: Int) = OL
   		//回傅指定位置的项目画面
   		override fun getView(position: Int, convertView: View?,parent: ViewGroup) : View {
   				//依据adapter_horizontal建立画面
   				val view = View.inflate(parent.context, R.layout.adapter_horizontal, null)
   				//依据position取得对应的资料内容
   				val item = getItem(position) ?: return view
   				//将资料指派给元件呈现
   				val img_photo = view.findViewById<ImageView>(R.id.img_photo)
   				val tv_name = view.findViewById<TextView>(R.id.tv_name)
   				img_photo.setImageResource (item.photo)
   				tv_name.text = item.name
   				//回传此项目的画面
   				return view
   		}
   }
   

   • getCount()会回传资料数量，通常放入资料集合的总数量
   • getItem(position: Int)传入特定位置，回传此位置的的资料内容
   • getItemID(position: Int)传入特定位置，回传此位置资料的识别标签，识别标签具有唯一性
   • getView(position: Int, convertView: View?,parent: ViewGroup)会回传特定位置的项目画面，使用者要先初始化画面，将项目编号(position)传入getItem，从资料集合中取得此项目编号的资料，并把资料指派给元件呈现，最後回传此项目的画面给清单元件显示。