整理一下Android中的ListView

时间 2020-11-30

标签 java android 网络 app ide 布局 this spa 线程栏目 Android 繁體版

原文原文链接

Android中的listview目测是一个使用频率很高的组件，因此今天来总结一下listview的基础的用法。java

1、最基本的绑定android

java代码：网络

package com.tmnw;
import java.util.ArrayList;
import java.util.List;
import android.app.Activity;
import android.os.Bundle;
import android.widget.ArrayAdapter;
import android.widget.ListView;
public class MainActivity extends Activity {
    /*----ListView MVC实现----*/
    // model
    List<String> data;
    // view
    ListView lv;
    // controller
    ArrayAdapter<String> adapter;
    int size = 1;
    // 初始化组件
    private void initWidget() {
        lv = (ListView) findViewById(R.id.list);
    }
    // 初始化绑定数据
    private void initData() {
        if (lv == null)
            return;
        // 第一步：获取数据源（model）
        data = new ArrayList<String>();
        appendData();
        // 第二步：new一个适配器（controller）
        // 参数1：Context
        // 参数2：listview的item布局
        // 参数3：数据填充在item布局下的那个控件id
        // 参数4：填充的数据
        adapter = new ArrayAdapter<String>(this, R.layout.simple_text,
                R.id.text1, data);
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
        // 第三步：给listview设置适配器（view）
        lv.setAdapter(adapter);
    }
    // 添加数据
    private void appendData() {
        if (data == null)
            return;
        for (int i = 0; i < 10; i++) {
            data.add("" + size++);
        }
    }
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initWidget();
        initData();
    }
}

（吐槽一下为神马把我代码里的空行去掉了，感受好难看）app

xml代码：ide

activity_main.xml
布局

<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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >
    <ListView
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="1" >
    </ListView>
</LinearLayout>

simple_text.xml
ui

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/text1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="5dp"
    android:textIsSelectable="false" />

画面效果：this

2、给ListView添加头和尾部spa

java代码：线程

// 初始化组件
    private void initWidget() {
        lv = (ListView) findViewById(R.id.list);
        header = getLayoutInflater().inflate(R.layout.simple_text, null);
        ((TextView) header.findViewById(R.id.text1)).setText("这是一个头部");
        footer = getLayoutInflater().inflate(R.layout.simple_text, null);
        ((TextView) footer.findViewById(R.id.text1)).setText("加载中...");
    }
// 初始化绑定数据
    private void initData() {
        if (lv == null)
            return;
        // 第一步：获取数据源（model）
        data = new ArrayList<String>();
        appendData();
        // 第二步：new一个适配器（controller）
        // 参数1：Context
        // 参数2：listview的item布局
        // 参数3：数据填充在item布局下的那个控件id
        // 参数4：填充的数据
         adapter = new ArrayAdapter<String>(this, R.layout.simple_text,
         R.id.text1, data);
        // 第三步：给listview设置适配器（view）
        // addHeaderView和addFooterView必定要有一个在setAdapter以前调用，或者2个都在setAdapter以前调用
        lv.addHeaderView(header);
        lv.setAdapter(adapter);
        // 这里的参数null是数据，false说明是不能被选中的
        lv.addFooterView(footer, null, false);
        // 设置尾部无分割线，头部不想要分割线同理
        lv.setFooterDividersEnabled(false);
    }

（只贴了部分修改过的代码）

画面效果：

3、给ListView添加下滑加载中的一种实现方式

由于listview要滚动，因此给它添加滚动监听，为了书写简便，我让本Activity实现了OnScrollListener

public class MainActivity extends Activity implements OnScrollListener

java代码：

先增长几个变量

Button scrollInfo;
Thread currentThread;

初始化组件代码修改下

lv = (ListView) findViewById(R.id.list);
        scrollInfo = (Button) findViewById(R.id.scroll_info);
        header = getLayoutInflater().inflate(R.layout.simple_text, null);
        ((TextView) header.findViewById(R.id.text1)).setText("这是一个头部");
        footer = getLayoutInflater().inflate(R.layout.simple_text, null);
        ((TextView) footer.findViewById(R.id.text1)).setText("加载中...");

在onCreate中添加

lv.setOnScrollListener(this);

实现OnScrollListener方法：

@Override
public void onScrollStateChanged(AbsListView view, int scrollState) {
    switch (scrollState) {
    // 手指接触屏幕滑动
    case OnScrollListener.SCROLL_STATE_TOUCH_SCROLL:
        // 手指离开屏幕作惯性滑动
    case OnScrollListener.SCROLL_STATE_FLING:
        // 当滑动要最后一行时加载数据
        if (view.getLastVisiblePosition() == view.getCount() - 1) {
            // 能够经过网络加载数据等。
            // 判断是否仍是在加载中
            if (currentThread == null || !currentThread.isAlive()) {
                // 添加listview尾部控件加载中
                lv.addFooterView(footer, null, false);
                // 启动线程加载数据
                currentThread = new DataLoadThread();
                currentThread.start();
            }
        }
        break;
    // 不滑动
    case OnScrollListener.SCROLL_STATE_IDLE:
        break;
    }
}
@Override
public void onScroll(AbsListView view, int firstVisibleItem,
        int visibleItemCount, int totalItemCount) {
    // firstVisibleItem:第一个显示的item位置
    // visibleItemCount：当前显示的item个数
    // totalItemCount：listview的item总个数
    scrollInfo.setText("first:" + firstVisibleItem + "  visible:"
            + visibleItemCount + "  total:" + totalItemCount);
}

添加加载数据的线程

// 模拟加载数据
    class DataLoadThread extends Thread {
        @Override
        public void run() {
            try {
                Thread.sleep(2000);
                appendData();
                // 由于Android控件只能经过主线程（ui线程）更新，因此用此方法
                runOnUiThread(new Runnable() {
                    @Override
                    public void run() {
                        // 加载完毕，移除尾部控件
                        lv.removeFooterView(footer);
                        // 当数据改变时调用此方法通知view更新
                        adapter.notifyDataSetChanged();
                    }
                });
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
        }
    }

画面效果：

4、给ListView添加item点击事件

为了书写简便，我让本Activity实现了OnItemClickListener

public class MainActivity extends Activity implements OnScrollListener,
        OnItemClickListener

java代码：

而后实现其方法

@Override
    public void onItemClick(AdapterView<?> parent, View view, int position,
            long id) {
        Toast.makeText(
                this,
                "position:" + position + "  item:"
                        + parent.getItemAtPosition(position).toString(),
                Toast.LENGTH_LONG).show();
    }

给listview添加监听

lv.setOnItemClickListener(this);

画面效果：

(模拟器出问题了使用了真机调试，没想到图片这么大,不过比模拟器快多了)

5、自定义适配器的使用

java代码：

// 自定义基础适配器
    class MyAdapter extends BaseAdapter {
        // listview显示的个数，若是有数据源有10条，而返回5，那么lv永远只能显示5条
        // 因此最好就返回数据源的条数就行了
        @Override
        public int getCount() {
            return data.size();
        }
        // 获取item绑定的数据时调用
        @Override
        public Object getItem(int position) {
            return data.get(position);
        }
        // itemId
        @Override
        public long getItemId(int position) {
            return position;
        }
        // lv显示几个item就会调用几回此方法，而后返回一个view对象显示
        // position：位置
        // convertView：若是lv不能显示所有的数据，那么滚动后会把从显示到不显示的View传进来复用
        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            View view;
            if (convertView == null) {
                view = getLayoutInflater().inflate(R.layout.simple_text, null);
            } else {
                view = convertView;
            }
            TextView tv = (TextView) view.findViewById(R.id.text1);
            tv.setText(data.get(position));
            // 隔行变色，能够为所欲为
            if ((position & 1) == 1) {
                tv.setBackgroundResource(android.R.color.holo_green_light);
            } else {
                tv.setBackgroundResource(android.R.color.holo_red_light);
            }
            return view;
        }
    }

而后修改一下setAdapter()

// adapter = new ArrayAdapter<String>(this, R.layout.simple_text,
        // R.id.text1, data);
        adapter = new MyAdapter();

画面效果：

源码

(基础的到此为止，又是一个鸡肉味的周末)