Android冒险之旅-13-ListView的使用与优化
1. 简单使用
1.1 效果图
1.2 布局
activity_listview
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"xmlns:app="http://schemas.android.com/apk/res-auto"xmlns:tools="http://schemas.android.com/tools"android:layout_width="match_parent"android:layout_height="match_parent"tools:context=".listview.ListViewActivity"><ListViewandroid:id="@+id/listview"android:layout_width="match_parent"android:layout_height="match_parent"/></LinearLayout>
1.3 JAVA代码
ListViewActivity
/*** create by 星航指挥官* create on 2020/8/27* 我为天帝 当镇压世间一切敌* 遮天*/
public class ListViewActivity extends AppCompatActivity {@BindView(R.id.listview)ListView listview;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_listview);ButterKnife.bind(this);usearrayAdapter();}/** 数据源* */private String[] data = {"劫过九重城关","我座下马正酣","看那轻飘飘的衣摆","趁擦肩把裙掀","踏遍三江六岸","借刀光做船帆","任露水浸透了短衫","大盗睥睨四野","枕风宿雪多年","我与虎谋早餐","拎着钓叟的鱼弦","问卧龙几两钱","蜀中大雨连绵","关外横尸遍野","你的笑像一条恶犬","撞乱了我心弦"};/** ArrayAdapter* */private void usearrayAdapter(){/** 使用ArrayAdapter适配器,泛型指定为String* 然后使用Android内置布局android.R.layout.simple_list_item_1,它只有一个TextView* data是上面定义好的数据源* */ArrayAdapter<String> arrayadapter = new ArrayAdapter<>(this,android.R.layout.simple_list_item_1,data);//给listview设置适配器listview.setAdapter(arrayadapter);}
}
2. 定制界面
2.1 效果图
2.2 定制布局
item_for_listview.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="wrap_content"android:gravity="center_vertical"android:orientation="horizontal"><ImageViewandroid:id="@+id/image"android:layout_width="40dp"android:layout_height="50dp"android:src="@drawable/shuguang"/><TextViewandroid:id="@+id/text"android:layout_width="0dp"android:layout_height="40dp"android:layout_weight="1"android:textColor="@color/mypink"android:textSize="16sp"/></LinearLayout>
2.3 实体类
Lyrics
/*** create by 星航指挥官* create on 2020/8/27* 我为天帝 当镇压世间一切敌* 遮天*/
public class Lyrics {private int image;private String text;public Lyrics() {}public Lyrics(int image, String text) {this.image = image;this.text = text;}public int getImage() {return image;}public void setImage(int image) {this.image = image;}public String getText() {return text;}public void setText(String text) {this.text = text;}
}
2.4 适配器
LyricsAdapter
/*** create by 星航指挥官* create on 2020/8/27* 我为天帝 当镇压世间一切敌* 遮天*/
public class LyricsAdapter extends ArrayAdapter<Lyrics> {private int resourceID;/***** @param context 上下文* @param resourceID 定制布局ID* @param lists 数据源*/public LyricsAdapter(@NonNull Context context, int resourceID, @NonNull List<Lyrics> lists) {super(context, resourceID, lists);this.resourceID = resourceID;}@NonNull@Overridepublic View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {//获取当前项的Lyrics实例Lyrics lyrics = getItem(position);//解析定制布局View view = LayoutInflater.from(getContext()).inflate(resourceID,parent,false);//获取布局中的控件ImageView imageView = view.findViewById(R.id.image);TextView textView = view.findViewById(R.id.text);//设置控件属性imageView.setImageResource(lyrics.getImage());textView.setText(lyrics.getText());//返回定制布局return view;}
}
2.5 在Activity中使用
ListViewActivity
/*** create by 星航指挥官* create on 2020/8/27* 我为天帝 当镇压世间一切敌* 遮天*/
public class ListViewActivity extends AppCompatActivity {@BindView(R.id.listview)ListView listview;private List<Lyrics> lyricslist = new ArrayList<>();@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_listview);ButterKnife.bind(this);useLyricsAdapter();}/** 数据源* */private String[] data = {"劫过九重城关","我座下马正酣","看那轻飘飘的衣摆","趁擦肩把裙掀","踏遍三江六岸","借刀光做船帆","任露水浸透了短衫","大盗睥睨四野","枕风宿雪多年","我与虎谋早餐","拎着钓叟的鱼弦","问卧龙几两钱","蜀中大雨连绵","关外横尸遍野","你的笑像一条恶犬","撞乱了我心弦"};/** 数据源* */private void initLyrics(){//初始化数据源Lyrics lyrics;for (int i = 0; i <15 ; i++) {lyrics = new Lyrics();lyrics.setImage(R.drawable.shuguang);lyrics.setText(data[i]);lyricslist.add(lyrics);}}private void useLyricsAdapter(){//初始化数据源集合initLyrics();//创建适配器(上下文,定制布局ID,数据源)LyricsAdapter lyricsAdapter = new LyricsAdapter(this,R.layout.item_for_listview,lyricslist);//给listview设置适配器listview.setAdapter(lyricsAdapter);}
}
3. 性能优化
ListView滚动时,会不断调用getView()方法,根据我们的getView()代码来看,ListView会不断的重复加载布局,所以当ListView快速滚动,会大大影响性能。
3.1 第一步优化
利用好convertView缓存的布局:convertView是getView()方法的参数之一,用于缓存已经加载好的布局,如果convertView为空,则重新加载布局,否则重用convertView缓存的布局。
@NonNull@Overridepublic View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {//获取当前项的Lyrics实例Lyrics lyrics = getItem(position);View view;if (convertView == null){//解析定制布局view = LayoutInflater.from(getContext()).inflate(resourceID,parent,false);}else {view = convertView;}//获取布局中的控件ImageView imageView = view.findViewById(R.id.image);TextView textView = view.findViewById(R.id.text);//设置控件属性imageView.setImageResource(lyrics.getImage());textView.setText(lyrics.getText());//返回定制布局return view;}
3.2 第二步优化
第一步优化的代码中,还会不断的调用View的findViewById()方法获取控件实例,我们可以利用内部类ViewHolder来缓存这些实例。
@NonNull@Overridepublic View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {//获取当前项的Lyrics实例Lyrics lyrics = getItem(position);View view;ViewHolder viewHolder;if (convertView == null){//解析定制布局view = LayoutInflater.from(getContext()).inflate(resourceID,parent,false);viewHolder = new ViewHolder();//缓存定制布局中的控件到ViewHolderviewHolder.image = view.findViewById(R.id.image);viewHolder.textView = view.findViewById(R.id.text);//将viewHolder存储在View中view.setTag(viewHolder);}else {//拿到缓存的Viewview = convertView;//拿到存在View中的viewHolder,viewHolder中缓存了定制布局中的控件实例viewHolder = (ViewHolder) view.getTag();}//通过viewHolder设置控件属性viewHolder.image.setImageResource(lyrics.getImage());viewHolder.textView.setText(lyrics.getText());//返回定制布局return view;}class ViewHolder{/** 根据定制布局中的控件* 设置相应的实例一一缓存* */ImageView image;TextView textView;}
4. 点击事件
4.1 具体控件的点击事件
在适配器中的getView()方法中写
viewHolder.image.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View v) {ToastUtils.showToast(getContext(),"你点击了图片");}});
4.2 ListView子项的点击和长按事件
listview.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position, long id) {ToastUtils.showToast(ListViewActivity.this,"你点击了第"+position+"项");}});listview.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {@Overridepublic boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {ToastUtils.showToast(ListViewActivity.this,"你长按了第"+position+"项");return true;}});
4.3 自定义点击接口
第一种方式能具体到哪个控件点击,而第二种只能具体到ListView中的哪一个子项点击,表面上看第一种似乎要好一点,但是因为点击事件直接写在适配器中,导致适配器臃肿,并且某些参数也不好传递。我们可以编写自定义点击接口将二者融合,在Activity中实现接口并编写点击事件,还能具体到是哪一个控件被点击。
- 在适配器中实现View.OnClickListener接口
//这里实现View.OnClickListener可以让我们将点击事件转移到自定义接口中去(第三步)
public class LyricsAdapter extends ArrayAdapter<Lyrics> implements View.OnClickListener{}
- 在getView()方法体中为控件注册点击事件,并将位置信息存储在控件的Tag中
//为控件注册点击事件viewHolder.image.setOnClickListener(this);viewHolder.textView.setOnClickListener(this);//将位置信息存储在控件的Tag中//为什么要存储到第五步就知道了viewHolder.image.setTag(position);viewHolder.textView.setTag(position);
- 自定义接口
//自定义接口interface LyricsAdapterOnClickListener{void itemclick(View v);}//获取接口实例private LyricsAdapterOnClickListener mListener;//定义静态方法,接收自定义接口类型参数public void setOnInneronclickListener(LyricsAdapterOnClickListener listener){this.mListener = listener;}//在onClick()方法中调用自定义接口的抽象方法,也就是把用户的点击响应转移到自定义接口去@Overridepublic void onClick(View view) {mListener.itemclick(view);}
- 在Activity中实现自定义接口
public class ListViewActivity extends BaseActivityimplements LyricsAdapter.LyricsAdapterOnClickListener{}
- 重写自定义接口中的抽象方法
@Overridepublic void itemclick(View view) {//获取控件存储的位置信息//这个位置信息我们在第二步的时候特意存了int position = (int) view.getTag();//判断控件IDswitch (view.getId()){case R.id.image:ToastUtils.showToast(this,"你点击了第"+position+"个图片");break;case R.id.text:ToastUtils.showToast(this,"你点击了第"+position+"句歌词");break;}}
- 最后,别忘记给适配器注册接口
//适配器注册自定义接口lyricsAdapter.setOnInneronclickListener(this);
5. 适配器和Activity完整代码
- LyricsAdapter
/*** create by 星航指挥官* create on 2020/8/27* 我为天帝 当镇压世间一切敌* 遮天*/
public class LyricsAdapter extends ArrayAdapter<Lyrics> implements View.OnClickListener {private int resourceID;/***** @param context 上下文* @param resourceID 定制布局ID* @param lists 数据源*/public LyricsAdapter(@NonNull Context context, int resourceID, @NonNull List<Lyrics> lists) {super(context, resourceID, lists);this.resourceID = resourceID;}@NonNull@Overridepublic View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {//获取当前项的Lyrics实例Lyrics lyrics = getItem(position);View view;ViewHolder viewHolder;if (convertView == null){//解析定制布局view = LayoutInflater.from(getContext()).inflate(resourceID,parent,false);viewHolder = new ViewHolder();//缓存定制布局中的控件到ViewHolderviewHolder.image = view.findViewById(R.id.image);viewHolder.textView = view.findViewById(R.id.text);//将viewHolder存储在View中view.setTag(viewHolder);}else {//拿到缓存的Viewview = convertView;//拿到存在View中的viewHolder,viewHolder中缓存了定制布局中的控件实例viewHolder = (ViewHolder) view.getTag();}//通过viewHolder设置控件属性viewHolder.image.setImageResource(lyrics.getImage());viewHolder.textView.setText(lyrics.getText());//为控件注册点击事件viewHolder.image.setOnClickListener(this);viewHolder.textView.setOnClickListener(this);//将位置信息存储在控件的Tag中viewHolder.image.setTag(position);viewHolder.textView.setTag(position);//返回定制布局return view;}class ViewHolder{/** 根据定制布局中的控件* 设置相应的实例一一缓存* */ImageView image;TextView textView;}//自定义接口interface LyricsAdapterOnClickListener{void itemclick(View v);}//获取接口实例private LyricsAdapterOnClickListener mListener;//定义静态方法,接收自定义接口类型参数public void setOnInneronclickListener(LyricsAdapterOnClickListener listener){this.mListener = listener;}//在onClick()方法中调用自定义接口的抽象方法,也就是把用户的点击响应转移到自定义接口去@Overridepublic void onClick(View view) {mListener.itemclick(view);}
}
- ListViewActivity
/*** create by 星航指挥官* create on 2020/8/27* 我为天帝 当镇压世间一切敌* 遮天*/
public class ListViewActivity extends BaseActivity implements LyricsAdapter.LyricsAdapterOnClickListener{private static final String TAG = "ListViewActivity";@BindView(R.id.listview)ListView listview;private List<Lyrics> lyricslist = new ArrayList<>();@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_listview);ButterKnife.bind(this);useLyricsAdapter();}/** 数据源* */private String[] data = {"劫过九重城关","我座下马正酣","看那轻飘飘的衣摆","趁擦肩把裙掀","踏遍三江六岸","借刀光做船帆","任露水浸透了短衫","大盗睥睨四野","枕风宿雪多年","我与虎谋早餐","拎着钓叟的鱼弦","问卧龙几两钱","蜀中大雨连绵","关外横尸遍野","你的笑像一条恶犬","撞乱了我心弦"};/** 数据源* */private void initLyrics(){//初始化数据源Lyrics lyrics;for (int i = 0; i <15 ; i++) {lyrics = new Lyrics();lyrics.setImage(R.drawable.shuguang);lyrics.setText(data[i]);lyricslist.add(lyrics);}}/** ArrayAdapter* */private void usearrayAdapter(){/** 使用ArrayAdapter适配器,泛型指定为String* 然后使用Android内置布局android.R.layout.simple_list_item_1,它只有一个TextView* data是上面定义好的数据源* */ArrayAdapter<String> arrayadapter = new ArrayAdapter<>(this,android.R.layout.simple_list_item_1,data);//给listview设置适配器listview.setAdapter(arrayadapter);}private void useLyricsAdapter(){//初始化数据源集合initLyrics();//创建适配器(上下文,定制布局ID,数据源)LyricsAdapter lyricsAdapter = new LyricsAdapter(this,R.layout.item_for_listview,lyricslist);//适配器注册自定义接口lyricsAdapter.setOnInneronclickListener(this);//给listview设置适配器listview.setAdapter(lyricsAdapter);
/* listview.setOnItemClickListener(new AdapterView.OnItemClickListener() {@Overridepublic void onItemClick(AdapterView<?> parent, View view, int position, long id) {ToastUtils.showToast(ListViewActivity.this,"你点击了第"+position+"项");}});listview.setOnItemLongClickListener(new AdapterView.OnItemLongClickListener() {@Overridepublic boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {ToastUtils.showToast(ListViewActivity.this,"你长按了第"+position+"项");return true;}});*/}@Overridepublic void itemclick(View view) {//获取控件存储的位置信息int position = (int) view.getTag();//判断控件IDswitch (view.getId()){case R.id.image:ToastUtils.showToast(this,"你点击了第"+position+"个图片");break;case R.id.text:ToastUtils.showToast(this,"你点击了第"+position+"句歌词");break;}}
}
编写不易,欢迎纠错。
评论三连,感激不尽!
kee
Android冒险之旅-13-ListView的使用与优化相关推荐
- Android冒险之旅-22-自定义View--涟漪效果|波浪效果
RippleView效果图 希望是你们心心念念的有涟漪.波浪效果的自定义View 说明 RippleView系列- ->RippleView. RippleView2.RippleView3 R ...
- Android冒险之旅-23-自定义View--涟漪+分裂效果
RippleView2效果图 新增了分裂与复原效果 暂时只支持分裂234个分裂对象 说明 在之前的RippleView的基础上 增加了分裂效果 我称之为RippleView2 RippleView系列 ...
- Android冒险之旅-24-自定义View--涟漪+分裂+自定义点击行为
RippleView3效果图 结合打印日志观看 用户点击中心圆输出0 点击分裂对象输出分裂对象对应序号 说明 在之前的RippleView2的基础上 增加了分裂效果 我称之为RippleView3 R ...
- Android冒险之旅-14-RecycleView(线性,网格,瀑布流)
RecycleView 本文介绍 实现了RecycleView的三种布局,线性布局,网格布局,瀑布流布局 适配器和Activity基本每条语句都有注释 还有适配器中,在两个方法中设置点击事 ...
- Android之下拉刷新的ListView
不废话,代码里面注释很详细,直接上代码: 自定义的RefreshableListView代码: 1 public class RefreshableListView extends ListView ...
- 《流浪方舟》- 废土世界的冒险之旅
废土.末日.方舟......这些元素的组合会让你想到什么?放心,你身处的既不是核战后的<辐射>地表,也不是蜷缩在<地铁>中的生活.这里是未来的废土世界,欢迎来到<流浪方舟 ...
- [Android精品源码] Android 仿美团网,探索ListView的A-Z字母排序功能实现选择城市
Material Design中文版Code4APPPHP100UI4APP 开启辅助访问设为首页收藏本站快捷导航切换到宽版切换风格 石刚 | |我的 |签到打卡 |设置 |消息 |提醒(2) |退出 ...
- 大型情感类电视连续剧--Android高德之旅(2)地图类型
总要说两句 今天继续我们的Android高德之旅,上一篇已经可以显示最基本的地图了,有基本的放大缩小功能,还有最后做的点击3D旋转.倾斜视角的效果,今天这篇文章来记录一下高德地图的5种地图类型. (其 ...
- Android开发之旅:环境搭建及HelloWorld
2019独角兽企业重金招聘Python工程师标准>>> 引言 本系列适合0基础的人员,因为我就是从0开始的,此系列记录我步入Android开发的一些经验分享,望与君共勉!作为Andr ...
最新文章
- JNDI学习总结(1)——JNDI入门
- java.util.timezone_java.util.TimeZone.getTimeZone()
- Deepin/Linux系统使用GUFW可视化管理、配置防火墙规则
- 手把手教你写Linux I2C设备驱动
- spring mvc 为什么这么多xml
- php删除树结构文件,树型结构列出目录中所有文件的php代码
- IDM出现输入用户名和密码不能下载解决方法
- 使用gulp+browser-sync搭建Sass自动化编译以及自动刷新所需要的插件
- itools 苹果录屏大师 java_itools录屏大师使用常见问题_itools苹果录屏大师无法连接解决办法...
- Java疯狂讲义读书笔记第五章
- 推荐广告相关名词ctr,cvr等
- 计算机网络---通过DNS服务器查询Web服务器的IP地址
- 彪悍开源的分析数据库-ClickHouse
- 科大讯飞胡郁:我所领导的超脑项目,代表了AI的未来
- EMD方法基本基本知识
- 高性能计算服务器8280,AMD秀实力:第二代霄龙64核性能是英特尔Xeon Platinum8280两倍...
- 查询出每个雇员的姓名,工资,部门名称,工资在公司的等级及其领导的姓名,领导的工资,以及领导所对应的等级
- 王希兰肥屄_希兰·德席尔瓦(Hiran de Silva)
- depot_tools原理和实现
- 百度万亿流量的转发引擎BFE开源了!
热门文章
- 无线串口服务器的配置与连接调试,使用WIFI串口服务器USR-WIFI232-604与485读卡器实现通信...
- 关于FPN(特征金字塔网络)层间融合的理解
- AI大视觉(六) | 特征金字塔(FPN)如何进行特征融合?
- 正试图在 os 加载程序锁内执行托管代码。不要尝试在 DllMain 或映像初始化函数内运行托管代码,这样做会导致应用程序挂起。...
- HP laser 108W无线连接
- nbu客户端卸载_在linux中卸载Netbackup
- 基于python的IDW插值方法(一)
- 计算机技术预测蛋白质结构,蛋白质结构预测:生命科学的又一场竞争
- 拼多多商家后台字体加密分析
- word文档怎么删除多余的空白页?