Kotlin 开发Android app(十一):Android控件RecyclerView
创始人
2024-02-14 02:09:51

Android 中的控件非常的丰富,我们会陆陆续续的进行介绍,从第九节开始,关于Kotlin 的语法特性就差不多结束,后面如果有发现需要说明的语法,再进行相关的补充。

在Android的控件中,RecyclerView算是一个大控件,基本上所有的大型项目都会使用到。因为他的作用是用列表的方式来展现相关的信息,比如我们是做新闻类的,我们可以用它来展示一条一条的图文信息,我们做商品类的,那么我们可以用来展现商品的重要信息,可以说RecyclerView 就是一个信息展示器。

在这里插入图片描述

这里我们也用 原生的RecyclerView 做了一个简单的,动漫人物展示,这是只是展示RecyclerView的用法,如果列表需要更多的内容,可以自己进行相应的添加设计。

在这里插入图片描述

RecyclerView.Adapter 适配器

对于列表的展示,我们需要灵活的操作,我们需要自己订阅每一类的信息展示形式,这样一来在做设计的时候,就可以根据产品的形式进行自己的设计。

Adapter 适配器 就是为了满足我们这样的设计,基本上会配合xml界面进行设计。

我们先来看看Adapter 适配器的自定义。

class NarutoListAdapter(var narutoList:ArrayList):RecyclerView.Adapter() {inner class ViewHolder(view:View):RecyclerView.ViewHolder(view){var narutoPic:ImageView = view.findViewById(R.id.naruto_pic)var narutoName:TextView = view.findViewById(R.id.naruto_name)}override fun onCreateViewHolder(parent: ViewGroup, viewType: Int): ViewHolder {val view = LayoutInflater.from(parent.context).inflate(R.layout.naruto_item_layout,parent,false)var viewHolder = ViewHolder(view as View)viewHolder.itemView.setOnClickListener{var position = viewHolder.adapterPositionvar naruto = narutoList[position]Toast.makeText(parent.context,"你点击的是${naruto.name}",Toast.LENGTH_SHORT).show()}return viewHolder}override fun onBindViewHolder(holder: ViewHolder, position: Int) {val naruto = narutoList[position]holder.narutoPic.setImageResource(naruto.imageId)holder.narutoName.setText(naruto.name)}override fun getItemCount(): Int {return narutoList.size}
}

适配器 NarutoListAdapter 要重载3个方法,onCreateViewHolder 就是你要怎么设计这个界面,onBindViewHolder 每个界面的数据是什么,getItemCount 总共有多少条数据。

有了这三个重载方法,我们基本就搞定了列表的显示。

onCreateViewHolder 加载界面的时候,会跟xml的界面进行绑定。界面如下:




界面这里也非常的简单,只有两个控件ImageViewTextView,这个界面在现实的项目中,需要根据自己的需求设计的饱满点,这里只是一个简单的展示而已。

主界面显示RecyclerView

有了适配器,我们在主界面中,还需要用一个RecyclerView 用来显示相关的列表。


界面中的控件 RecyclerView 也有了,我们需要把数据给适配器,并绑定适配器。

        initData()recycleViewItem.layoutManager = LinearLayoutManager(this)var adapter = NarutoListAdapter(narutoList)recycleViewItem.adapter = adapter

数据初始化如下:

fun initData(){narutoList.add(Naruto(" 漩涡鸣人 ",R.drawable.image_1))narutoList.add(Naruto(" 宇智波佐助 ",R.drawable.image_2))narutoList.add(Naruto(" 小樱 ",R.drawable.image_3))narutoList.add(Naruto(" 旗木卡卡西 ",R.drawable.image_4))narutoList.add(Naruto(" 奈良鹿丸 ",R.drawable.image_5))narutoList.add(Naruto(" 日向雏田 ",R.drawable.image_6))narutoList.add(Naruto(" 山中井野 ",R.drawable.image_7))narutoList.add(Naruto(" 秋道丁次 ",R.drawable.image_8))narutoList.add(Naruto(" 猿飞阿斯玛 ",R.drawable.image_9))narutoList.add(Naruto(" 犬冢牙 ",R.drawable.image_10))narutoList.add(Naruto(" 油女志乃 ",R.drawable.image_11))narutoList.add(Naruto(" 夕日红 ",R.drawable.image_12))narutoList.add(Naruto(" 李洛克 ",R.drawable.image_13))narutoList.add(Naruto(" 日向宁次 ",R.drawable.image_14))narutoList.add(Naruto(" 天天 ",R.drawable.image_15))narutoList.add(Naruto(" 迈特凯 ",R.drawable.image_16))narutoList.add(Naruto(" 自来也 ",R.drawable.image_17))narutoList.add(Naruto(" 大蛇丸 ",R.drawable.image_18))narutoList.add(Naruto(" 纲手 ",R.drawable.image_19))narutoList.add(Naruto(" 赤丸 ",R.drawable.image_20))narutoList.add(Naruto(" 大和 ",R.drawable.image_21))narutoList.add(Naruto(" 志村团藏 ",R.drawable.image_22))narutoList.add(Naruto(" 佐井 ",R.drawable.image_23))narutoList.add(Naruto(" 千手柱间 ",R.drawable.image_24))narutoList.add(Naruto(" 宇智波斑 ",R.drawable.image_25))narutoList.add(Naruto(" 千手扉间 ",R.drawable.image_26))narutoList.add(Naruto(" 波风水门 ",R.drawable.image_27))narutoList.add(Naruto(" 伊鲁卡 ",R.drawable.image_28))narutoList.add(Naruto(" 猿飞日斩 ",R.drawable.image_29))narutoList.add(Naruto(" 玖辛奈 ",R.drawable.image_30))}

第三方RecyclerView之SmartRefreshLayout

在大型的项目中,我们通常使用的是第三方的RecyclerView ,因为他的功能比原生的多得多,而且用起来一点也不费劲,RecyclerView我们经常用到的第三方控件 是SmartRefreshLayout,github的地址在这里。可以先看看里面的说明在动手吧。
在这里插入图片描述

小结

RecyclerView 是很常用的一个android 控件,我们可以通过对原生控件的使用来看第三个控件的用法,这样用起来心里就有数多了。

相关内容

热门资讯

埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...
脚上的穴位图 脚面经络图对应的... 人体穴位作用图解大全更清晰直观的标注了各个人体穴位的作用,包括头部穴位图、胸部穴位图、背部穴位图、胳...
长白山自助游攻略 吉林长白山游... 昨天介绍了西坡的景点详细请看链接:一个人的旅行,据说能看到长白山天池全凭运气,您的运气如何?今日介绍...
猫咪吃了塑料袋怎么办 猫咪误食... 你知道吗?塑料袋放久了会长猫哦!要说猫咪对塑料袋的喜爱程度完完全全可以媲美纸箱家里只要一有塑料袋的响...
demo什么意思 demo版本... 618快到了,各位的小金库大概也在准备开闸放水了吧。没有小金库的,也该向老婆撒娇卖萌服个软了,一切只...
世界上最漂亮的人 世界上最漂亮... 此前在某网上,选出了全球265万颜值姣好的女性。从这些数量庞大的女性群体中,人们投票选出了心目中最美...
埃菲尔铁塔在哪 中国仿建埃菲尔... 2019年4月26日,广西南宁市,街头惊现一座巨型山寨版埃菲尔铁塔,高约20米,白色塔身,造型逼真,...
苗族的传统节日 贵州苗族节日有... 【岜沙苗族芦笙节】岜沙,苗语叫“分送”,距从江县城7.5公里,是世界上最崇拜树木并以树为神的枪手部落...
北京的名胜古迹 北京最著名的景... 北京从元代开始,逐渐走上帝国首都的道路,先是成为大辽朝五大首都之一的南京城,随着金灭辽,金代从海陵王...
应用未安装解决办法 平板应用未... ---IT小技术,每天Get一个小技能!一、前言描述苹果IPad2居然不能安装怎么办?与此IPad不...