您现在的位置是：首页 > 文章详情

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

日期：2018-09-29点击：380收藏

前言：

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);