ListView数据动态更新

经过前面几期的学习,关于ListView的一些基本用法大概学的差不多了,但是你可能发现了,所有ListView里面要填充的数据都是静态的,但在实际开发中,这些数据往往都是动态变化的,比如数据内容发生改变、增加几行、或者删除几行,这就涉及到ListView数据的更新问题。

接下来通过一个简单的示例程序来学习ListView的数据更新。

继续使用WidgetSample工程,在app/main/res/layout/目录下创建updatedata_layout.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"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center_horizontal">

        <Button
            android:id="@+id/add_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="添加"/>
        <Button
            android:id="@+id/update_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="更新"/>
         <Button
            android:id="@+id/delete_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="删除"/>
        <Button
            android:id="@+id/clear_btn"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="清空"/>
    </LinearLayout>

    <TextView
        android:id="@+id/empty_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:padding="15dp"
        android:textSize="15sp"
        android:text="暂无数据"/>

    <ListView
        android:id="@+id/listview"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />
</LinearLayout>

由于当ListView没有数据时,整个页面一片白,非常难看,所以加了一个文本框,当列表没有数据时提示用户。然后添加了4个按钮来动态更新列表数据。

接着在res/layout/目录下新建一个updatedata_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="match_parent"
    android:gravity="center_vertical"
    android:orientation="horizontal">

    <ImageView
        android:id="@+id/icon_img"
        android:layout_width="48dp"
        android:layout_height="48dp"
        android:padding="5dp"/>

    <TextView
        android:id="@+id/content_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textSize="18sp" />
</LinearLayout>

然后创建数据实体类UpdateData.java,主要用于显示在列表数据的实体,这里比较简单,包括一个图标ID和文本内容,代码如下:

package com.jinyu.cqkxzsxy.android.listviewsample.entity;


/**
 * @创建者 鑫鱻
 * @描述 Android零基础入门到精通系列教程,欢迎关注微信公众号ShareExpert
 */
public class UpdateData {
    private int imgId;
    private String content;


    public UpdateData() {}

    public UpdateData(int imgId, String content) {
        this.imgId = imgId;
        this.content = content;
    }


    public int getImgId() {
        return imgId;
    }

    public String getContent() {
        return content;
    }

    public void setImgId(int imgId) {
        this.imgId = imgId;
    }

    public void setContent(String content) {
        this.content = content;
    }
}

再创建MyUpdateAdapter类,继承BaseAdapter,再另外添加几个方法,便于操作ListView。

package com.jinyu.cqkxzsxy.android.listviewsample.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.jinyu.cqkxzsxy.android.listviewsample.R;
import com.jinyu.cqkxzsxy.android.listviewsample.entity.UpdateData;


import java.util.LinkedList;
import java.util.List;


/**
 * @创建者 鑫鱻
 * @描述 Android零基础入门到精通系列教程,欢迎关注微信公众号ShareExpert
 */
public class MyUpdateAdapter extends BaseAdapter {
    private Context mContext;
    private List<UpdateData> mUpdateData;


    public MyUpdateAdapter() {}
    public MyUpdateAdapter( Context context, List<UpdateData> UpdateDatas) {
        this.mUpdateData = UpdateDatas;
        this.mContext = context;
    }


    /**
     * 添加列表项
     * @param position
     * @param UpdateData
     */
    public void add(int position, UpdateData UpdateData){
        if (null == mUpdateData) {
            mUpdateData = new LinkedList<>();
        }
        mUpdateData.add(position,UpdateData);
        notifyDataSetChanged();
    }


    /**
     * 更新列表内容
     * @param UpdateDatas
     */
    public void update(List<UpdateData> UpdateDatas){
        if (null == mUpdateData) {
            mUpdateData = new LinkedList<>();
        }
        mUpdateData.clear();
        mUpdateData.addAll(UpdateDatas);

        notifyDataSetChanged();
    }


    /**
     * 更新列表项
     * @param position
     * @param UpdateData
     */
    public void update(int position,UpdateData UpdateData){
        if(mUpdateData != null && position < mUpdateData.size()) {
            mUpdateData.set(position, UpdateData);
        }
        notifyDataSetChanged();
    }


    /**
     * 移除指定列表项
     * @param position
     */
    public void remove(int position) {
        if(mUpdateData != null && 0 != getCount()) {
            mUpdateData.remove(position);
        }
        notifyDataSetChanged();
    }


    /**
     * 清空列表数据
     */
    public void clear() {
        if(mUpdateData != null) {
            mUpdateData.clear();
        }
        notifyDataSetChanged();
    }


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


    @Override
    public UpdateData getItem(int position) {
        return mUpdateData.get(position);
    }

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


    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder = null;
        if(null == convertView){
            convertView = LayoutInflater.from(mContext).inflate(R.layout.updatedata_item, null);
            holder = new ViewHolder();
            holder.img_icon = (ImageView) convertView.findViewById(R.id.icon_img);
            holder.txt_content = (TextView) convertView.findViewById(R.id.content_tv);
            convertView.setTag(holder);
        }else{
            holder = (ViewHolder) convertView.getTag();
        }


        UpdateData UpdateData = getItem(position);
        holder.img_icon.setImageResource(UpdateData.getImgId());
        holder.txt_content.setText(UpdateData.getContent());
        return convertView;
    }


    private class ViewHolder{
        ImageView img_icon;
        TextView txt_content;
    }
}

接下来为ListView提供Adapter,使用自定义的BaseAdapter决定ListView所要显示的列表项,然后为4个按钮设置监听监听器。新建UpdateDataActivity.java文件,加载上面新建的布局文件,具体代码如下:

package com.jinyu.cqkxzsxy.android.listviewsample;


import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;
import android.widget.ListView;


import com.jinyu.cqkxzsxy.android.listviewsample.adapter.MyUpdateAdapter;
import com.jinyu.cqkxzsxy.android.listviewsample.entity.UpdateData;


import java.util.LinkedList;
import java.util.List;


public class UpdateDataActivity extends AppCompatActivity implements View.OnClickListener {
    private ListView mListView = null; // 列表
    private Button mAddBtn = null; // 添加列表项按钮
    private Button mUpdateBtn = null; // 更新列表按钮
    private Button mDeleteBtn = null; // 删除列表项按钮
    private Button mClearBtn = null; // 清空列表数据
    private MyUpdateAdapter mAdapter = null;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.updatedata_layout);


        // 获取界面组件
        mListView = (ListView) findViewById(R.id.listview);
        mAddBtn = (Button) findViewById(R.id.add_btn);
        mUpdateBtn = (Button) findViewById(R.id.update_btn);
        mDeleteBtn = (Button) findViewById(R.id.delete_btn);
        mClearBtn = (Button) findViewById(R.id.clear_btn);


        // 添加列表控内容视图
        View emptyView = findViewById(R.id.empty_tv);
        mListView.setEmptyView(emptyView);


        // 初始化列表
        List<UpdateData> datas = new LinkedList<UpdateData>();
        mAdapter = new MyUpdateAdapter(this, datas);
        mListView.setAdapter(mAdapter);


        // 设置按钮点击事件监听器
        mAddBtn.setOnClickListener(this);
        mUpdateBtn.setOnClickListener(this);
        mDeleteBtn.setOnClickListener(this);
        mClearBtn.setOnClickListener(this);
    }


    @Override
    public void onClick(View view) {
        switch (view.getId()){
            case R.id.add_btn:
                addItem();
                break;
            case R.id.update_btn:
                updateData();
                break;
            case R.id.delete_btn:
                deleteItem();
                break;
            case R.id.clear_btn:
                clearData();
                break;
            default:
                break;
        }
    }


    /**
     * 添加列表项
     */
    private void addItem() {
        int position = getRandomPosition();
        mAdapter.add(position, new UpdateData(R.mipmap.ic_launcher, "随机添加" + position));
    }


    /**
     * 更新列表内容
     */
    private void updateData() {
        int position = getRandomPosition();
        mAdapter.update(position, new UpdateData(R.mipmap.ic_launcher, "更新" + getRandomNumber()));
    }


    /**
     * 删除列表项
     */
    private void deleteItem() {
        int position = getRandomPosition();
        mAdapter.remove(position);
    }


    /**
     * 清空列表数据
     */
    private void clearData(){
        mAdapter.clear();
    }


    /**
     * 获取列表随机位置
     * @return
     */
    private int getRandomPosition() {
        int count = mAdapter.getCount();
        return (int) (Math.random() * count);
    }


    /**
     * 获取100以内的随机数
     * @return
     */
    private double getRandomNumber(){
        return Math.random() * 100;
    }
}

修改启动的Activity,运行程序,可以看到下面左图所示界面效果。

然后点击添加按钮,在列表中随机添加一些列表项,可以看到列表数据动态更新,如上图右侧所示。

然后再点击更新按钮,可以随机更新列表数据,如下图左侧所示。

再点击删除按钮,可以看到将会从列表中删除随机列表项,如上图右侧所示。

点击清空按钮,可以将列表所有数据全部清空,显示启动时的页面。

从以上几个操作,可以看到动态更新时离不开每次调用notifyDataSetChanged()方法,这个方法的主要作用就是当适配器里面的内容发生改变时需要强制调用getView()方法来刷新每个Item的内容。

原文发布于微信公众号 - 分享达人秀(ShareExpert)

原文发表时间:2017-08-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android相关

AAC---DataBinding使用

DataBinding类似于ButterKnife,可以将数据结构与XML绑定,节省了很多Activity中UI的代码,比如说findViewById等。也可以...

19930
来自专栏酷玩时刻

统一管理项目中的接口回调

无论是 Java Web 开发还是 Android 开发我们都避免不了异步处理业务的逻辑。有异步的出现一定就有异步结果(接口)的回调。你之前是不是有为每一个异步...

9840
来自专栏Android相关

AAC---LiveData

LiveData是一个与Activity/Fragment生命周期相关(lifecycle-aware)的Observer类。而这种相关性(awareness ...

12220
来自专栏玩转全栈

flutter接入现有的app详细介绍

接入的方式,我是参考的官方的介绍文档,我这里尝试的是android的接入方式,还算比较顺利。

75930
来自专栏jianhuicode

如何使用融云地图,文件等插件--融云 Android SDK 2.8.0+ Extension 开发文档

转载自融云 Android SDK 2.8.0+ Extension 开发文档 融云 SDK 2.8.0 后对 会话界面输入区域、+号扩展区域、语音消息、Emo...

350100
来自专栏向治洪

Android Remote Views

听名字就可以看出,remote views是一种远程view,感觉有点像远程service,其实remote views是view的一个结构,他可以在其他的进程...

20470
来自专栏静默虚空的博客

NSIS 打包脚本基础

简介 NSIS(Nullsoft Scriptable Install System)是一个开源的 Windows 系统下安装程序制作程序。它提供了安装、卸载、...

54360
来自专栏7号代码

Android网络与数据存储——File存储(实现SD卡文件浏览器)

AndroidManifest.xml中manifest标签下有一个属性android:installLocation,用于指定应用程序安装在什么地方,该属性有...

30130
来自专栏码农笔录

Android全能开源项目xUtils3开发教程、简单封装

18320
来自专栏KK的小酒馆

Service的跨进程开发Android开发高级进阶

Service的跨进程通信主要由两种Android提供的方法进行,一个是AIDL,通过创建一个AIDL文件来完成,另一个是利用Messenger,发送Messa...

13620

扫码关注云+社区

领取腾讯云代金券