16、Android -- ListView 基础学习

最新推荐文章于 2024-06-17 22:56:29 发布
最新推荐文章于 2024-06-17 22:56:29 发布
阅读量124 收藏 1
点赞数 1
分类专栏： Android控件 文章标签： android 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013059089/article/details/125668970
版权

学习过程感觉比较难以介绍，直接上练习题目，说下新建过程。(题目自定)

练习题目

仿wx做个界面，显示微信消息的界面
在这里插入图片描述

步骤

1. 准备主Layout布局

主要是用于显示列表的界面，就是一个大的容器。
res/lauout/activity_list_view.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".ListViewActivity">
    <ListView
        android:id="@+id/lv_one"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        />
</LinearLayout>
2、新建listview的itm布局

在第1步已经准备好容器了，那就需要在容器内放明细itm。看图中每个itm内有不同元素，可以把itm看成一个layout，所以需要准备itm的layout
文件 res/layout/list_view_itm.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="match_parent"
    >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="80dp">

        <ImageView
            android:id="@+id/iv_lv_itm_one"
            android:layout_width="80dp"
            android:layout_height="match_parent"
            android:layout_alignParentLeft="true"
            android:src="@drawable/ic_baseline_5g_24" />

        <TextView
            android:id="@+id/tv_lv_itm_three"
            android:layout_width="60dp"
            android:layout_height="40dp"
            android:gravity="center_vertical"
            android:layout_alignParentRight="true"
            android:text="three" />

        <TextView
            android:id="@+id/tv_lv_itm_four"
            android:layout_width="60dp"
            android:layout_height="match_parent"
            android:layout_below="@+id/tv_lv_itm_three"
            android:layout_alignRight="@+id/tv_lv_itm_three"
            android:gravity="center_vertical"
            android:text="four" />

        <TextView
            android:id="@+id/tv_lv_itm_one"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:layout_toLeftOf="@+id/tv_lv_itm_three"
            android:layout_toRightOf="@+id/iv_lv_itm_one"
            android:gravity="center_vertical"
            android:text="one"
            android:textSize="30sp"
            android:textStyle="bold" />

        <TextView
            android:id="@+id/tv_lv_itm_two"
            android:text="two"
            android:textSize="20sp"
            android:layout_width="match_parent"
            android:layout_height="30dp"
            android:layout_below="@+id/tv_lv_itm_one"
            android:layout_toLeftOf="@+id/tv_lv_itm_four"
            android:layout_toRightOf="@+id/iv_lv_itm_one"
            android:gravity="center_vertical" />
    </RelativeLayout>

</LinearLayout>
新建bean类（定义明细各部分内容）

明细itm的样式布局准备好了，接下来需要准备明细的数据类，定义明细内容。那新建一个bean类。
文件com/pha/first/bean/Bean.java
新建Bean过程

  • 添加对应的五个元素，元素类型根据界面的内容而定
  • 增加元素的Getter and Setter (在类里alt+insert ,部分电脑需要fn+alt+insert)
    在这里插入图片描述
  • 至于setBean这个方法是，后面练习中感觉一个一个的赋值比较麻烦，提起出来的
    适配器com/pha/first/bean/Bean.java最终代码
package com.pha.first.bean;

import android.graphics.drawable.Drawable;

public class Bean {
    Drawable img;
    String name;
    String message;
    String datetime;
    String tip;

    public Drawable getImg() {
        return img;
    }

    public void setImg(Drawable img) {
        this.img = img;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    public String getMessage() {
        return message;
    }

    public void setMessage(String message) {
        this.message = message;
    }

    public String getDatetime() {
        return datetime;
    }

    public void setDatetime(String datetime) {
        this.datetime = datetime;
    }

    public String getTip() {
        return tip;
    }

    public void setTip(String tip) {
        this.tip = tip;
    }
    public void setBean(Drawable img,String name,String message,String datetime,String tip){
        this.img=img;
        this.name=name;
        this.message=message;
        this.datetime=datetime;
        this.tip=tip;
    }
}
4、准备明细数据

将每个明细itm的具体内容。
com/pha/first/ListViewActivity.java 中新建方法InitData()方法，并在onCreate()调用该方法。

  • 全局私有变量(数据存放的变量)
private List<Bean> data = new ArrayList<>();
  • 定义InitData()方法
private void InitData(){
        for(int i = 0; i < 100 ; i++){
            Bean bean = new Bean();
            switch (i%5){
                case 0:
                    bean.setBean(getResources().getDrawable(R.drawable.ic_baseline_person_24),"李白"+i,"举头望明月，低头思故乡","唐朝","绝句");
                    break;
                case 1:
                    bean.setBean(getResources().getDrawable(R.drawable.ic_baseline_lock_24),"苏轼"+i,"明月几时有，把酒问青天","宋朝","宋词");
                    break;
                case 2:
                    bean.setBean(getResources().getDrawable(R.drawable.ic_baseline_search_24),"龚自珍"+i,"我劝天公重抖擞，不拘一格降人才","清朝","已亥杂诗");
                    break;
                case 3:
                    bean.setBean(getResources().getDrawable(R.drawable.ic_launcher_background),"鲁迅"+i,"寄意寒星荃不察，我以我血荐轩辕","近代","近代诗");
                    break;
                case 4:
                    bean.setBean(getResources().getDrawable(R.drawable.ic_baseline_west_24),"毛泽东"+i,"怅寥廓，问苍茫大地，谁主沉浮?","现代","词");
                    break;
                default:
                    break;
            }
            data.add(bean);
        }
    }
5、新建适配器(视图和数据间的联系/桥梁)

  • 新建adapter：com/pha/first/adapter/TestAdapter.java(名字我自己随意定的)

  • 新建TestAdapter.java后需要集成BaseAdapter。
    这时会提示错误。需要重写四个方法：getCount()、getItem()、getItemId()、getView()

  • 定义数据lt_data(界面需要数据的，器数据类型就是List，Bean就是刚才定义数据类)、context(视图，就是显示的容器界面视图)

  • 构造函数TestAdapter：

在TestAdapter.java类里alt+insert(部分电脑需要fn+alt+insert)
在这里插入图片描述
在这里插入图片描述

  • 修改getCount()的返回值：lt_data.size(); 就是返回数据长度
  • 修改getItemId()的返回值：返回参数即可；返回点击记录的位置（第几条）
  • 修改getView(): 这个方法主要是将数据放到视图中。
    修改getView的思路大概是
    1、获取视图。
		view = LayoutInflater.from(context).inflate(R.layout.list_view_itm, viewGroup, false);

其中view是调用方法是传进来的参数。但是由于这个数据是逐条添加到视图中，避免view重复获取，所以这句话改为

		if (view==null) {
            view = LayoutInflater.from(context).inflate(R.layout.list_view_itm, viewGroup, false);
        }

2、获取明细视图(view,也是list_view_itm.xml)中个元素id，并且赋值

适配器TestAdapter.java最终代码

package com.pha.first.adapter;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.pha.first.R;
import com.pha.first.bean.Bean;

import java.util.List;

public class TestAdapter extends BaseAdapter {
    private List<Bean> lt_data;
    private Context context;

    public TestAdapter(List<Bean> lt_data, Context context) {
        this.lt_data = lt_data;
        this.context = context;
    }

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

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

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

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        
        if (view==null) {
            view = LayoutInflater.from(context).inflate(R.layout.list_view_itm, viewGroup, false);
        }
        // 获取list_view_itm中的元素
        ImageView iv_lv_itm_one = view.findViewById(R.id.iv_lv_itm_one);
        TextView tv_lv_itm_one = view.findViewById(R.id.tv_lv_itm_one);
        TextView tv_lv_itm_two = view.findViewById(R.id.tv_lv_itm_two);
        TextView tv_lv_itm_three = view.findViewById(R.id.tv_lv_itm_three);
        TextView tv_lv_itm_four = view.findViewById(R.id.tv_lv_itm_four);

        iv_lv_itm_one.setImageDrawable(lt_data.get(i).getImg());
        tv_lv_itm_one.setText(lt_data.get(i).getName());
        tv_lv_itm_two.setText(lt_data.get(i).getMessage());
        tv_lv_itm_three.setText(lt_data.get(i).getDatetime());
        tv_lv_itm_four.setText(lt_data.get(i).getTip());
        return view;
    }
 
}
6、视图显示

在com/pha/first/ListViewActivity.java 中新建方法ShowListView()方法，并在onCreate()调用该方法。

private void ShowListView() {
        ListView lv_one = findViewById(R.id.lv_one);
        //调用adapter适配器，将数据data显示到当前视图
        lv_one.setAdapter(new TestAdapter(data, this));
        //ListView 的明细的点击事件
        lv_one.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                Log.e(TAG, "onItemClick: "+i +" 记录"+data.get(i).getName()+":"+data.get(i).getMessage());
            }
        });
    }

视图ListViewActivity.java最终代码

package com.pha.first;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;

import com.pha.first.adapter.TestAdapter;
import com.pha.first.bean.Bean;

import java.util.ArrayList;
import java.util.List;

public class ListViewActivity extends AppCompatActivity {
    private static final String TAG = "ListView";
    private List<Bean> data = new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_list_view);
        //数据初始化
        InitData();
        //展示ListView 数据
        ShowListView();
    }

    private void ShowListView() {
        ListView lv_one = findViewById(R.id.lv_one);
        //调用adapter适配器，将数据data显示到当前视图
        lv_one.setAdapter(new TestAdapter(data, this));
        //ListView 的明细的点击事件
        lv_one.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
                Log.e(TAG, "onItemClick: "+i +" 记录"+data.get(i).getName()+":"+data.get(i).getMessage());
            }
        });
    }

    private void InitData(){
        for(int i = 0; i < 100 ; i++){
            Bean bean = new Bean();
            switch (i%5){
                case 0:
                    bean.setBean(getResources().getDrawable(R.drawable.ic_baseline_person_24),"李白"+i,"举头望明月，低头思故乡","唐朝","绝句");
                    break;
                case 1:
                    bean.setBean(getResources().getDrawable(R.drawable.ic_baseline_lock_24),"苏轼"+i,"明月几时有，把酒问青天","宋朝","宋词");
                    break;
                case 2:
                    bean.setBean(getResources().getDrawable(R.drawable.ic_baseline_search_24),"龚自珍"+i,"我劝天公重抖擞，不拘一格降人才","清朝","已亥杂诗");
                    break;
                case 3:
                    bean.setBean(getResources().getDrawable(R.drawable.ic_launcher_background),"鲁迅"+i,"寄意寒星荃不察，我以我血荐轩辕","近代","近代诗");
                    break;
                case 4:
                    bean.setBean(getResources().getDrawable(R.drawable.ic_baseline_west_24),"毛泽东"+i,"怅寥廓，问苍茫大地，谁主沉浮?","现代","词");
                    break;
                default:
                    break;
            }
            data.add(bean);
        }
    }
}
7、运行效果图

在这里插入图片描述

8、优化

回过头来在看TestAdapter.java中的getView()方法(即数据赋值到视图)，在这个过程中，每条明细都需要获取list_view_itm.xml中的各元素id，就导致每次获取id时会浪费时间。
为了避免重复获取id，将id定义最终变量。

  • 新增方法ViewHolder ()
private final class ViewHolder {
        ImageView iv_lv_itm_one;
        TextView tv_lv_itm_one ;
        TextView tv_lv_itm_two ;
        TextView tv_lv_itm_three ;
        TextView tv_lv_itm_four ;
    }
  • 修改getView()
    在第一个明细添加到view中时，即view==null时直接获取list_view_itm.xml的元素id，并存储。第二条添加view时，直接使用之前存储的各元素id。
    适配器TestAdapter.java优化后的最终代码
package com.pha.first.adapter;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.pha.first.R;
import com.pha.first.bean.Bean;

import java.util.List;

public class TestAdapter extends BaseAdapter {
    private List<Bean> lt_data;
    private Context context;

    public TestAdapter(List<Bean> lt_data, Context context) {
        this.lt_data = lt_data;
        this.context = context;
    }
    @Override
    public int getCount() {
        return lt_data.size();
    }

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

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

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {
        ViewHolder viewHolder ;
        if (view==null) {
            viewHolder = new ViewHolder();
            view = LayoutInflater.from(context).inflate(R.layout.list_view_itm, viewGroup, false);
            // 获取list_view_itm中的元素
            viewHolder.iv_lv_itm_one = view.findViewById(R.id.iv_lv_itm_one);
            viewHolder.tv_lv_itm_one = view.findViewById(R.id.tv_lv_itm_one);
            viewHolder.tv_lv_itm_two = view.findViewById(R.id.tv_lv_itm_two);
            viewHolder.tv_lv_itm_three = view.findViewById(R.id.tv_lv_itm_three);
            viewHolder.tv_lv_itm_four = view.findViewById(R.id.tv_lv_itm_four);
        }else{
            viewHolder = (ViewHolder) view.getTag();
        }
        viewHolder.iv_lv_itm_one.setImageDrawable(lt_data.get(i).getImg());
        viewHolder.tv_lv_itm_one.setText(lt_data.get(i).getName());
        viewHolder.tv_lv_itm_two.setText(lt_data.get(i).getMessage());
        viewHolder.tv_lv_itm_three.setText(lt_data.get(i).getDatetime());
        viewHolder.tv_lv_itm_four.setText(lt_data.get(i).getTip());
        return view;
    }
    private final class ViewHolder {
        ImageView iv_lv_itm_one;
        TextView tv_lv_itm_one ;
        TextView tv_lv_itm_two ;
        TextView tv_lv_itm_three ;
        TextView tv_lv_itm_four ;
    }
}
莲寐
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android【Toolbar，FloatingActionButton 悬浮按钮和可交互提示，Snackbar，CoordinatorLayout】
m0_63658317的博客
08-04 546
Toolbar，FloatingActionButton 悬浮按钮和可交互提示，Snackbar，CoordinatorLayout
深入浅出学习Android ListView基础
09-02
主要介绍了深入浅出的带领大家学习Android ListView基础，ListView是安卓里常用的控件，本文介绍一下常用用法，以及优化等方法，感兴趣的小伙伴们可以参考一下
Android Studio 控件
weixin_44538225的博客
03-01 4134
学习视频：https://www.bilibili.com/video/BV1Jb4y187C4?p=7&spm_id_from=pageDriver 介绍 首先将工程make一下 下载需要讲解的虚拟机 下一步 控件TextView 基础属性 1、layout_width：组件宽度，单位一般用dp 2、layout_height：组件高度 3、id：为View设置组件id 4、text：设置显示的文本内容 5、textColor：设置字体颜色（有8位，00000000：前两位代表透明度，3、4
Android初学之七：ListView简单用法和ListView的界面定制
My_Yes的博客
05-11 1461
一、ListView简单用法 1、首先在布局文件中加入ListView 2、展示一组String数据，修改MainActivity代码 二、ListView的界面定制 例子：条目样式为有一张图片和一个文本 1、定义一个实体类，作为ListView适配器类型，新建类Fruit ...
Android 学习笔记--android——listview总结，互联网大厂面试难度排名
2401_84104624的博客
04-21 711
9089)]
android学习笔记----ListView和各种适配器简介
hdbdhdbh的博客
01-31 1005
Override// 找到控件// 设置数据适配器@Overridereturn 7;@Override// 1.想办法把自己定义的布局转换成一个view对象就可以了View view;// 创建新的view对象，可以通过打气筒把一个布局资源转换成一个view对象// resource 就是我们定义的布局文件// 第一种获取打气筒服务// 第二种打气筒写法// 第三种打气筒写法*/
17、Android -- RecyclerView 基础学习
u013059089的博客
07-09 871
android -- 学习笔记
Android 学习笔记--android——listview总结
2401_83946509的博客
04-02 850
由于题目很多整理答案的工作量太大，所以仅限于提供知识点，详细的很多问题和参考答案我都整理成了 PDF文件[外链图片转存中…(img-BjIgEzRp-1712066609559)][外链图片转存中…(img-0E8iCxH0-1712066609559)]本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录。
Android基础-ListView
weixin_42292422的博客
10-18 227
对ListView的学习
Android入门之路 - ListView基础使用
Android、前端、小程序、后端
02-03 467
ListView的使用太多了，没有一个App不使用，虽然有点老了，但是我觉得还是可以为大家讲解一下，当然之后也会给大家带来RecyclerView的详细使用，不过我认为当你熟悉ListView之后会更快的掌握RecyclerView的使用，因为其原理相通，RecyclerView大家可以后续小小关注一下，下面为大家带来本篇详解。效果图： 使用方式： 1.布局ListView在需要使用的地方
安卓开发学习心得-------ListView基础
HuangHq_kkw的博客
06-09 501
ListView基本步骤 1. 创建ListView 2. 新建适配器 3.适配器添加数据源（如用到哈希表，需将表添加到数据源） 4.ListView连接适配器 1.ArrayAdapter的三个参数：      上下文 布局文件（大多数时可使用安卓自带的布局文件 android.R.Layout.*） 数据源（每行显示单个数据的数据源，List或者字符串数组）
Android-自定义控件之ListView下拉刷新的实现
01-05
自定义一个控件，先是看它继承于那个控件，如果我们继承View控件的话，那得让我们写很多关于ListView的功能，这些东西我自己觉得很麻烦，而且也没有那个必要因为我们可以直接继承ListView，在listView的基础上来加...
Android代码-Android_Learning_Notes
08-07
Android_Learning_Notes 这是我的安卓学习笔记。 开始时间：2016-9-11 计划：一个半月 文章目录： 基础知识 1、Android01--搭建...16、Android16--自定义控件 18、Android18--菜单 数据存储 待学习。 网络与通信 待
学习Android Material Design（RecyclerView代替ListView）
01-04
可以查看这篇文章深入浅出学习Android ListView基础，了解关于ListView 的基础知识。 实现过程中需要复写BaseAdapter，主要是这4个方法 public int getCount() ：适配器中数据集中 数据的个数，即ListView需要显示...
Android 开发之dataBinding与ListView及事件
01-20
对于DataBinding一些比较基础的使用，在这里就不在记录了，毕竟现在Google一下，出来很多的教程，而且，android developer官网中，也已经对其基本使用方法做了详细介绍，有英语基础的童鞋，还是去看比较官方的文章。...
【Android 11】AOSP Settings添加屏幕旋转按钮
xuanyulevel6的博客
06-13 421
这里是客户要求添加按钮以实现屏幕旋转。这里的值可以是0，1，2，3 的任意一个。我这里没有陀螺仪，所以只需要这个命令就够了。更多的可以参考但是这有个缺陷，就是开机的动画不能随着设置好的屏幕方向旋转。
Android本地Gradle Plugin的创建以及使用
龙叔的专栏
06-12 319
2.新建一个module 取名叫buildSrc(注意，一定要叫这个名字，而且在setting.gradle中不要include这个Moudle，gradle会自动引入)有些Gradle插件，不想放到云端，本来也只是小功能而已，还放到云端，每次修改和发布都很麻烦，这种需求的插件放到本地还是合适的。使用就是在build.gradle中，正常使用插件。1.直接放到build.gradle。
[BJDCTF2020]ZJCTF，不过如此1
最新发布
m0_73673698的博客
06-17 350
简单分析一下这段代码，代码通过GET方法来传入text和file两个参数，并且传入的text参数通过file_get_contents函数以只读的方式打开，而且当它强等于"I have a dream"这个字符串是，才能够去输出并且去执行下面的那个if判断。也就是这段代码会遍历传入的GET参数，将GET传入的变量名给了$re，把变量名的值给了$str，那么这样在传入paylaod的时候preg_replace会变成。我们将返回的base64解码就是next.php的源码了，源码如下。
Android XML 布局基础（八）帧布局 - GridLayout
2401_85610589的博客
06-16 292
android:layout_columnWeight=“数字” | 该控件的列权重，与。| android:layout_rowSpan=“数字” | 占用一列的几个行位置 || android:layout_rowWeight=“数字” | 跟。
Android基础控件学习
05-10
学习Android基础控件是Android开发的第一步，下面为你介绍几个常用的控件以及它们的用法： 1. TextView：用于显示文本信息。 2. Button：用于触发操作，比如提交表单等。 3. EditText：用于输入文本信息。 4. ...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值