从0系统学Android-- 3.5 最常用和最难用的控件---ListView



本系列文章目录更多精品文章分类

本系列持续更新中....

3.5 最常用和最难用的控件---ListView

ListView 是我们在开发中最常使用的控件之一。由于手机屏幕空间比较有限,能够一次性在屏幕上显示的内容不多,ListView 允许用户可以通过手指上下滑动,可以呈现更多的数据。

3.5.1 ListView 的简单使用

首先还是在 Layout 中添加 ListView

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical" android:layout_width="match_parent"
android:layout_height="match_parent">
<ListView
android:id="@+id/lv"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
</LinearLayout>
  private String[] data = {
"Apple","fdsfs","fdsfssfs","wwww","wwwqqq","qqqqq","eeeee","rrrrrr","tttttt","yyyyyy","uuuuuu","aaaaaa","sssss"
}; @Override
protected void onCreate(@Nullable Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_listviwe);
ArrayAdapter<String> adapter = new ArrayAdapter<>(this,android.R.layout.simple_list_item_1,data);
ListView listView = findViewById(R.id.lv);
listView.setAdapter(adapter);
}

ListView 是用于展示大量数据的,因此数据需要提供好,这些往往都是从网络上或者数据库读取的,这里就用假数据简单测试一下。

数据不能直接传递给 ListView 需要借助适配器来完成。Android 中提供了许多适配器的实现类。这里使用最简单的 ArrayAdapterandroid.R.layout.simple_list_itme_1 是 Android 内置的布局文件,里面只有一个简单的 TextView。然后使用 setAdapter 就将构建好的适配器对象传递进去,这样 Listview 和 数据之间的关联就建立了。

3.5.2 定制 LIstView 的界面

只显示一行文字太过单调了,下面对 ListView 的界面进行定制,显示更加复杂的内容。

定义一个实体类,作为 ListView 适配器的适配类型。新建 Fruit

public class Fruit {
private String name;
private int imgId; public Fruit(String name,int imgId){
this.name = name;
this.imgId = imgId;
} public String getName() {
return name;
} public void setName(String name) {
this.name = name;
} public int getImgId() {
return imgId;
} public void setImgId(int imgId) {
this.imgId = imgId;
}
}

其中 name 表示名字 imgId 对应图片的资源id。

下面为 ListView 的子项创建一个自定义的布局fruit_item.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:orientation="horizontal">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/iv"/>
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:id="@+id/tv_name"
android:layout_marginLeft="10dp"/>
</LinearLayout>

下面自己建立适配器,这个适配器继承自 ArrayAdapter,并且制定泛型的类型是 Fruit 类型的。

public class FruitAdapter  extends ArrayAdapter<Fruit> {

    private int resourceId;
public FruitAdapter(@NonNull Context context, int resource, @NonNull List<Fruit> objects) {
super(context, resource, objects);
resourceId = resource; } @NonNull
@Override
public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
// 获取当前项的 Fruit 实例
Fruit fruit = getItem(position);
View view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false); TextView textView = view.findViewById(R.id.tv_name);
ImageView imageView = view.findViewById(R.id.iv);
// 这里没有图片,就偷懒使用了系统的
imageView.setImageResource(R.mipmap.ic_launcher);
textView.setText(fruit.getName());
return view; }
}

FruitAdapter 继承 ArrayAdapter 比较简单,只需要重写一组构造方法和一个 getView() 方法就可以了,其他的方法 ArrayAdapter 都实现了。

getItem() 方法在每个子项被滚动到屏幕内的时候都会被调用。

这里使用了 LayoutInflater 来为这个子项加载我们传入的布局,LayoutInflater 的 inflate 方法需要传入三个参数,第一个参数就是要加载的布局,第二个参数就是这个布局要加入到这父布局中,第三个参数指定成 false 表示只让我们在父布局中声明的 layout 属性生效,其实就是为了测量一下这个生成的布局,但是不会将这个 View 添加到父布局中,因为一旦 View 有了父布局后,就不能再添加到 ListView 中了。现在不理解也没关系,记住这是标准写法就行了。

最后我们在 Activity 中将 ListView 与我们自己创建的适配器绑定就可以了。

// 进行数据加工
initData();
FruitAdapter fruitAdapter = new FruitAdapter(this,R.layout.fuit_item,list);
ListView listView = findViewById(R.id.lv);
listView.setAdapter(fruitAdapter);

3.5.3 提高 ListView 的运行效率

ListView 还有很多的细节点需要优化,不然运行效率很低。因为在 getView() 方法中每次都将布局重新加载了一遍,当 ListView 快速滚动的时候,性能就会出现问题。

其实在 getView() 方法中还有一个 converView 参数,这个参数就是用于将之前加载好的布局进行缓存的,以便之后可以进行重复使用。修改 FruitDapter 的代码

    public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
Fruit fruit = getItem(position);
View view ;
if (convertView == null){
view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
}else {
view = convertView;
}
TextView textView = view.findViewById(R.id.tv_name);
ImageView imageView = view.findViewById(R.id.iv);
imageView.setImageResource(R.mipmap.ic_launcher);
textView.setText(fruit.getName());
return view; }

这样我们就充分把缓存的 conventView 利用起来了。

不过目前还需要优化,虽然不会再去重复的加载布局了,但是每次 getView() 方法中还是会调用 ViewfindViewById() 方法来获取一次控件的实例。我们可以借助 ViewHolder 来对这部分进行性能的优化。修改代码

    @NonNull
@Override
public View getView(int position, @Nullable View convertView, @NonNull ViewGroup parent) {
// 获取当前项的 Fruit 实例
Fruit fruit = getItem(position);
View view ;
ViewHolder viewHolder;
if (convertView == null){
view = LayoutInflater.from(getContext()).inflate(resourceId,parent,false);
viewHolder = new ViewHolder();
viewHolder.iv = view.findViewById(R.id.iv);
viewHolder.tv = view.findViewById(R.id.tv_name);
view.setTag(viewHolder); // 将 ViewHolder 存储在 View 中
}else { view = convertView;
viewHolder = (ViewHolder) view.getTag();
}
viewHolder.iv.setImageResource(R.mipmap.ic_launcher);
viewHolder.tv.setText(fruit.getName()); return view; }
class ViewHolder{
ImageView iv;
TextView tv;
}

新增加一个 ViewHolder内部类,用于对控件的实例进行缓存,当 convertView 为 null 的时候就创建一个 ViewHolder 并将它存放在 View 中。当convertView 不为 null 的时候将 ViewHolder 实例取出来。这样就没有必要每次都要通过 findViewById() 来获取控件实例了。

通过以上两步,ListView 就优化的非常不错了。

3.5.4 ListView 点击事件

给 ListView 设置点击事件

    listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
// 通过 positon 我们就可以确定是点击的哪一个子项
}
});

从0系统学Android--3.5 最常用和最难用的控件---ListView的更多相关文章

  1. Android学习之基础知识五—ListView控件(最常用和最难用的控件)

    ListView控件允许用户通过上下滑动来将屏幕外的数据拉到屏幕内,把屏幕内的数据拉到屏幕外. 一.ListView的简单用法第一步:先创建一个ListViewTest项目,在activity_mia ...

  2. 从0系统学Android-2.5更多隐式Intent用法

    本系列文章,参考<第一行代码>,作为个人笔记 更多内容:更多精品文章分类 从0系统学Android-2.5更多隐式Intent用法 上一节中我们学习了通过隐式 Intent 来启动 Act ...

  3. 从0系统学Android--4.1探究碎片

    从0系统学Android--4.1探究碎片 本系列文章目录:更多精品文章分类 本系列持续更新中.... 初级阶段内容参考<第一行代码> 第四章:手机平板要兼顾--探究碎片 平板电脑和手机最 ...

  4. 从0系统学Android--3.7 聊天界面编写

    从0系统学Android--3.7 聊天界面编写 本系列文章目录:更多精品文章分类 本系列持续更新中.... 3.7 编写界面的最佳实践 前面学习了那么多 UI 开发的知识,下面来进行实践,做一个美观 ...

  5. 从0系统学Android--3.6 RecyclerView

    从0系统学Android--更强大的滚动控件---RecyclerView 本系列文章目录:更多精品文章分类 本系列持续更新中.... 参考<第一行代码> 首先说明一点昨天发了一篇关于 L ...

  6. 从0系统学Android--3.2四种基本布局

    从0系统学Android--3.2四种基本布局 本系列文章目录:更多精品文章分类 本系列持续更新中.... 3.3 系统控件不够用?创建自定义控件 上一节我们学习了 Android 中的一些常用的控件 ...

  7. 从0系统学Android--3.1编写UI界面

    从0系统学Android--3.1编写UI界面 本系列文章目录:更多精品文章分类 本系列持续更新中.... 界面设计和功能开发同样重要,界面美观的应用程序不仅可以大大增加用户粘性,还能帮我们吸引到更多 ...

  8. 从0系统学Android--2.6 Activity 的最佳实践

    从0系统学Android--2.6 Activity 的最佳实践 本系列文章目录:更多精品文章分类 本系列持续更新中.... 实践中的技巧 2.6.1 知晓当前是在哪个 Activity 这个其实很简 ...

  9. 从0系统学Android--5.2 发送广播

    从0系统学Android--52 发送广播 本系列文章目录:更多精品文章分类 本系列持续更新中.... 初级阶段内容参考<第一行代码> 5.3 发送自定义广播 前面已经学习了如何接受广播了 ...

随机推荐

  1. 洛谷 题解 P5595 【【XR-4】歌唱比赛】

    本蒟蒻又双叒叕被爆踩了. 考试时一遍过 其实这题还是很简单的,难度不会大于普及组T1. CSP 2019 RP++ 看开始看到题目,觉得特别长,不想看... 我来和你们分析分析题目,你们就都可以秒了. ...

  2. 什么是渐进式框架 (vue.js)

    渐进式意味着你可以将 vue 作为你项目的一部分嵌入其中,带来更丰富的交互体验

  3. Unity3D for iOS初级教程:Part 1/3(下)

    转自:http://www.cnblogs.com/alongu3d/archive/2013/06/01/3111735.html 一个手指来统治他们 但是等等,你还没有完全完成! 如果你玩游戏有一 ...

  4. Springboot实现登录功能

    SpringBoot简介 Spring Boot是由Pivotal团队提供的全新框架,其设计目的是用来简化新Spring应用的初始搭建以及开发过程.该框架使用了特定的方式来进行配置,从而使开发人员不再 ...

  5. mybatis注解

    @select查詢 @insert添加 @delete刪除 @update修改 @Results自关联 @Results映射 @One UserByRole表: RoleByUser表: @Many ...

  6. 地兵布阵 -----------HDU-1166

    C国的死对头A国这段时间正在进行军事演习,所以C国间谍头子Derek和他手下Tidy又开始忙乎了.A国在海岸线沿直线布置了N个工兵营地,Derek和Tidy的任务就是要监视这些工兵营地的活动情况.由于 ...

  7. Swift Playground词法分析器DEMO

    正在看极客时间宫文学老师的编译原理之美,用swift playground写了一个第二课"int age >= 45"的词法解析DEMO 为了保持原课程代码,DEMO用了顺序 ...

  8. zabbix系列-Grafana4.6.3+Zabbix 的安装部署

    zabbix系列(五) Grafana4.6.3+Zabbix 的安装部署 伟创享 2019-07-31 11:27:18 使用了一段时间Grafana,感觉还挺好用的.部分效果图如下: ​ zabb ...

  9. 用Python写一个游戏脚本,你会吗?

    前言本文的文字及图片来源于网络,仅供学习.交流使用,不具有任何商业用途,版权归原作者所有,如有问题请及时联系我们以作处理.作者:ivat4u  学习python有一段时间了,由于python语言的强大 ...

  10. 【面试】386- JavaScript 面试 20 个核心考点

    点击上方"前端自习课"关注,学习起来~ 引言 Javascript是前端面试的重点,本文重点梳理下 Javascript 中的常考基础知识点,然后就一些容易出现的题目进行解析.限于 ...