9.kotlin安卓实践课程-用kotlin写第一个fragment的recyclerView的adapter具体实现


简介

主要会通过安卓实战来讲解kotlin语法和实际应用,本教程设及知识点包括框架模式mvp+mvvm, Databinding(数据绑定框架),Dagger2(依赖注入框架),DeepLink(页面路由框架),Rxjava,RxAndroid(异步操作框架),Retrofit,Okhtttp等,不过本教程重点在kotlin所以这些框架需要了解可自行百度。

针对人群:Android中级以上,kotlin入门


本系列最后一篇我们看看recyclerView的adapter怎么实现的


首先先看一下代码

/**
 * Created by bigman on 18-05-18.
 */
class AndroidAdapter(private val mList: List<AndroidBean>) 
:BaseBindingAdapter<ItemAndroidBinding>() {
  override fun getItemCount(): Int {
    return mList.size
  }

  override fun onBindViewHolder(holder: DataBoundViewHolder<ItemAndroidBinding>, position: Int) {
    super.onBindViewHolder(holder, position)
    //数据绑定
    holder.binding.androidbean = mList[position]
    //数据立即绑定而不是在下一帧的时候才绑定,避免闪烁和数据错乱
    holder.binding.executePendingBindings()
  }

  override fun onCreateViewHolder(parent: ViewGroup,
      viewType: Int): DataBoundViewHolder<ItemAndroidBinding> {
    return DataBoundViewHolder(
            ItemAndroidBinding.inflate(LayoutInflater.from(parent.context), parent, false))
  }
}

首先看主构造函数和继承

class AndroidAdapter(private val mList: List<AndroidBean>) 
:BaseBindingAdapter<ItemAndroidBinding>() 
  1. 主构造函数传入一个List<AndroidBean>类型的mList只读变量
  2. 继承至BaseBindingAdapter<ItemAndroidBinding>()

下一步我们看一下基类BaseBindingAdapter的具体实现

/**
 * Created by bigman on 18-05-18.
 */
abstract class BaseBindingAdapter<B : ViewDataBinding>
 : RecyclerView.Adapter<DataBoundViewHolder<B>>() {
    var mListener: ((pos: Int) -> Unit)? = null

    override fun onBindViewHolder(holder: DataBoundViewHolder<B>, position: Int) {
        holder.binding.root.setOnClickListener {
            mListener?.invoke(holder.adapterPosition)
        }
    }

    fun setOnItemClickListener(listener: ((pos: Int) -> Unit)) {
        mListener = listener
    }

}
  • 大家可以看到BaseBindingAdapter需要传入ViewDataBinding类型,这个ViewDataBinding是databinding里面所有视图bingding类的基类,
  • 然后毫无疑问它必须继承于RecyclerView.Adapter<DataBoundViewHolder<B>>,这个我们平时写java的RecyclerView.Adapter的时候都需要继承的
    这里还有一个DataBoundViewHolder<B>,看一下代码实现
/**
 * Created by bigman on 18-05-18.
 */
 class DataBoundViewHolder<T : ViewDataBinding>(val binding:T) 
: RecyclerView.ViewHolder(binding.root) {
}

其实它就是一个RecyclerView.ViewHolder,只是这里我们传入了通用的ViewDataBinding使它变成可以绑定任意视图

回到BaseBindingAdapter,这个基类主要功能就是实现一个通用的databinding用的适配器,只要传入databinding视图类型即可,类内部提供了一个点击事件的回调方法

然后再回到AndroidAdapter
这里主要由三个方法,

  • getItemCount ()返回绑定列表长度,
  • onBindViewHolder ()实现视图数据绑定,这里用的databingding的数据绑定,holder.binding.executePendingBindings(),这句代码比较重要不加可能导致数据错乱或者页面闪烁
  • onCreateViewHolder()主要是完成databinding的holder构建
 override fun onCreateViewHolder(parent: ViewGroup,
      viewType: Int): DataBoundViewHolder<ItemAndroidBinding> {
    return DataBoundViewHolder(
            ItemAndroidBinding.inflate(LayoutInflater.from(parent.context), parent, false))
  }

这里的 ItemAndroidBinding是databinding根据我们的布局文件自动生成的,我们看一下我们这个列表条目布局代码,名称item_android.xml注意对比databinding生成的binding类名称

<?xml version="1.0" encoding="utf-8"?>
<layout xmlns:app="http://schemas.android.com/apk/res-auto">

    <data>

        <import type="android.view.View" />

        <variable
            name="androidbean"
            type="com.bigman.kotlin.bean.AndroidBean" />
    </data>

    <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_marginLeft="2dp"
        android:layout_marginRight="2dp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:background="#fff"
        android:orientation="vertical"
        app:cardCornerRadius="5dp"
        android:paddingTop="10dp">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginTop="10dp"
            android:orientation="vertical"
            android:paddingLeft="16dp"
            android:paddingBottom="10dp"

            android:paddingRight="16dp">

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="@{androidbean.desc}"
                android:textColor="#000"
                android:textSize="16sp" />

            <ImageView

                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:layout_marginTop="10dp"
                android:scaleType="center"
                android:visibility="@{androidbean.hasImg()?View.VISIBLE:View.GONE}"
                app:load_image="@{androidbean.images[0]}" />

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="horizontal">
                <TextView
                    android:layout_marginTop="10dp"
                    android:text="@{androidbean.who}"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content"
                    />

                <TextView
                    android:layout_marginTop="10dp"
                    android:text = "@{androidbean.create()}"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    />

            </LinearLayout>
        </LinearLayout>

    </android.support.v7.widget.CardView>
</layout>

具体代码和前面说过的布局没啥太大区别,主要就是data数据的传入和数据绑定

眼神比较犀利的同学可能会看到几个比较不一样的地方而存在疑惑,我们看看是哪里

 <ImageView
                android:layout_width="match_parent"
                android:layout_height="200dp"
                android:layout_marginTop="10dp"
                android:scaleType="center"
                android:visibility="@{androidbean.hasImg()?View.VISIBLE:View.GONE}"
                app:load_image="@{androidbean.images[0]}" />

这里的app:load_image这是''databinding允许的一个函数绑定形式
我们看一下具体实现:

/**
 * Created by bigman on 18-05-18.
 */

@BindingAdapter("load_image")
fun loadImage(imageView: ImageView, url: String?) =
        Glide.with(imageView.context).load(url)
                .crossFade()
                .into(imageView)

@BindingAdapter("set_text")
fun setText(textView: TextView, string: String) {
    textView.setText("bigman" + string)
}


@BindingAdapter("load_asset")
fun loadAsset(imageView: ImageView, id: Int) =
        Glide.with(imageView.context).load(id).into(imageView)

这几个函数被我卸载随意的一个kt文件里面,然后通过 @BindingAdapter注解,我们的databinding框架就能很容易的找到它

那么我们这一系列kotlin 安卓实战内容到这里结束了,虽然kotlin知识点讲的不错,但是基本的运用知道这些也差不多够了,大家可以自己动手写一下,本系列主要目的已经达到,就是kotlin在这种mvp+mvvm目前最合理框架上的具体应用


欢迎一起交流,有问题加群交流

kotlin实战交流群群二维码.png
上一篇:6.kotlin安卓实践课程-用kotlin写第一个activity对应P层


下一篇:【Android 安装包优化】Android 中使用 SVG 图片 ( SVG 矢量图简介 | Android 中生成 Vector 矢量图资源 )(二)