Android 课堂练习 ListView

欢迎来到 Android 开发的世界!在这篇文章中,我们将一起学习如何实现一个 ListView。ListView 是 Android 中非常重要的一个组件,用于展示长列表数据,非常适合用于显示联系人、消息等。

实现步骤

在开始之前,我们先来看一下整个过程的流程图,帮助你理清步骤。

步骤 描述
1 创建新的 Android 项目
2 在布局文件中添加 ListView 控件
3 创建数据源
4 创建自定义适配器
5 将适配器与 ListView 绑定
6 运行应用并查看效果

步骤详解

1. 创建新的 Android 项目

在 Android Studio 中创建一个新的项目:

  • 打开 Android Studio。
  • 选择 'Start a new Android Studio project'。
  • 选择模板,选择 'Empty Activity',点击 'Next'。
  • 填写项目名称、包名、保存路径,选择 API 版本,点击 'Finish'。

2. 在布局文件中添加 ListView 控件

res/layout/activity_main.xml 中添加 ListView 控件:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="
    android:layout_width="match_parent"
    android:layout_height="match_parent">

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

ListView 控件允许我们以列表的形式展示数据。

3. 创建数据源

MainActivity.java 中,先创建一个简单的数据源,例如一个字符串数组:

public class MainActivity extends AppCompatActivity {
    // 数据源
    String[] data = {"苹果", "香蕉", "橙子", "草莓", "蓝莓", "木瓜"};

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        
        // TODO: 下一步...
    }
}

这里我们创建了一个简单的字符串数组,稍后将把它展示在 ListView 中。

4. 创建自定义适配器

为了能够将数据源中的数据与 ListView 关联,我们需要创建一个自定义的适配器。

public class MyAdapter extends ArrayAdapter<String> {
    private final Context context;
    private final String[] values;

    public MyAdapter(Context context, String[] values) {
        super(context, R.layout.list_item, values);
        this.context = context;
        this.values = values;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
        View rowView = inflater.inflate(R.layout.list_item, parent, false);

        TextView textView = (TextView) rowView.findViewById(R.id.label);
        textView.setText(values[position]);

        return rowView;
    }
}

list_item.xml

res/layout/ 文件夹下创建一个名为 list_item.xml 的文件,内容如下:

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="
    android:id="@+id/label"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:padding="16dp"
    android:textSize="20sp"/>

MyAdapter 类通过继承 ArrayAdapter 来创建一个适配器。它会将数据绑定到每个列表项中。

5. 将适配器与 ListView 绑定

onCreate 方法中我们需要绑定适配器和 ListView:

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

    ListView listView = findViewById(R.id.listView);
    MyAdapter adapter = new MyAdapter(this, data);
    listView.setAdapter(adapter);
}

在这里,我们首先获取 ListView 控件的引用,然后创建自定义适配器的实例,并将其实例与 ListView 绑定。

6. 运行应用并查看效果

现在,一切都已经完成。点击 Android Studio 中的运行按钮,查看你的应用效果!你应该会看到一个列满了各种水果名称的列表。

饼状图展示

对于这部分背景知识,我们可以用一个饼状图来展示应用的结构比例,使用 Mermaid 语法如下:

pie
    title Android ListView 应用结构
    "适配器": 40
    "活动": 30
    "布局": 20
    "数据": 10

上述饼状图展示了构建 ListView 应用中不同组成部分的相对重要性。

结论

通过上述的步骤,我们成功地实现了一个简单的 ListView 应用。在开发过程中,我们涉及到了数据源的创建、适配器的自定义以及 ListView 的绑定。这些知识对于你后续的 Android 开发都是非常基础且重要的。

希望这篇文章能够帮助到你,在以后的学习中如果有什么问题,随时欢迎提问!祝你在 Android 开发的旅程中越来越顺利!