Android菜鸟起飞|ListVIew使用指南

作者: 小胖0_0 | 来源:发表于2016-08-07 13:32 被阅读732次

    关于ListView:

    ListView是Android开发中最常用的控件之一,作用是将超出屏幕显示范围的大量数据通过列表的方式填充在屏幕中,允许用户通过手指滑动的方式将屏幕外的数据滚动到屏幕内显示出来,同时屏幕上原有的数据则会滚动出屏幕。比如联系人列表。

    ListView必须配合相应的数据适配器使用,据适配器的作用是把复杂的数据(数组、链表、集合、数据库等)填充在指定的视图界面上。也就是说,ListView只是一个视图,而这个视图要显示的数据,都储存在数据适配器中。

    数据适配器是连接数据源和视图界面的桥梁。

    实现ListView的大致步骤是:

    1. 新建数据适配器。
    2. 添加数据源的到数据适配器
    3. 视图加载适配器。

    Talk is Cheap,let`s Code!


    下面分别使用两种常用数据适配器ArrayList和SimpleList来实现ListView

    1. 使用ArrayList来实现ListView:

    ArrayList又叫做数组适配器,用于绑定单一格式的数据,数据源可以是集合或数组。

    下面看一个Demo

    首先需要在xml文件中定义一个ListView,代码如下:

    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">
        <ListView
            android:id="@+id/listView"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
        </ListView>
    </LinearLayout>
    

    然后再java代码中添加数据并实现这个ListView,代码如下:

    public class MainActivity extends AppCompatActivity {
        private ListView listView;
        
        //声明一个ArrayAdapter数据适配器
        private ArrayAdapter<String> arrayAdapter;
        
        //定义一个字符串数组,将数据源添加到这个数组当中
        private String[] arrayData = {"list1", "list2", "list3", "list4", 
                                    "list5", "list6", "list7", "list8",
                                    "list9", "list10", "list11", "list12",
                                    "list13", "list14", "list15","list16"};
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            listView = (ListView) findViewById(R.id.listView);
            /*将数据源添加到适配器,这里有三个参数。
            1. 第一个参数是Context(上下文),这里就是当前这个Activity,填入this。
            2. 第二个参数是当前ListView加载的每一个列表项所对应的布局文件,
               这里使用android系统提供的一个简单的布局文件。
            3. 第三个参数就是要加载到数据适配器的数据源,这里就是刚刚我们定义的arrayData。*/
            arrayAdapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, arrayData);
            
            //最后为ListView视图绑定适配器即可
            listView.setAdapter(arrayAdapter);
        }
    }
    

    代码非常简单,唯一需要注意的就是ArrayAdapter的三个参数。

    看一下Demo效果:


    Demo

    可以看到每一列都有数据显示,并且可以滑动。ListView之ArrayAdapter达成!


    2. 使用SimpleAdapter来实现ListView(实现一个有图片和文字的列表):

    SimpleAdapter又叫做简单适配器,但是其实他的功能比ArrayAdapter要更强大一些,可以实现自定义的item视图,主要用来绑定复杂格式的数据。数据源只能是特定的泛型集合。

    下面还是看一个Demo

    首先还是需要在xml文件中定义一个ListView,代码和上面方法一的xml文件一样,这里就不贴出来了。

    然后来编写java代码:

    public class MainActivity extends AppCompatActivity {
        private ListView listView;
        //首先还是要声明一个SimpleAdapter适配器
        private SimpleAdapter simpleAdapter;
        
        //然后声明一个List数组,里面用Map数组作为填充数据源的方式
        private List<Map<String, Object>> dataList;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            listView = (ListView) findViewById(R.id.listView);
            dataList = new ArrayList<Map<String, Object>>();
    
            /*将数据源添加到适配器,这里有5个参数
            1. 第一个参数还是Context,这里填入this。
            2. 第二个参数是data(数据源),这里我们将填充数据的步骤写成方法getData(),填入即可。
            3. 第三个参数是resource,也就是列表项的布局文件,这里我们就要自己新建一个layout文件了
            4. 第四个参数是frome,是Map中的键名
            5. 第五个参数是to,绑定数据视图中的ID,与frome形成对应关系
            simpleAdapter = new SimpleAdapter(this, getData(), R.layout.item, new String[]{"pic", "text"}, 
                                                new int[]{R.id.pic, R.id.text});
            //为listView绑定适配器即可
            listView.setAdapter(simpleAdapter);
        }
        //这里我们定义一个参数用来为dataList填充数据
        private List<Map<String, Object>> getData() {
            for (int i = 0; i < 20; i++) {
                Map<String, Object> map = new HashMap<String, Object>();
                map.put("pic", R.mipmap.ic_launcher);
                map.put("text", "Item List" + i);
                dataList.add(map);
            }
            return dataList;
        }
    }
    

    上面用到的item列表项布局文件如下:
    我们在每一个列表项中放置一个ImageView和一个TextView

    <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/pic"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:src="@mipmap/ic_launcher" />
    
        <TextView
            android:id="@+id/text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="10dp"
            android:layout_marginTop="18dp"
            android:text="Item"
            android:textSize="15sp" />
    </LinearLayout>
    

    整个Demo就写完了,我们来看一下Demo:


    SimpleAdapterDemo

    可以看到每一列都有一个图片和一列文字,ListView之SimpleAdapter达成!


    完。

    相关文章

      网友评论

        本文标题:Android菜鸟起飞|ListVIew使用指南

        本文链接:https://www.haomeiwen.com/subject/madlsttx.html