ListView的例子

2024-09-04 22:38
文章标签 例子 listview

本文主要是介绍ListView的例子,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

1. 概述

ListView用于以列表的形式显示数据,使用中,需要通过适配器来显示数据。

2. 总的思想

使用ListView时,涉及到如下几个方面的工作:

  • ListView控件:在某个布局中定义一个ListView控件,用于以列表方式显示一些数据;——对应MVC模式中的View
  • 待显示的数据:所有要显示的数据,通常是Map对象的一个列表;——对应MVC模式中的Model(领域模型)
  • 列表中每一行数据的显示布局:也是View的一部分,对应ListView控件中要显示的每一行数据的具体布局;
  • 适配器:用于把待显示的每一项数据映射(适配)到列表框中的每一行。——对应MVC模式中的Control。


3. SimpleAdapter

SimpleAdapter是最简单的一种适配器,只需要给SimpleAdapter设置数据即可。

3.1 代码

3.1.1 Java代码

package com.example.hellolistview;import java.util.ArrayList;
import java.util.HashMap;import android.app.Activity;
import android.os.Bundle;
import android.widget.ListView;
import android.widget.SimpleAdapter;public class MainActivity extends Activity {@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.my_listview);ListView listView = (ListView) this.findViewById(R.id.list_view);setData(listView);}private void setData(ListView listView) {// each item's layout resource idint student_item_id = R.layout.student_item;// columns namesString[] columnNames = new String[] { "name", "score" };// resource idsint[] ids = new int[] { R.id.student_name, R.id.student_score };// the data to be displayedArrayList<HashMap<String, Object>> students = new ArrayList<HashMap<String, Object>>();HashMap<String, Object> map = null;for (int i = 1; i <= 10; i++) {map = new HashMap<String, Object>();map.put(columnNames[0], "student-" + i);map.put(columnNames[1], String.valueOf(i * 10));students.add(map);}listView.setAdapter(new SimpleAdapter(this, students, student_item_id,columnNames, ids));}}


3.1.2 my_listview.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" ><ListViewandroid:id="@+id/list_view"android:layout_width="fill_parent"android:layout_height="fill_parent"/></LinearLayout>

3.1.3 student_item.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="horizontal" ><TextViewandroid:id="@+id/student_name"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="2"/><TextViewandroid:id="@+id/student_score"android:layout_width="0dp"android:layout_height="wrap_content"android:layout_weight="1"/></LinearLayout>

3.2 代码解读

my_listview.xml资源文件比较简单,它用作整个Activity的界面,其中包括一个ListView控件。

而这个控件中的每一行的UI布局,则对应student_item.xml的定义。

student_item的数据填充,则是由适配器来完成的。——适配器的输入就是领域模型的具体数据。

因为SimpleAdapter帮助我们完成了所有的工作,因此上述代码比较简单。——至于其输入数据及其含义,直接看SimpleAdapter的源码即可。我们在setData()方法中,特意定义了几个变量,它和SimpleAdapter构造函数传入的参数是一致的。

3.3 效果图


4. BaseAdapter

对于上述需求,我们再用BaseAdapter进行改写。通过这种比较,可以进一步理解各种适配器的使用方法、功能差异点。

4.1 代码

只需要Java代码重构如下:

package com.example.hellolistview;import java.util.ArrayList;
import java.util.HashMap;import android.app.Activity;
import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ListView;
import android.widget.TextView;public class MainActivity extends Activity {// each item's layout resource id//private int student_item_id = R.layout.student_item;// columns namesprivate String[] columnNames = new String[] { "name", "score" };// resource ids//private int[] ids = new int[] { R.id.student_name, R.id.student_score };private ArrayList<HashMap<String, Object>> students = new ArrayList<HashMap<String, Object>>();private Context context = null;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.my_listview);context = this;ListView listView = (ListView) this.findViewById(R.id.list_view);createData();//setSimpleAdapter(listView);listView.setAdapter(new AnotherAdapter());}private void createData() {// the data to be displayedHashMap<String, Object> map = null;for (int i = 1; i <= 10; i++) {map = new HashMap<String, Object>();map.put(columnNames[0], "student-" + i);map.put(columnNames[1], String.valueOf(i * 10));students.add(map);}}/*private void setSimpleAdapter(ListView listView) {listView.setAdapter(new SimpleAdapter(this, students, student_item_id,columnNames, ids));}*/public class AnotherAdapter extends BaseAdapter {@Overridepublic int getCount() {return students.size();}@Overridepublic Object getItem(int position) {return students.get(position);}@Overridepublic long getItemId(int position) {return position;}@Overridepublic View getView(int position, View convertView, ViewGroup parent) {if (convertView == null) {convertView = LayoutInflater.from(context).inflate(R.layout.student_item, null);}TextView studentName = (TextView) convertView.findViewById(R.id.student_name);TextView studentScore = (TextView) convertView.findViewById(R.id.student_score);studentName.setText((CharSequence) students.get(position).get(columnNames[0]/*"name"*/));studentScore.setText((CharSequence) students.get(position).get("score"));return convertView;}}
}

通过查看SimpleAdapter的源代码,可以发现这里的AnotherAdapter的代码和SimpleAdapter是一致的。——只是SimpleAdapter对getView()做了各种支持。


事实上,SimpleAdapter继承自BaseAdapter,并实现了Filterable接口。——后面会讲述如何过滤数据。




这篇关于ListView的例子的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1137234

相关文章

JavaFX环境的搭建和一个简单的例子

之前在网上搜了很多与javaFX相关的资料,都说要在Eclepse上要安装sdk插件什么的,反正就是乱七八糟的一大片,最后还是没搞成功,所以我在这里写下我搭建javaFX成功的环境给大家做一个参考吧。希望能帮助到你们! 1.首先要保证你的jdk版本能够支持JavaFX的开发,jdk-7u25版本以上的都能支持,最好安装jdk8吧,因为jdk8对支持JavaFX有新的特性了,比如:3D等;

javaScript日期相加减例子

当前时间加上2天 var d = new Date(“2015-7-31”); d.setDate(d.getDate()+2); var addTwo=d.getFullYear()+”年”+(d.getMonth()+1)+”月”+d.getDate()+”日”; “控制台输出===============”+”当前日期加2天:”+addTwo; 使用这种方法,月份也会给你计算.

设计模式大全和详解,含Python代码例子

若有不理解,可以问一下这几个免费的AI网站 https://ai-to.cn/chathttp://m6z.cn/6arKdNhttp://m6z.cn/6b1quhhttp://m6z.cn/6wVAQGhttp://m6z.cn/63vlPw 下面是设计模式的简要介绍和 Python 代码示例,涵盖主要的创建型、结构型和行为型模式。 一、创建型模式 1. 单例模式 (Singleton

JSP 简单表单显示例子

<html><!--http://localhost:8080/test_jsp/input.html --><head><meta http-equiv="Content-Type" content="text/HTML; charset=utf-8"><title>input页面</title></head><body><form action="input.jsp" method

shell循环sleep while例子 条件判断

i=1# 小于5等于时候才执行while [ ${i} -le 5 ]doecho ${i}i=`expr ${i} + 1`# 休眠3秒sleep 3doneecho done 参考 http://c.biancheng.net/cpp/view/2736.html

listview与复选框的合并使用

在使用listview的过程中,我们常常需要使用复选框,实现一些批处理功能。这时候我们需使用自定义的adapter,实现相关复选框的事件响应。      首先在adapter定义一个哈希表,用于存放复选框的选中情况:      如private static HashMap<String,Boolean> isSelected,private static HashMap<Inter

【ReactJS】通过一个例子学习React组件的生命周期

源代码 <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Reac

简单的android Listview使用例子

为了熟悉Listview的使用,做了一个小例子联系一下, 主要步骤: 1. 在MainActivity中,创建一个adapter对象(可以是android自带的ArrayAdapter,也可以是自定义的如SongAdapter) 2. 如果自定义,就要创建ListView的子项,如song_listview_item.xml 3. 创建ListView对象,并用setAdapter方法把a

兔子--计算listview的高度,解决listview与scrollview控件冲突

/** * 计算ListView的高度 * * @param listView */ public void setListViewHeightBasedOnChildren(ListView listView) { // 获取ListView对应的Adapter OrderGoodsAdapter listAdapter = (OrderGoodsAdapter) listView.getAda

Flutter-listview的item左右滑动,删除item

import 'package:flutter/material.dart';//列表左右滑动删除void main() =>runApp(MaterialApp(home: HomePage(),));class HomePage extends StatelessWidget {final List<String> items = List.generate(20, (index) =>