Kotlin之利用RecyclerView优化布局

引言


上一篇中已经将JSON数据转化为布局

我的仿制品

可以发现:
1、单击按钮很长一段时间后界面才显示出来
2、且左上角的数字显示根ViewGroup内有81个子View
3、单这一个界面全部加载完成总共消耗了125M内存(Android Profiler),原因有:控件初始化后就去请求图片了

作为开发,单拿出以上任意一条来都是不能够忍的。

分析:
1、时间长除了请求接口外的主要原因就是加载大量的控件即第2点
2、布局内控件多,系统绘制的时间和占用的内存也会随之增加
3、对于底部或永远都不会被用户看到的控件加载图片是多余的,浪费内存

结果:通过以上的种种,控件复用、内存优化成为了主要目标,自然而然的ListView、RecyclerView就在脑中出现了。随着时代的进步我选用了RecyclerView,本文重点叙述下Adapter的设计方法。

(插曲:
最开始我并没有想到上面那么多,当时我只是想要实现控件在进入屏幕的一刻才去加载图片,给人以一种渐显的效果,于是思考了很多View在进入屏幕时的回调方法。

我想的方法有onDraw()、onWindowVisibilityChanged()、getGlobalVisibleRect()、getLocalVisibleRect()

但都没有成功,因为:
onDraw()在ViewGroup.addView的时候子view就回调了,所以最底部的view还是会加载图片。

onWindowVisibilityChanged()
源码
如源码解释的它回调的是window的可视状态,在我的情景下一直都是VISIBLE。

getGlobalVisibleRect()和getLocalVisibleRect()是用来获取View的范围的,分别是相对于全局和相对自身。但这两个方法需要手动触发以判断当前view是否显示了还是显示了一部分,对于我的需求很难实现,总不能外部滚动一下所有的view都触发判断。

正当无计可施之时,突然一个想法闪出“控件复用”,接着就是最开始的思考了。当一条路走到底了,另一条路就出来了,虽然费了点时间,但如果不走弯路又怎么会知道哪条路是捷径。

看来我也只是个平凡的码农)

正文


主页布局就一个RecyclerView,功能也很简单就是获取JSON后转换成ViewData类型,可以翻看前篇

RecyclerView一定注意要设置layoutManager,否则log里会看到skip layout信息,接着就是设置adapter

        adapter = JsonViewAdapters(context, viewDatas)
        recyclerView.layoutManager = LinearLayoutManager(context)
        recyclerView.adapter = adapter
/**
 * Created by mr.lin on 2018/1/13.
 * 动态布局adapter
 */
class JsonViewAdapter(var context: Context, var datas: List<ViewData>) : Adapter<JsonViewAdapter.ViewHolder>() {

    override fun getItemCount(): Int {
        return datas.size
    }

    override fun onBindViewHolder(holder: ViewHolder, position: Int) {
        JsonViewUtils.injectView(holder.itemView as BaseJsonView, datas[position])
    }

    override fun onCreateViewHolder(parent: ViewGroup?, viewType: Int): ViewHolder {
        return ViewHolder(JsonViewUtils.viewTypeGetView(context, viewType))
    }

    override fun getItemViewType(position: Int): Int {
        return JsonViewUtils.viewDataGetType(datas[position])
    }

    class ViewHolder(itemView: BaseJsonView?) : RecyclerView.ViewHolder(itemView)

}

adapter的逻辑也很简单应该不难理解,我将具体的工作分配给了JsonViewUtils和后面要介绍的JsonView、BaseJsonView

/**
 * Created by mr.lin on 2018/1/8.
 * 将JsonView工具类
 */
class JsonViewUtils {

    companion object {

        val TYPE_HORIZONTALSCROLLCARD = 1
        val TYPE_BANNER2 = 2
        val TYPE_TEXTCARD = 3
        val TYPE_BRIEFCARD = 4
        val TYPE_FOLLOWCARD = 5
        val TYPE_VIDEOSMALLCARD = 6
        val TYPE_SQUARECARDCOLLECTION = 7
        val TYPE_VIDEOCOLLECTIONWITHBRIEF = 8
        val TYPE_VIDEO = 9
        val TYPE_DYNAMICINFOCARD = 10

        fun viewDataToView(context: Context, viewData: ViewData): View? {
            var view: BaseJsonView? = null
            when (viewData.type) {
                "horizontalScrollCard" -> view = ViewHorizontalScrollCard(context)
                "banner2" -> view = ViewBanner2(context)
                "textCard" -> view = ViewTextCard(context)
                "briefCard" -> view = ViewBriefCard(context)
                "followCard" -> view = ViewFollowCard(context)
                "videoSmallCard" -> view = ViewVideoSmallCard(context)
                "squareCardCollection" -> view = ViewSquareCardCollection(context)
                "videoCollectionWithBrief" -> view = ViewVideoCollectionWithBrief(context)
                "video" -> view = ViewVideo(context)
                "DynamicInfoCard" -> view = ViewDynamicInfoCard(context)
            }
            if (view != null) {
                injectView(view, viewData)
            }
            return view
        }

        fun viewDataGetType(viewData: ViewData): Int {
            when (viewData.type) {
                "horizontalScrollCard" -> return TYPE_HORIZONTALSCROLLCARD
                "banner2" -> return TYPE_BANNER2
                "textCard" -> return TYPE_TEXTCARD
                "briefCard" -> return TYPE_BRIEFCARD
                "followCard" -> return TYPE_FOLLOWCARD
                "videoSmallCard" -> return TYPE_VIDEOSMALLCARD
                "squareCardCollection" -> return TYPE_SQUARECARDCOLLECTION
                "videoCollectionWithBrief" -> return TYPE_VIDEOCOLLECTIONWITHBRIEF
                "video" -> return TYPE_VIDEO
                "DynamicInfoCard" -> return TYPE_DYNAMICINFOCARD
            }
            return -1
        }

        fun viewTypeGetView(context: Context, viewType: Int): BaseJsonView? {
            when (viewType) {
                TYPE_HORIZONTALSCROLLCARD -> return ViewHorizontalScrollCard(context)
                TYPE_BANNER2 -> return ViewBanner2(context)
                TYPE_TEXTCARD -> return ViewTextCard(context)
                TYPE_BRIEFCARD -> return ViewBriefCard(context)
                TYPE_FOLLOWCARD -> return ViewFollowCard(context)
                TYPE_VIDEOSMALLCARD -> return ViewVideoSmallCard(context)
                TYPE_SQUARECARDCOLLECTION -> return ViewSquareCardCollection(context)
                TYPE_VIDEOCOLLECTIONWITHBRIEF -> return ViewVideoCollectionWithBrief(context)
                TYPE_VIDEO -> return ViewVideo(context)
                TYPE_DYNAMICINFOCARD -> return ViewDynamicInfoCard(context)
            }
            return null
        }

        fun injectView(view: BaseJsonView, viewData: ViewData) {
            view.setViewData(viewData)
        }

    }

}

到此各种类型的View都可以初始化,也可以通过ViewData获取相对应的View,那不同类型View的规范呢?

重点来了

1、抽出共同方法做接口,即JsonView
2、将各方法先后的调用顺序排序,即BaseJsonView

/**
 * Created by mr.lin on 2018/1/13.
 * JsonView的通用接口
 */
interface JsonView {

    //设置控件数据
    fun setViewData(viewData: ViewData)

    //初始化view
    fun initView()

}
/**
 * Created by mr.lin on 2018/1/13.
 * JsonView的基类,所有都要继承于此
 */
abstract class BaseJsonView(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : FrameLayout(context, attrs, defStyleAttr), JsonView {

    lateinit var data: ViewData

    override fun setViewData(viewData: ViewData) {
        data = viewData
        initView()
    }

}

由于kotlin与java都是单继承,所以BaseJsonView需继承自FrameLayout或其他ViewGroup,否则子 View无法XX。这样修改的话所有继承自BaseJsonView的子view都必须各自布局,不能像之前的代码那样直接继承TextView或ImageView。

BaseJsonView实现了setViewData()方法,所以子View只需实现initView()方法。这里这样写是为了每次设置数据时控件都要刷新一遍。举个例子:

class ViewFollowCard(context: Context, attrs: AttributeSet?, defStyleAttr: Int) : BaseJsonView(context, attrs, defStyleAttr) {

    constructor(context: Context, attrs: AttributeSet?) : this(context, attrs, 0)
    constructor(context: Context) : this(context, null)

    init {
        LayoutInflater.from(context).inflate(R.layout.view_followcard, this, true)
        layoutParams = LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT)
    }

    override fun initView() {
        var json = data.json
        var contentData = json.getJSONObject("content").getJSONObject("data")
        var header = json.getJSONObject("header")

        Glide.with(context).load(contentData.getJSONObject("cover").getString("feed")).into(coverIv)

        durationTv.text = CommonUtils.secondsToMin(contentData.getInt("duration"))

        Glide.with(context).load(contentData.getJSONObject("author").getString("icon")).into(iconIv)

        titleTv.text = contentData.getString("title")

        descriptionTv.text = String.format("%s / %s", header.getString("title"), header.getString("description").split("/")[0])
    }
}

控件本身只需要知道具体的数据对应放在哪一个控件上,并不需要关心设置数据的操作。这里属于设计模式中的最少知识原则

提醒:如果自定义 view是ViewGroup包ViewGroup,记得子ViewGroup要removeAllViews()否则多次复用的时候会重复。

暂时优化先到这里,这个RecyclerView还有更多的使用价值。

猜你喜欢

转载自blog.csdn.net/s1991721/article/details/79054292