Android Studio列表用法之一：ListView图文列表显示（实例）

前言：

        listview这个列表控件在android中是最常用的控件之一，几乎在所有的应用程序中都会使用到它。

        目前正在做的一个记账本app中就用到了它，主要是用它来呈现收支明细，是一个图文列表的呈现方式，下面就讲讲具体是如何实现的。

 

效果图：

        该功能是在另一篇博文【android studio 使用viewpager + fragment实现滑动菜单tab效果 --简易版】的基础上进行添加的

        

 

实现的思路：

        1、该功能是用fragment来做布局的，首先创建一个fragment.xml布局文件，在里面添加一个listview控件；

        2、由于list里面既要呈现图片，也要呈现文字，所以再创建一个fragment_item.xml布局文件，在里面添加imageview、textview，用来显示图片和文字；

        3、使用simpleadapter来绑定数据；

 

具体实现逻辑：

        1、创建fragment_one.xml

1 <listview
2     android:id="@+id/lv_expense"
3     android:layout_width="match_parent"
4     android:layout_height="wrap_content">
5 
6 </listview>

 

        2、创建fragment_one_item.xml

 1 <imageview
 2     android:id="@+id/image_expense"
 3     android:layout_width="wrap_content"
 4     android:layout_height="wrap_content"
 5     android:paddingtop="10dp"
 6     android:paddingright="10dp"
 7     android:paddingbottom="10dp"
 8     android:adjustviewbounds="true"
 9     android:maxwidth="72dp"
10     android:maxheight="72dp"/>
11 <textview
12     android:id="@+id/tv_expense_category"
13     android:layout_width="wrap_content"
14     android:layout_height="wrap_content"
15     android:layout_weight="1"
16     android:padding="10dp"/>
17 <textview
18     android:id="@+id/tv_expense_money"
19     android:layout_width="wrap_content"
20     android:layout_height="wrap_content"
21     android:text="10.0000"/>

 

        3、主逻辑onefragment.java

 1 list<map<string, object>> listitem = new arraylist<map<string, object>>(); //存储数据的数组列表
 2 //写死的数据，用于测试
 3 int[] image_expense = new int[]{r.mipmap.detail_income, r.mipmap.detail_payout }; //存储图片
 4 string[] expense_category = new string[] {"发工资", "买衣服"};
 5 string[] expense_money = new string[] {"30000.00", "1500.00"};
 6 for (int i = 0; i < image_expense.length; i++)
 7 {
 8     map<string, object> map = new hashmap<string, object>();
 9     map.put("image_expense", image_expense[i]);
10     map.put("expense_category", expense_category[i]);
11     map.put("expense_money", expense_money[i]);
12     listitem.add(map);
13 }
14 
15 //创建适配器
16 // 第一个参数是上下文对象
17 // 第二个是listitem
18 // 第三个是指定每个列表项的布局文件
19 // 第四个是指定map对象中定义的两个键（这里通过字符串数组来指定）
20 // 第五个是用于指定在布局文件中定义的id（也是用数组来指定）
21 simpleadapter adapter = new simpleadapter(getactivity()
22         , listitem
23         , r.layout.fragment_one_item
24         , new string[]{"expense_category", "expense_money", "image_expense"}
25         , new int[]{r.id.tv_expense_category, r.id.tv_expense_money, r.id.image_expense});
26         
27 listview listview = (listview) v.findviewbyid(r.id.lv_expense);
28 listview.setadapter(adapter);

 

        以上就是整个功能实现的逻辑，本文代码中，list中呈现的数据是写死的，从数据库中获取源数据的方式可以参考我的源代码，且使用的数据库是sqlite。

        源代码：https://github.com/annehan/listviewdemo

        sqlite数据库的使用：android studio 通过一个登录功能介绍sqlite数据库的使用