ListView的基础用法-程序员宅基地

技术标签: java  android  Android  

最近学到ListView和RecyclerView,感觉有点难理解,于是自己找到了篇文章,感觉写的挺详细的(文章链接在文末),然后自己再整理敲了跑了一遍,总结了一下,方便自己以后回头温习。

一个ListView的创建需要三个元素

  1. ListView每一列的View
  2. 填入View的每一项数据(图片,文字等)
  3. 连接数据与ListView的适配器

什么是适配器?

适配器是一个连接数据和AdapterView(ListView、RecyclerView等)的桥梁,通过它能有效地实现数据与AdaperView的分离设置,使得AdapterView与数据的绑定更加简便,修改更方便。

1. ListView使用ArrayAdapter

默认情况下,ArrayAdapter绑定每一个对象的toString值到layout中预先定义的TextView控件上。

例子

在activity_main_xml布局文件中加入一个ListView控件

<?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="match_parent"
    >

    <ListView
        android:id="@+id/listView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>

</LinearLayout>

在MainActivity中进行初始化

public class MainActivity extends AppCompatActivity {

    //用一个数组来listView的每一项数据
    private String[] s = {"aa", "bb", "cc", "dd", "ee", "ff", "gg", "hh", "ii"};
    private ListView listView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //通过id找到listView对象
        listView = findViewById(R.id.listView);
        //给listView设置ArrayAdapter,绑定数据
        listView.setAdapter(new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, s));
    }
}

在这里插入图片描述

步骤:

  1. 建立一个String类型的数据作为每一项Item的显示数据

  2. 初始化listView对象

  3. 给listView设置适配器,并通过ArrayAdapter的构造器绑定数据

    例子中使用的ArrayAdapter构造器有三个参数,第一个参数是上下文,可以传一个当前对象this,第二个参数是布局资源(必须要有TextView控件),例子里用的是系统自带的android.R.layout.simple_list_item_1(还有几种常用的:android.R.layout.simple_list_item_checked、android.R.layout.simple_list_item_multiple_choice、android.R.layout.simple_list_item_single_choice),第三个参数是ListView的具体内容,例子就用的一个字符串数组。

android.R.layout.simple_list_item_checked:实现带选择框的ListView,用setChoiceMode()方法设定选择为多选还是单选

listView.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_checked, s));
listView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

在这里插入图片描述

android.R.layout.simple_list_item_multiple_choice:实现带CheckBox的ListView

listView.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_multiple_choice, s));
listView.setChoiceMode(ListView.CHOICE_MODE_MULTIPLE);

在这里插入图片描述

android.R.layout.simple_list_item_single_choice:实现带RadioButton的ListView

listView.setAdapter(new ArrayAdapter<String>(this,
                android.R.layout.simple_list_item_single_choice, s));
listView.setChoiceMode(ListView.CHOICE_MODE_SINGLE);

在这里插入图片描述

ListView绑定监听器

//绑定监听器
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                Toast.makeText(MainActivity.this, "你点击了第" + i + "行", Toast.LENGTH_SHORT).show();
            }
        });

2. ListView使用SimpleAdapter

使用simpleAdapter可以自定义ListView中的item的内容,比如图片等。下面的例子就用上了ImageView和TextView

例子

定义每一个item的布局

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="100dp"
    android:layout_margin="10dp">

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="100dp"
        android:layout_height="match_parent"
        />
    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:textSize="20sp"/>

</LinearLayout>

修改MainActivity中的代码

public class MainActivity extends AppCompatActivity {

    private ListView listView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //通过id找到listView对象
        listView = findViewById(R.id.listView);
        ArrayList<HashMap<String, Object>> listItem = new ArrayList<>();
        for (int i = 0; i < 10; i++) {
            HashMap<String, Object> map = new HashMap<>();
            //加入图片
            map.put("ItemImage", R.drawable.image);
            map.put("ItemText", "这是第"+i+"行");
            listItem.add(map);
        }
        SimpleAdapter adapter = new SimpleAdapter(this,
                //绑定的数据
                listItem,
                //每一行的布局
                R.layout.item,
                //动态数组中的数据源的键映射到布局文件对应的控件中
                new String[] {"ItemImage", "ItemText"},
                new int[] {R.id.imageView, R.id.textView});
        listView.setAdapter(adapter);
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                Toast.makeText(MainActivity.this, "你点击了第" + i + "行", Toast.LENGTH_SHORT).show();
            }
        });
    }
}

使用SimpleAdapter的数据一般都是用HashMap构成的ArrayList,列表的每一项对应ListView的每一行。通过SimpleAdapter的构造函数,将HashMap的每个键的数据映射到布局文件中对应控件上。

在这里插入图片描述

步骤:

  1. 自定义ListView的每一个item的布局
  2. 定义一个HashMap构成的动态数组,数据以键值对的形式存储
  3. 创建一个适配器对象,有五个构造参数:上下文、每一个item的布局、HashMap的键、布局控件的id
  4. 将ListView绑定到SimpleAdapter上

3. ListView使用BaseAdapter、ListView的优化

修改item.xml代码,把ImageView改为Button

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="10dp">

    <Button
        android:id="@+id/button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Button"
        android:textAllCaps="false"
        android:focusable="false"
        />
    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:textSize="20sp"/>

</LinearLayout>

BaseAdapter是一个抽象类,要写一个类继承它,下面代码自定义一个内部类MyAdapter继承BaseAdapter

MainActivity代码:

public class MainActivity extends AppCompatActivity {

    private ListView listView;
    ArrayList<HashMap<String, Object>> listItem;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //通过id找到listView对象
        listView = findViewById(R.id.listView);
        MyAdapter myAdapter = new MyAdapter(this);
        listView.setAdapter(myAdapter);
        //为ListView添加点击事件
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                Log.v("MyListViewBase", "你点击了ListView条目" + i);
            }
        });
    }

    /**
     * 获取数据的方法
     * @return
     */
    private ArrayList<HashMap<String, Object>> getDate() {

        ArrayList<HashMap<String, Object>> list = new ArrayList<>();
        //添加数据
        for (int i = 0; i < 30; i++) {
            HashMap<String, Object> map = new HashMap<>();
            map.put("textView", "这是第" + i + "行");
            list.add(map);
        }
        return list;
    }

    /**
     * 新建一个MyAdapter类,继承BaseAdapter
     */
    private class MyAdapter extends BaseAdapter {

        //声明一个LayoutInflater对象用于导入布局
        private LayoutInflater mInflater;

        public MyAdapter(Context context) {
            mInflater = LayoutInflater.from(context);
        }

        @Override
        public int getCount() {
            return getDate().size();
        }

        @Override
        public Object getItem(int i) {
            return null;
        }

        @Override
        public long getItemId(int i) {
            return 0;
        }

        @Override
        public View getView(final int i, View view, ViewGroup viewGroup) {
            ViewHolder holder;
            //观察convertView随ListView滚动情况
            Log.v("MyListViewBase", "getView" + i + " " + view);
            if (view == null) {
                view = mInflater.inflate(R.layout.item, null);
                holder = new ViewHolder();
                holder.button = view.findViewById(R.id.button);
                holder.textView = view.findViewById(R.id.textView);
                //绑定ViewHolder对象
                view.setTag(holder);
            } else {
                //取出ViewHolder对象
                holder = (ViewHolder) view.getTag();
            }
            //设置TextView显示的内容,即我们存放在动态数组中的数据
            holder.textView.setText(getDate().get(i).get("textView").toString());
            //为Button添加点击事件
            holder.button.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View view) {
                    Log.v("MyListViewBase", "你点击了按钮" + i);
                }
            });
            return view;
        }
    }

    public final class ViewHolder {
        public Button button;
        public TextView textView;
    }

}

需要注意的是,在定义点击事件的时候,Button会抢夺ListView的焦点,需要将Button设置为没有焦点,在item.xml文件中,在Button里加入一行android:focusable="false"即可

在这里插入图片描述

参考文章:https://blog.csdn.net/xhbxhbsq/article/details/53487456

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_45922212/article/details/110229807

智能推荐

使用JDBC连接数据库出现 The server time zone value ‘�й���׼ʱ��‘ is unrecognized or represents more than one解决方案_jdbc.properties timezone-程序员宅基地

文章浏览阅读553次。在 jdbc.properties 文件中的 url 后面加上 ?serverTimezone=UTC加入之前的jdbc.properties文件:user=rootpassword=12345678url=jdbc:mysql://localhost:3306/testdriverClass=com.mysql.cj.jdbc.Driver加入之后:user=rootpassword=12345678url=jdbc:mysql://localhost:3306/test?serv_jdbc.properties timezone

计算机图形学孔令德基础知识,计算机图形学基础教程孔令德答案-程序员宅基地

文章浏览阅读1.4k次。计算机图形学基础教程孔令德答案【篇一:大学计算机图形学课程设】息科学与工程学院课程设计任务书题目:小组成员:巴春华、焦国栋成员学号:专业班级:计算机科学与技术、2009级本2班课程:计算机图形学指导教师:燕孝飞职称:讲师完成时间: 2011年12 月----2011年 12 月枣庄学院信息科学与工程学院制2011年12 月20日课程设计任务书及成绩评定12【篇二:计算机动画】第一篇《计算机图形学》..._计算机图形学基础教程 孔令德 答案

python xlwings追加数据_大数据分析Python库xlwings提升Excel工作效率教程-程序员宅基地

文章浏览阅读1k次。原标题:大数据分析Python库xlwings提升Excel工作效率教程Excel在当今的企业中非常非常普遍。在AAA教育,我们通常建议出于很多原因使用代码,并且我们的许多数据科学课程旨在教授数据分析和数据科学的有效编码。但是,无论您偏爱使用大数据分析Python的程度如何,最终,有时都需要使用Excel来展示您的发现或共享数据。但这并不意味着仍然无法享受大数据分析Python的某些效率!实际上,..._xlwings通过索引添加数据

java8u211_jre864位u211-程序员宅基地

文章浏览阅读911次。iefans为用户提供的jre8 64位是针对64位windows平台而开发的java运行环境软件,全称为java se runtime environment 8,包括Java虚拟机、Java核心类库和支持文件,不包含开发工具--编译器、调试器和其它工具。jre需要辅助软件--JavaPlug-in--以便在浏览器中运行applet。本次小编带来的是jre8 64位官方版下载,版本小号u211版..._jre8是什么

kasp技术原理_KASP基因分型-程序员宅基地

文章浏览阅读5k次。KASP基因分型介绍KASP(Kompetitive Allele-Specific PCR),即竞争性等位基因特异性PCR,原理上与TaqMan检测法类似,都是基于终端荧光信号的读取判断,每孔反应都是采用双色荧光检测一个SNP位点的两种基因型,不同的SNP对应着不同的荧光信号。KASP技术与TaqMan法类似,它与TaqMan技术不同的是,它不需要每个SNP位点都合成特异的荧光引物,它基于独特的..._kasp是什么

华为p50预装鸿蒙系统,华为p50会不会预装鸿蒙系统_华为p50会预装鸿蒙系统吗-程序员宅基地

文章浏览阅读154次。华为现在比较火的还真就是新开发的鸿蒙系统了,那么在即将上市的华为p50手机上会不会预装鸿蒙系统呢?接下来我们就来一起了解一下华为官方发布的最新消息吧。1.华为p50最新消息相信大家都知道,随着华为鸿蒙OS系统转正日期临近,似乎全网的花粉们都在关注华为鸿蒙OS系统优化、生态建设等等,直接忽略了不断延期发布的华为P50手机,如今华为P50系列手机终于传来了最新的好消息,在经过一系列方案修改以后,终于被..._华为手机p50直接预装鸿蒙系统

随便推点

python用什么软件编程好-初学python编程,有哪些不错的软件值得一用?-程序员宅基地

文章浏览阅读2.1k次。Python编程的软件其实许多,作为一门面向大众的编程言语,许多修正器都有对应的Python插件,当然,也有特地的PythonIDE软件,下面我简单引见几个不错的Python编程软件,既有修正器,也有IDE,感兴味的朋友可以本人下载查验一下:1.VSCode:这是一个轻量级的代码修正器,由微软规划研发,免费、开源、跨途径,轻盈活络,界面精练,支撑常见的自动补全、语法提示、代码高亮、Git等功用,插..._python入门学什么好

pytorch一步一步在VGG16上训练自己的数据集_torch vgg训练自己的数据集-程序员宅基地

文章浏览阅读3.2w次,点赞30次,收藏307次。准备数据集及加载,ImageFolder在很多机器学习或者深度学习的任务中,往往我们要提供自己的图片。也就是说我们的数据集不是预先处理好的,像mnist,cifar10等它已经给你处理好了,更多的是原始的图片。比如我们以猫狗分类为例。在data文件下,有两个分别为train和val的文件夹。然后train下是cat和dog两个文件夹,里面存的是自己的图片数据,val文件夹同train。这样我们的..._torch vgg训练自己的数据集

毕业论文管理系统设计与实现(论文+源码)_kaic_论文系统设计法-程序员宅基地

文章浏览阅读968次。论文+系统+远程调试+重复率低+二次开发+毕业设计_论文系统设计法

在python2与python3中转义字符_Python 炫技操作:五种 Python 转义表示法-程序员宅基地

文章浏览阅读134次。1. 为什么要有转义?ASCII 表中一共有 128 个字符。这里面有我们非常熟悉的字母、数字、标点符号,这些都可以从我们的键盘中输出。除此之外,还有一些非常特殊的字符,这些字符,我通常很难用键盘上的找到,比如制表符、响铃这种。为了能将那些特殊字符都能写入到字符串变量中,就规定了一个用于转义的字符 \ ,有了这个字符,你在字符串中看的字符,print 出来后就不一定你原来看到的了。举个例子>..._pytyhon2、python3对%转义吗

java jar 文件 路径问题_「问答」解决jar包运行时相对路径问题-程序员宅基地

文章浏览阅读1.3k次。我这几天需要做一个Java程序,需要通过jar的形式运行,还要生成文件。最终这个程序是要给被人用的,可能那个用的人还不懂代码。于是我面临一个问题:生成的文件一定不能存绝对路径。刚开始我想得很简单,打绝对路径改成相对路径不就行了吗?于是有了这样的代码:String path = "../test.txt";File file = new File(path);……这个写法本身并没有问题,直接运行代码..._jar启动文件路径中存在!

微信读书vscode插件_曾经我以为 VSCode 是程序员专属的工具,直到发现了这些……...-程序员宅基地

文章浏览阅读598次。如果你知道 VSCode,一说起它,你可能第一个想到的就是把它当做一个代码编辑器,而它的界面应该可能大概率是这样的——如果你恰好又是个程序员,那你可能经常会用到它,不管是 Python、JS 还是 C++ 等各种语言对应的文件,都可以用它来进行简单的编辑和整理,甚至是运行和 debug......但是今天要讲的显然不是这些,经过小美的多方研究,发现了即使是对于大多数并不了解 VSCode,也完全不..._vscode weixin read

推荐文章

热门文章

相关标签