ListView的实现步骤及几种实现方式

最新推荐文章于 2023-02-25 11:03:46 发布

弱水三千Y

最新推荐文章于 2023-02-25 11:03:46 发布

阅读量4.6k

点赞数 1

分类专栏： Android 文章标签： listview android

本文链接：https://blog.csdn.net/lixiang_Y/article/details/54376759

版权

Android 专栏收录该内容

88 篇文章 2 订阅

订阅专栏

一、ListView实现步骤：
1.实例化控件ListView。
2.创建数据。
3.创建适配器，并把数据放到适配器上显示。

二、使用系统行布局实现ListView的ArrayAdapter代码：

MainActivity.java:

public class MainActivity extends AppCompatActivity {

    //第一步，实例化控件
    private ListView mListView;
    private List mList;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        mListView= (ListView) findViewById(R.id.listView);
        //创造数据
        mList=new ArrayList();
        for (int i=0;i<50;i++){
            mList.add("数字："+i);

        }
        //适配器，使用系统的行布局：android.R.layout.simple_list_item_1
        ArrayAdapter adapter=new ArrayAdapter(this,android.R.layout.simple_list_item_1,mList);
        //把适配器放到列表上
        mListView.setAdapter(adapter);
    }
}

效果图：

三、使用自定义行布局来实现ListView的ArrayAdapter代码：

item_home.xml:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:paddingBottom="@dimen/activity_vertical_margin"
                android:paddingLeft="@dimen/activity_horizontal_margin"
                android:paddingRight="@dimen/activity_horizontal_margin"
                android:paddingTop="@dimen/activity_vertical_margin"
                android:orientation="vertical">

    <ImageView
        android:id="@+id/image"
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:src="@mipmap/ic_launcher"/>

    <LinearLayout
        android:layout_toRightOf="@+id/image"
        android:layout_alignTop="@+id/image"
        android:layout_alignBottom="@+id/image"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        >
        <TextView
            android:id="@+id/tv1"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:textSize="25dp"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:text="第一行"/>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center_vertical"
            android:layout_weight="1"
            android:text="哈哈"/>

    </LinearLayout>
</RelativeLayout>

MainActivity.java:

public class MainActivity extends AppCompatActivity {

    //第一步，实例化控件
    private ListView mListView;
    private List mList;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        mListView= (ListView) findViewById(R.id.listView);
        //创造数据
        mList=new ArrayList();
        for (int i=0;i<50;i++){
            mList.add("数字:"+i);

        }
        //适配器
        ArrayAdapter adapter=new ArrayAdapter(this,R.layout.item_home,R.id.tv1,mList);
        //把适配器放到列表上
        mListView.setAdapter(adapter);
    }
}

效果图：

四、使用自定义布局来实现ListView的SimpleAdapter代码

注：使用SimpleAdapter必须要使用Map集合

MainActivity.java

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.widget.ListView;
import android.widget.SimpleAdapter;

import java.util.ArrayList;
import java.util.HashMap;
import java.util.Map;

public class MainActivity extends AppCompatActivity {

    
private String[] name = {"张三", "李四", "王五", "李四", "王五", "李四", "王五"};
   private String[] phonenum = {"18133626145", "15252364891", "13526566522", 
    "15252364891", "13526566522", "15252364891", "13526566522"};
    private ListView listView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();
    }

    private void initView() {
        listView = (ListView) findViewById(R.id.listView);
        //创建list集合，指定泛型为Map
        ArrayList<Map<String,String>> list = new ArrayList<>();
        //使用for循环来向list集合中写入数据
        for (int x=0; x<name.length ;x++){
            //创建Map集合，用于装数据（Map集合算是一个小包装）
            Map<String, String> map = new HashMap<>();
            //map集合存储数据的格式，第一个参数为键名（即一个唯一标签），第二个参数为值
            map.put("name", name[x]);
            map.put("phonenum", phonenum[x]);
            //将map集合存放进list集合（list集合为一个大包装）
            list.add(map);
            
        }
        //创建SimpleAdapter的适配器
        //第一个参数为上下文，第二个参数为List<? extends Map<String, ?>>（必须是这种形式的list才行）
        //第三个参数为我们的行布局，第四个参数为list集合中Map集合的键名
        //第五个参数为行布局中的控件（第四个参数的排放顺序必须与第五个参数的顺序一一对应，即键名对应的值放在哪个控件上）
        SimpleAdapter adapter = new SimpleAdapter(this, list, R.layout.list_item,
                new String[]{"name", "phonenum"},
                new int[]{R.id.textView, R.id.textView2});
        //给ListView设置适配器
        listView.setAdapter(adapter);

    }
}

list_item.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:orientation="horizontal"
              android:layout_width="match_parent"
              android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:gravity="center"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Large Text"
        android:id="@+id/textView"/>

    <TextView
        android:layout_marginLeft="100dp"
        android:layout_width="wrap_content"
        android:layout_height="100dp"
        android:gravity="center"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Large Text"
        android:id="@+id/textView2"/>
</LinearLayout>

activity_main.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"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.zhiyuan3g.simpleadapter.MainActivity">


    <ListView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/listView"/>
</RelativeLayout>

效果图：