1. 首页
  2. Android
  3. Android 之 ListView 绑定数据源

Android 之 ListView 绑定数据源

2019/03/04 17:26:39 发表 2019/03/05 11:45:38 更新 原创 素颜 257 0 0

在 android 开发中 ListView 是比较常用的组件，它以列表的形式展示具体内容，并且能够根据数据的长度自适应显示。

ListView 列表显示需要的三个元素：

  • ListView 中用来显示每列数据的 View 。

  • 填充 View 的数据或者图片等。

  • 链接数据与 ListView 的适配器

首先要了解什么是适配器（Adapter）。适配器是一个连接数据和 AdapterView（ListView 就是一个典型的 AdapterView）的桥梁，通过它能有效地实现数据与 AdapterView 的分离设置，使 AdapterView 与数据的绑定更加简便，修改更加方便。

下面介绍几种常用的适配器：

  • BaseAdapter：通用的基础适配器。

  • ArrayAdapter：用来绑定一个数组，支持泛型操作。最为简单，只能显示一行数据。

  • SimpleAdapter：用来绑定在 xml 中定义的控件对应的数据。扩充性较好，可以自定义各种效果。

  • SimpleCursorAdapter：用来绑定游标得到的数据。可以认为是 SimpleAdapter 对数据库的简单结合，可以方面的把数据库的内容以列表的形式展示出来。

下面分别介绍几种常用绑定数据的方法：

1、最简单的绑定数据方法：通过android:entries属性绑定数据源

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     tools:context="${relativePackage}.${activityClass}" >
  6.     <ListView
  7.         android:id="@+id/listView1"
  8.         android:layout_width="match_parent"
  9.         android:layout_height="match_parent"
  10.         android:entries="@array/arrayname" >
  11.     </ListView>
  12. </RelativeLayout>

xlm文件配置：res–>values–>array.xml

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <resources>
  3.     <string-array name="arrayname">
  4.         <item>张三</item>
  5.         <item>李四</item>
  6.         <item>王五</item>
  7.         <item>赵六</item>
  8.     </string-array>
  9. </resources>

运行结果如图：

2、ArrayAdapter 绑定数组资源

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     tools:context="${relativePackage}.${activityClass}" >
  7.     <ListView
  8.         android:id="@+id/listView1"
  9.         android:layout_width="match_parent"
  10.         android:layout_height="match_parent">
  11.     </ListView>
  13. </RelativeLayout>

下面内容是自定义一个数组绑定到 ListView 上面，当然数组可以是各种资源。下面以字符串数组为例说明：

  1. public class ArrayAdapterActivity extends Activity implements OnItemClickListener {
  2.   private ArrayAdapter<String> adapter;
  3.   private ListView mListView;
  5.   @Override
  6.   protected void onCreate(Bundle savedInstanceState) {
  7.     super.onCreate(savedInstanceState);
  8.     setContentView(R.layout.activity_array_adapter);
  10.     String[] names = {"测试ArrayAdapter1", "测试ArrayAdapter2", "测试ArrayAdapter3", "测试ArrayAdapter4"};
  11.     adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, names);
  12.     mListView = (ListView)findViewById(R.id.listView1);
  13.     mListView.setAdapter(adapter);
  14.   }
  16.   @Override
  17.   public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
  18.     // TODO Auto-generated method stub
  19.     Toast.makeText(this, "你点击的是第:" + position + "个", 2000).show();
  20.   }
  21. }

运行结果如图：

3、SimpleAdapter 绑定数据相对灵活一些，可以自定义各种样式绑定不同的数据源

  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
  2.     xmlns:tools="http://schemas.android.com/tools"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     tools:context="${relativePackage}.${activityClass}" >
  7.     <ListView
  8.         android:id="@+id/listView1"
  9.         android:layout_width="match_parent"
  10.         android:layout_height="match_parent" >
  11.     </ListView>
  13. </RelativeLayout>

自定义列表样式：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:padding="10dp"
  6.     android:gravity="center_vertical"
  7.     android:orientation="horizontal" >
  9.     <ImageView
  10.         android:id="@+id/imageView1"
  11.         android:layout_width="wrap_content"
  12.         android:layout_height="wrap_content"/>
  14.     <TextView
  15.         android:id="@+id/textView1"
  16.         android:layout_width="wrap_content"
  17.         android:layout_height="wrap_content"
  18.         android:layout_weight="1"
  19.         android:text="TextView" />
  21.     <ImageView
  22.         android:id="@+id/imageView2"
  23.         android:layout_width="wrap_content"
  24.         android:layout_height="wrap_content"
  25.         android:src="@drawable/arrow_content" />
  27. </LinearLayout>

一下数据源也可以是 xml 文件等数据源，当然也可以是网络请求数据。

  1. @Override
  2. protected void onCreate(Bundle savedInstanceState) {
  3.   super.onCreate(savedInstanceState);
  4.   setContentView(R.layout.activity_simple_adapter);
  6.   SimpleAdapter adapter = new SimpleAdapter(this, getData(), R.layout.list_item,
  7.       new String[] {"title", "img"},
  8.       new int[] {R.id.textView1, R.id.imageView1});
  9.   ListView mListView = (ListView)findViewById(R.id.listView1);
  10.   mListView.setAdapter(adapter);
  11.   mListView.setOnItemClickListener(this);
  12. }
  14. private List<Map<String, Object>> getData() {
  15.   List<Map<String, Object>> list = new ArrayList<Map<String, Object>>();
  17.   Map<String, Object> map = new HashMap<String, Object>();
  18.   map.put("title", "测试SimpleAdapter1");
  19.   map.put("img", R.drawable.ic_launcher);
  20.   list.add(map);
  22.   map = new HashMap<String, Object>();
  23.   map.put("title", "测试SimpleAdapter2");
  24.   map.put("img", R.drawable.ic_launcher);
  25.   list.add(map);
  27.   map = new HashMap<String, Object>();
  28.   map.put("title", "测试SimpleAdapter3");
  29.   map.put("img", R.drawable.ic_launcher);
  30.   list.add(map);
  32.   return list;
  33. }
  34. @Override
  35. public void onItemClick(AdapterView<?> parent, View view, int position,
  36.                         long id) {
  37.   // TODO Auto-generated method stub
  38.   Map<String, Object> map = (Map<String, Object>)parent.getItemAtPosition(position);
  39.   Toast.makeText(this, "你点击的是第:" + position + "个 ，" + map.get("title"), 2000).show();
  40. }

4、自定义 Adapter，这也是最为灵活的方法，下面仍然用菜单列表为例：

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:layout_width="match_parent"
  4.     android:layout_height="match_parent"
  5.     android:background="@color/bgMainColor"
  6.     android:orientation="vertical" >
  8.     <ListView
  9.         android:id="@+id/listView"
  10.         android:layout_width="match_parent"
  11.         android:layout_height="match_parent"
  12.         android:layout_marginTop="@dimen/dp20" />
  14. </LinearLayout>

后台代码

  1. public class MeFragment extends Fragment implements OnItemClickListener {
  3.   private ListView mListView;
  4.   private MenuAdapter menuAdapter;
  6.   @Override
  7.   public View onCreateView(LayoutInflater inflater, ViewGroup container,
  8.                            Bundle savedInstanceState) {
  9.     View view = inflater.inflate(R.layout.fragment_me, null);
  11.     mListView = (ListView) view.findViewById(R.id.listView);
  12.     mListView.setDivider(new ColorDrawable(Color.LTGRAY));
  13.     mListView.setDividerHeight(1);
  15.     menuAdapter = new MenuAdapter(getActivity(), getDataList());
  16.     mListView.setAdapter(menuAdapter);
  17.     mListView.setOnItemClickListener(this);
  19.     return view;
  20.   }
  22.   /**
  23.    * 获得菜单数据
  24.    * @return
  25.    */
  26.   public List<MenuBean> getDataList() {
  27.     List<MenuBean> menuList = new ArrayList<>();
  29.     MenuBean bean = new MenuBean("手机号变更", HelpActivity.class);
  30.     menuList.add(bean);
  32.     bean = new MenuBean("修改登录密码", HelpActivity.class);
  33.     menuList.add(bean);
  35.     bean = new MenuBean("设置/修改交易密码", HelpActivity.class);
  36.     menuList.add(bean);
  38.     bean = new MenuBean("设置/修改支付宝账号", HelpActivity.class);
  39.     menuList.add(bean);
  41.     bean = new MenuBean("我的钱包", HelpActivity.class);
  42.     menuList.add(bean);
  44.     return menuList;
  45.   }
  47.   @Override
  48.   public void onItemClick(AdapterView<?> parent, View view, int position,
  49.                           long id) {
  50.     // TODO Auto-generated method stub
  51.     MenuBean item = (MenuBean) parent.getItemAtPosition(position);
  52.     Intent intent = new Intent();
  53.     intent.setClass(getActivity(), item.getCls());
  54.     startActivity(intent);
  55.   }
  1. /**
  2.  * 菜单栏
  3.  * @author mategnfei
  4.  */
  5. public class MenuBean implements Serializable {
  7.   private static final long serialVersionUID = 1L;
  8.   private Integer icon;
  9.   private String title;
  10.   private String separator = null;//空-菜单组之间的上下间隔;默认false，没有间隔
  11.   private Class<?> cls = null;//点击跳转的Activity
  13.   public MenuBean() {
  14.   }
  16.   public Integer getIcon() {
  17.     return icon;
  18.   }
  20.   public void setIcon(Integer icon) {
  21.     this.icon = icon;
  22.   }
  24.   public MenuBean(Integer icon, String title, String separator, Class<?> cls) {
  25.     super();
  26.     this.icon = icon;
  27.     this.title = title;
  28.     this.separator = separator;
  29.     this.setCls(cls);
  30.   }
  32.   public MenuBean(String title, String separator, Class<?> cls) {
  33.     super();
  34.     this.title = title;
  35.     this.separator = separator;
  36.     this.setCls(cls);
  37.   }
  39.   public MenuBean(String title, Class<?> cls) {
  40.     super();
  41.     this.title = title;
  42.     this.setCls(cls);
  43.   }
  45.   public String getTitle() {
  46.     return title;
  47.   }
  49.   public void setName(String title) {
  50.     this.title = title;
  51.   }
  53.   public String getSeparator() {
  54.     return separator;
  55.   }
  57.   public void setSeparator(String separator) {
  58.     this.separator = separator;
  59.   }
  61.   public Class<?> getCls() {
  62.     return cls;
  63.   }
  65.   public void setCls(Class<?> cls) {
  66.     this.cls = cls;
  67.   }
  68. }
  1. /**
  2.  * 菜单栏适配器
  3.  * @author matengfei
  4.  */
  5. public class MenuAdapter extends BaseAdapter {
  7.   private ViewHolder holder;
  8.   private List<MenuBean> menuList;
  9.   private Context context;
  10.   private MenuBean bean;
  12.   public MenuAdapter(Context context, List<MenuBean> mList) {
  13.     this.context = context;
  14.     this.menuList = mList;
  15.   }
  17.   @Override
  18.   public int getCount() {
  19.     // TODO Auto-generated method stub
  20.     return menuList.size();
  21.   }
  23.   @Override
  24.   public Object getItem(int position) {
  25.     // TODO Auto-generated method stub
  26.     return menuList.get(position);
  27.   }
  29.   @Override
  30.   public long getItemId(int position) {
  31.     // TODO Auto-generated method stub
  32.     return position;
  33.   }
  35.   @Override
  36.   public View getView(int position, View convertView, ViewGroup parent) {
  37.     if(convertView == null) {
  38.       holder = new ViewHolder();
  39.       convertView = LayoutInflater.from(context).inflate(R.layout.item_menu, null);
  40.       holder.ivIcon = (ImageView) convertView.findViewById(R.id.iv_icon);
  41.       holder.tvTitle = (TextView)convertView.findViewById(R.id.tv_title);
  42.       convertView.setTag(holder);
  43.     } else {
  44.       holder = (ViewHolder) convertView.getTag();
  45.     }
  47.     bean = menuList.get(position);
  48.     if(bean != null) {
  49.       if(bean.getSeparator() != null) {
  50.         return LayoutInflater.from(context).inflate(R.layout.item_null, null);
  51.       }
  52.       if (bean.getIcon() == null) {
  53.         holder.ivIcon.setVisibility(View.GONE);
  54.       } else {
  55.         holder.ivIcon.setBackgroundResource(bean.getIcon());
  56.       }
  57.       holder.tvTitle.setText(bean.getTitle());
  58.     }
  60.     return convertView;
  61.   }
  62.   private static class ViewHolder {
  63.     ImageView ivIcon;
  64.     TextView tvTitle;
  65.   }
  66. }

运行结果如图：

（完）