Android学习笔记11—自定义 ListView开发详解(一)

引言

该节主要介绍如何在开发中实现自定义ListView

开发流程

Step-1 新建一个Module，命名为CustomerListViewActivity
Step-2 在CustomerListViewActivity绑定的布局文件中添加ListView组件

<ListView
    android:id="@+id/myListView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

Step-3 添加自定义布局文件设置每个Item的基本样式

<ImageView
    android:id="@+id/imgPhoto"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:src="@drawable/photo01"/>

<TextView
    android:id="@+id/txtNickName"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="貂蝉"
    android:layout_toRightOf="@id/imgPhoto"
    android:layout_marginLeft="10dp"
    android:textColor="#4a90e6"
    android:textSize="16sp"/>

<TextView
    android:id="@+id/txtMessage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="这里是我发送的消息，呵呵呵呵这里是我发送的消息，呵呵呵呵这里是我发送的消息，呵呵呵呵这里是我发送的消息，呵呵呵呵"
    android:layout_toRightOf="@id/imgPhoto"
    android:layout_marginLeft="10dp"
    android:layout_below="@id/txtNickName"
    android:layout_marginTop="5dp"
    android:lineSpacingMultiplier="1.1"
    android:textSize="12sp"
    android:textColor="#3e3d3d"/>

Step-4 声明一个集合作为列表选项的数据源

private List<Map<String, ?>> listItems;

Step-5 声明一个ListView组件对象

private ListView myListView;

Step-6 自定义一个方法用于完成对列表选项数据源的封装实例化操作

private List<Map<String, ?>> getListItems(){
    // 步骤3-1：声明一个空的List集合对象
    List<Map<String, ?>> listItems = new ArrayList<>();

    // 步骤3-2：创建一个Map列表选项对象
    Map<String, Object> item01 = new HashMap<>();
    item01.put("id", 1);
    item01.put("imgPhoto", R.drawable.photo01);
    item01.put("txtNickName", "貂蝉");
    item01.put("txtMessage", "貂蝉发送的消息消息消息发送的消息消息消息发送的消息消息消息发送的消息消息消息");
    // 步骤3-3：将封装好的列表选项对象item添加到集合中
    listItems.add(item01);


    Map<String, Object> item02 = new HashMap<>();
    item02.put("id", 2);
    item02.put("imgPhoto", R.drawable.photo02);
    item02.put("txtNickName", "西施");
    item02.put("txtMessage", "西施发送的消息消息消息发送的消息消息消息发送的消息消息消息发送的消息消息消息");

    listItems.add(item02);

    Map<String, Object> item03 = new HashMap<>();
    item03.put("id", 3);
    item03.put("imgPhoto", R.drawable.photo03);
    item03.put("txtNickName", "吕布");
    item03.put("txtMessage", "吕布发送的消息消息消息发送的消息消息消息发送的消息消息消息发送的消息消息消息");

    listItems.add(item03);

    return listItems;
}

Step-7 实例化List列表选项集合

this.listItems = getListItems();

Step-8 创建SimpleAdapter适配器装载集合数据并设置选项样式布局

SimpleAdapter adapter = new SimpleAdapter(this, this.listItems,
            R.layout.listitem_customerlistvew_activity,
            new String[]{"imgPhoto", "txtNickName", "txtMessage"},
            new int[]{R.id.imgPhoto, R.id.txtNickName, R.id.txtMessage});

Step-9 将列表视图组件与适配器进行绑定

this.myListView = (ListView) findViewById(R.id.myListView);
this.myListView.setAdapter(adapter);

Step-10 自定义适配器点击监听事件

// 自定义一个适配器短点击事件监听器
private class AdapterViewOcl implements AdapterView.OnItemClickListener{
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        // 获取当前选中的列表选项对象
        Map<String, ?> selectedItem = listItems.get(position);
        Toast.makeText(getApplicationContext(), "选中["+selectedItem.get("txtNickName")+"]", Toast.LENGTH_SHORT).show();
    }
}

// 自定义一个适配器长点击事件监听器
private class AdapterViewLongOCL implements AdapterView.OnItemLongClickListener{
    @Override
    public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
        // 获取当前选中的列表选项对象
        Map<String, ?> selectedItem = listItems.get(position);
        Toast.makeText(getApplicationContext(), "长点击了["+selectedItem.get("txtNickName")+"]", Toast.LENGTH_SHORT).show();
        return true;
    }
}

Step-11将列表组件与点击监听事件进行绑定

// 步骤8：列表组件绑定短点击监听器
this.myListView.setOnItemClickListener(new AdapterViewOcl());
// 步骤10：列表组件绑定长点击监听器
this.myListView.setOnItemLongClickListener(new AdapterViewLongOCL());
结果展示
CustomerListView.png
代码清单

activity_customer_list_view.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"
tools:context="com.chinasofti.demo04listview.CustomerListViewActivity">

<ListView
    android:id="@+id/myListView"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"/>

</RelativeLayout>

listitem_customerlistvew_activity.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:padding="16dp">

<ImageView
    android:id="@+id/imgPhoto"
    android:layout_width="40dp"
    android:layout_height="40dp"
    android:src="@drawable/photo01"/>

<TextView
    android:id="@+id/txtNickName"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="貂蝉"
    android:layout_toRightOf="@id/imgPhoto"
    android:layout_marginLeft="10dp"
    android:textColor="#4a90e6"
    android:textSize="16sp"/>

<TextView
    android:id="@+id/txtMessage"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="这里是我发送的消息，呵呵呵呵这里是我发送的消息，呵呵呵呵这里是我发送的消息，呵呵呵呵这里是我发送的消息，呵呵呵呵"
    android:layout_toRightOf="@id/imgPhoto"
    android:layout_marginLeft="10dp"
    android:layout_below="@id/txtNickName"
    android:layout_marginTop="5dp"
    android:lineSpacingMultiplier="1.1"
    android:textSize="12sp"
    android:textColor="#3e3d3d"/>

</RelativeLayout>

CustomerListViewActivity.java

package com.chinasofti.demo04listview;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ListView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

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

public class CustomerListViewActivity extends AppCompatActivity {

// 步骤1：声明一个集合作为列表选项的数据源
private List<Map<String, ?>> listItems;
// 步骤2：声明一个ListView组件对象
private ListView myListView;

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

    // 步骤4：实例化List列表选项集合
    this.listItems = getListItems();
    // 步骤5：创建SimpleAdapter适配器装载集合数据并设置选项样式布局
    SimpleAdapter adapter = new SimpleAdapter(this, this.listItems,
            R.layout.listitem_customerlistvew_activity,
            new String[]{"imgPhoto", "txtNickName", "txtMessage"},
            new int[]{R.id.imgPhoto, R.id.txtNickName, R.id.txtMessage});
    // 步骤6：列表视图组件绑定适配器
    this.myListView = (ListView) findViewById(R.id.myListView);
    this.myListView.setAdapter(adapter);
    // 步骤8：列表组件绑定短点击监听器
    this.myListView.setOnItemClickListener(new AdapterViewOcl());
    // 步骤10：列表组件绑定长点击监听器
    this.myListView.setOnItemLongClickListener(new AdapterViewLongOCL());
}

// 步骤3：自定义一个方法用于完成对列表选项数据源的封装实例化操作
private List<Map<String, ?>> getListItems(){
    // 步骤3-1：声明一个空的List集合对象
    List<Map<String, ?>> listItems = new ArrayList<>();

    // 步骤3-2：创建一个Map列表选项对象
    Map<String, Object> item01 = new HashMap<>();
    item01.put("id", 1);
    item01.put("imgPhoto", R.drawable.photo01);
    item01.put("txtNickName", "貂蝉");
    item01.put("txtMessage", "貂蝉发送的消息消息消息发送的消息消息消息发送的消息消息消息发送的消息消息消息");
    // 步骤3-3：将封装好的列表选项对象item添加到集合中
    listItems.add(item01);


    Map<String, Object> item02 = new HashMap<>();
    item02.put("id", 2);
    item02.put("imgPhoto", R.drawable.photo02);
    item02.put("txtNickName", "西施");
    item02.put("txtMessage", "西施发送的消息消息消息发送的消息消息消息发送的消息消息消息发送的消息消息消息");

    listItems.add(item02);

    Map<String, Object> item03 = new HashMap<>();
    item03.put("id", 3);
    item03.put("imgPhoto", R.drawable.photo03);
    item03.put("txtNickName", "吕布");
    item03.put("txtMessage", "吕布发送的消息消息消息发送的消息消息消息发送的消息消息消息发送的消息消息消息");

    listItems.add(item03);

    return listItems;
}

// 步骤7：自定义一个适配器监听器
private class AdapterViewOcl implements AdapterView.OnItemClickListener{
    @Override
    public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
        // 步骤7-1：获取当前选中的列表选项对象
        Map<String, ?> selectedItem = listItems.get(position);
        Toast.makeText(getApplicationContext(), "选中["+selectedItem.get("txtNickName")+"]", Toast.LENGTH_SHORT).show();
    }
}

// 步骤9：自定义个适配器长点击监听器
private class AdapterViewLongOCL implements AdapterView.OnItemLongClickListener{
    @Override
    public boolean onItemLongClick(AdapterView<?> parent, View view, int position, long id) {
        // 步骤9-1：获取当前选中的列表选项对象
        Map<String, ?> selectedItem = listItems.get(position);
        Toast.makeText(getApplicationContext(), "长点击了["+selectedItem.get("txtNickName")+"]", Toast.LENGTH_SHORT).show();
        return true;
    }
  }
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 177,295评论 25赞 709
  • GitHub上受欢迎的Android UI Library
    内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 47,085评论 22赞 665
  • Spring Cloud
    Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具（例如配置管理，服务发现，断路器，智...
    卡卡罗2017阅读 136,288评论 19赞 139
  • Android学习笔记10—ListView开发详解(二)
    引言 该节主要介绍如何在开发中实现在一个item中添加两行数据 总体流程 新建一个Module，并让XxxActi...
    advance_bravely阅读 2,844评论 0赞 0
  • 绿萝的泪
    七月盛夏 云朵逃离了炙热的天空 你美丽的脸庞，沉睡在夏，仿佛一切都是清凉。 一个人的记忆，可以笼罩一座城市。 时间...
    何弃了阅读 1,598评论 0赞 0

友情链接更多精彩内容