Android-ListView实现过程

实现效果：

image.png

1、初始化Listview、适配器

        private List<Map<String, Object>> data_list;
        Map<String, Object> map1 = new HashMap<String, Object>();
        Map<String, Object> map2 = new HashMap<String, Object>();
        Map<String, Object> map3 = new HashMap<String, Object>();
        Map<String, Object> map4 = new HashMap<String, Object>();

        map1.put("BookImg", icomImageDefault[0]);
        map1.put("BookName", "测试1");
        map1.put("pushImage", icomPushImage[0]);

        map2.put("BookImg", icomImageDefault[0]);
        map2.put("BookName", "测试2");
        map2.put("pushImage", icomPushImage[0]);

        map3.put("BookImg", icomImageDefault[0]);
        map3.put("BookName", "测试3");
        map3.put("pushImage", icomPushImage[0]);

        map4.put("BookImg", icomImageDefault[0]);
        map4.put("BookName", "测试4");
        map4.put("pushImage", icomPushImage[0]);

        data_list = new ArrayList<Map<String, Object>>();
        data_list.add(map1);
        data_list.add(map2);
        data_list.add(map3);
        data_list.add(map4);

        ListView listView = (ListView) view.findViewById(R.id.list_view);
        //新建适配器
        String [] from ={"BookImg","BookName","pushImage"};
        int [] to = {R.id.item_image,R.id.item_name,R.id.item_pushimage};
        SimpleAdapter sim_adapter = new SimpleAdapter(getActivity(),data_list, R.layout.item_shouyelistview, from, to);
        //配置适配器
        listView.setAdapter(sim_adapter);

2、Listview点击事件

        //点击事件
        listView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {

                //position：个数
                System.out.println("第" + position + "个");


            }
        });

3、Listview刷新UI

        //刷新页面
        listView.setAdapter(sim_adapter);
        sim_adapter.notifyDataSetChanged();

4、UI页面demo.xml代码

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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">
    
    <ListView
            android:layout_marginTop="400dp"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/list_view"
    >
    </ListView>
    
</RelativeLayout>

5、ListView item的布局代码itemListView.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="horizontal">
    
    <ImageView
            android:id="@+id/item_image"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            />
    
    <TextView
            android:id="@+id/item_name"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:layout_marginLeft="20dp"
            android:layout_weight="1"
            />
            
    <ImageView
            android:id="@+id/item_pushimage"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="20dp"
            android:layout_gravity="center"
            
            />
    
    
</LinearLayout>