列表视图
为实现各种排列组合类的视图（包括但不限于Spinner、ListView、GridView等等），Android提供了五花八门的适配器用于组装某个规格的数据，常见的适配器有：数组适配器ArrayAdapter、简单适配器SimpleAdapter、基本适配器BaseAdapter、翻页适配器PagerAdapter。适配器的种类虽多，却个个都不好用，以数组适配器为例，它与Spinner配合实现下拉框效果，其实现代码纷复繁杂，一直为人所诟病。故而在下拉框一小节之中，干脆把ArrayAdapter连同Spinner一股脑都摒弃了，取而代之的是Kotlin扩展函数selector。 到了列表视图ListView这里，与之搭档的一般是基本适配器BaseAdapter，这个BaseAdapter更不简单，基于它的列表适配器得重写好几个方法，还有那个想让初学者撞墙的ViewHolder。总之，每当要实现类似新闻列表、商品列表之类的页面，一想到这个难缠的BaseAdapter，心里便发怵。譬如下图所示的六大行星的说明列表，左侧是图标，右边为文字说明，很普通的一个页面。
可是这个行星列表页面，倘若使用Java编码，就得书写下面一大段长长的代码：
代码语言：javascript复制public class PlanetJavaAdapter extends BaseAdapter {
private Context mContext;
private ArrayList<Planet> mPlanetList;
private int mBackground;
public PlanetJavaAdapter(Context context, ArrayList<Planet> planet_list, int background) {
mContext = context;
mPlanetList = planet_list;
mBackground = background;
}
@Override
public int getCount() {
return mPlanetList.size();
}
@Override
public Object getItem(int arg0) {
return mPlanetList.get(arg0);
}
@Override
public long getItemId(int arg0) {
return arg0;
}
@Override
public View getView(final int position, View convertView, ViewGroup parent) {
ViewHolder holder = null;
if (convertView == null) {
holder = new ViewHolder();
convertView = LayoutInflater.from(mContext).inflate(R.layout.item_list_view, null);
holder.ll_item = (LinearLayout) convertView.findViewById(R.id.ll_item);
holder.iv_icon = (ImageView) convertView.findViewById(R.id.iv_icon);
holder.tv_name = (TextView) convertView.findViewById(R.id.tv_name);
holder.tv_desc = (TextView) convertView.findViewById(R.id.tv_desc);
convertView.setTag(holder);
} else {
holder = (ViewHolder) convertView.getTag();
}
Planet planet = mPlanetList.get(position);
holder.ll_item.setBackgroundColor(mBackground);
holder.iv_icon.setImageResource(planet.image);
holder.tv_name.setText(planet.name);
holder.tv_desc.setText(planet.desc);
return convertView;
} public final class ViewHolder {
public LinearLayout ll_item;
public ImageView iv_icon;
public TextView tv_name;
public TextView tv_desc;
}
}上面Java实现的适配器类PlanetJavaAdapter，果真又冗长又晦涩，然而这段代码模版基本上是列表视图的标配，只要用Java编码，就必须依样画瓢。如果用Kotlin实现这个适配器类会是怎样的呢？马上利用Android Studio把上述Java代码转换为Kotlin编码，转换后的Kotlin代码类似以下片段：
代码语言：javascript复制class PlanetKotlinAdapter(private val mContext: Context, private val mPlanetList: ArrayList<Planet>, private val mBackground: Int) : BaseAdapter() {
override fun getCount(): Int {
return mPlanetList.size
}
override fun getItem(arg0: Int): Any {
return mPlanetList[arg0]
}
override fun getItemId(arg0: Int): Long {
return arg0.toLong()
}
override fun getView(position: Int, convertView: View?, parent: ViewGroup): View {
var view = convertView
var holder: ViewHolder?
if (view == null) {
holder = ViewHolder()
view = LayoutInflater.from(mContext).inflate(R.layout.item_list_view, null)
holder.ll_item = view.findViewById(R.id.ll_item) as LinearLayout
holder.iv_icon = view.findViewById(R.id.iv_icon) as ImageView
holder.tv_name = view.findViewById(R.id.tv_name) as TextView
holder.tv_desc = view.findViewById(R.id.tv_desc) as TextView
view.tag = holder
} else {
holder = view.tag as ViewHolder
}
val planet = mPlanetList[position]
holder.ll_item!!.setBackgroundColor(mBackground)
holder.iv_icon!!.setImageResource(planet.image)
holder.tv_name!!.text = planet.name
holder.tv_desc!!.text = planet.desc
return view!!
} inner class ViewHolder {
var ll_item: LinearLayout? = null
var iv_icon: ImageView? = null
var tv_name: TextView? = null
var tv_desc: TextView? = null
}
}相比之下，直接转换得来的Kotlin代码，最大的改进是把构造函数及初始化参数放到了第一行，其它地方未有明显优化。眼瞅着没多大改善，反而因为Kotlin的空安全机制，平白无故多了好些问号和双感叹号，可谓得不偿失。问题出在Kotlin要求每个变量都要初始化上面，视图持有者ViewHolder作为一个内部类，目前虽然无法直接对控件对象赋值，但是从代码逻辑可以看出先从布局文件获取控件，然后才会调用各种设置方法。这意味着，上面的控件对象必定是先获得实例，在它们被使用的时候肯定是非空的，因此完全可以告诉编译器，这些控件对象一定会在使用前赋值，编译器您老就高抬贵手，睁一只眼闭一只眼放行好了。 毋庸置疑，该想法合情合理，Kotlin正好提供了这种后门，它便是关键字lateinit。lateinit的意思是延迟初始化，它放在var或者val前面，表示被修饰的变量属于延迟初始化属性，即使没有初始化也仍然是非空的。如此一来，这些控件在声明之时无需赋空值，在使用的时候也不必画蛇添足加上两个感叹号了。根据新来的lateinit修改前面的Kotlin适配器，改写后的Kotlin代码如下所示：
代码语言：javascript复制class PlanetListAdapter(private val context: Context, private val planetList: MutableList<Planet>, private val background: Int) : BaseAdapter() {
override fun getCount(): Int = planetList.size
override fun getItem(position: Int): Any = planetList[position]
override fun getItemId(position: Int): Long = position.toLong()
override fun getView(position: Int, convertView: View?, parent: ViewGroup): View {
var view = convertView
val holder: ViewHolder
if (convertView == null) {
view = LayoutInflater.from(context).inflate(R.layout.item_list_view, null)
holder = ViewHolder()
//先声明视图持有者的实例，再依次获取内部的各个控件对象
holder.ll_item = view.findViewById(R.id.ll_item) as LinearLayout
holder.iv_icon = view.findViewById(R.id.iv_icon) as ImageView
holder.tv_name = view.findViewById(R.id.tv_name) as TextView
holder.tv_desc = view.findViewById(R.id.tv_desc) as TextView
view.tag = holder
} else {
holder = view.tag as ViewHolder
}
val planet = planetList[position]
holder.ll_item.setBackgroundColor(background)
holder.iv_icon.setImageResource(planet.image)
holder.tv_name.text = planet.name
holder.tv_desc.text = planet.desc
return view!!
}
//ViewHolder中的属性使用关键字lateinit延迟初始化
inner class ViewHolder {
lateinit var ll_item: LinearLayout
lateinit var iv_icon: ImageView
lateinit var tv_name: TextView
lateinit var tv_desc: TextView
}
}以上的Kotlin代码总算有点模样了，虽然总体代码还不够精简，但是至少清晰明了，其中主要运用了Kotlin的以下三项技术： 1、构造函数和初始化参数放在类定义的首行，无需单独构造，也无需手工初始化； 2、像getCount、getItem、getItemId这三个函数，仅仅返回简单运算的数值，可以直接用等号取代大括号； 3、对于视图持有者的内部控件，在变量名称前面添加lateinit，表示该属性为延迟初始化属性；
网格视图
在前面的列表视图一小节中，给出了Kotlin改写后的适配器类，通过关键字lateinit固然避免了麻烦的空校验，可是控件对象迟早要初始化的呀，晚赋值不如早赋值。翻到前面PlanetListAdapter的实现代码，认真观察发现控件对象的获取其实依赖于布局文件的视图对象view，既然如此，不妨把该视图对象作为ViewHolder的构造参数传过去，使得视图持有者在构造之时便能一块初始化内部控件。据此改写后的Kotlin适配器代码如下所示：
代码语言：javascript复制class PlanetGridAdapter(private val context: Context, private val planetList: MutableList<Planet>, private val background: Int) : BaseAdapter() {
override fun getCount(): Int = planetList.size
override fun getItem(position: Int): Any = planetList[position]
override fun getItemId(position: Int): Long = position.toLong()
override fun getView(position: Int, convertView: View?, parent: ViewGroup): View {
var view = convertView
val holder: ViewHolder
if (view == null) {
view = LayoutInflater.from(context).inflate(R.layout.item_grid_view, null)
holder = ViewHolder(view)
//视图持有者的内部控件对象已经在构造时一并初始化了，故这里无需再做赋值
view.tag = holder
} else {
holder = view.tag as ViewHolder
}
val planet = planetList[position]
holder.ll_item.setBackgroundColor(background)
holder.iv_icon.setImageResource(planet.image)
holder.tv_name.text = planet.name
holder.tv_desc.text = planet.desc
return view!!
}
//ViewHolder中的属性在构造时初始化
inner class ViewHolder(val view: View) {
val ll_item: LinearLayout = view.findViewById(R.id.ll_item) as LinearLayout
val iv_icon: ImageView = view.findViewById(R.id.iv_icon) as ImageView
val tv_name: TextView = view.findViewById(R.id.tv_name) as TextView
val tv_desc: TextView = view.findViewById(R.id.tv_desc) as TextView
}
}利用该适配器运行测试应用，得到的网格效果如下图所示，可见与Java代码的运行结果完全一致。
至此基于BaseAdapter的Kotlin列表适配器告一段落，上述的适配器代码模版，同时适用于列表视图ListView与网格视图GridView。
点此查看Kotlin入门教程的完整目录
