引言
上一篇中已经将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还有更多的使用价值。
网友评论