专栏首页分享达人秀ListView数据动态更新

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),作者:鑫鱻

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 揭开RecyclerView庐山真面目

    大家还记得之前在第38期~第50期都在学习列表控件吗,其中用了8期讲ListView的使用,相信都已经掌握好了吧。那么来学习在Android 5.X新...

    分享达人秀
  • 最简单最常用的LinearLayout线性布局

    良好的布局设计对于UI界面至关重要,在前面也简单介绍过,目前Android中的布局主要有6种,创建的布局文件默认为RelativeLayout相对布局,...

    分享达人秀
  • AdapterViewFlipper轻松完成图片轮播

    上一期学习了ExpandableListView的使用,你已经掌握了吗?本期开始学习AdapterViewFilpper的使用。 一、认识Adapter...

    分享达人秀
  • ListView实现聊天列表之处理不同数据项

    通常我们用惯的ListView每一项的布局都是相同的,只是控件所绑定的数据不同。但单单只是如此并不能满足我们某些特殊需求,比如我们常见的QQ、微信的聊天列表,除...

    砸漏
  • Android布局之绝对布局AbsoluteLayout详解

    本文实例为大家分享了Android绝对布局AbsoluteLayout的具体代码,供大家参考,具体内容如下

    砸漏
  • Android实现商城购物车功能

    最近公司项目做商城模块,需要实现购物车功能,主要实现了单选、全选,金额合计,商品删除,商品数量加减等能,先看看效果图:

    SoullessCoder
  • 《Monkey Android》第6课点击事件的四种写法

    我们在“Button”上按住“ctrl”键,并点击鼠标左键,跟踪到Button的源码类,发现它是继承于TextView,继续跟踪,发现TextView继承于Vi...

    GitOPEN
  • 【Android】这效果,我没法描述

    Gavin-ZYX
  • Android实现商城购物车功能的实例代码

    最近公司项目做商城模块,需要实现购物车功能,主要实现了单选、全选,金额合计,商品删除,商品数量加减等功能,先看看效果图:

    砸漏
  • android使用Activity

    第一个例子,显示网址 首先创建工程 ? 按照提示填入 我使用的是2.3版本,所以Min SDK Version填10 修改/res/layout/下main....

    cloudskyme

扫码关注云+社区

领取腾讯云代金券