安卓学习日志 Day03 — Custom Adapter

概述

继续构建Miwok语言应用，理解适配器的使用，并自定义适配器。

目标

上次利用视图回收机制在页面中实现了数据的展示，但Miwok是一个用于学习语言的app ，因此需要提供两种语言的参照，如同一个单词需要展示 Miwok 和 English 两种语言的。

比如在学习 Numbers 的页面中每行需显示该数字的 Miwok 和 English 版本，最终需要实现的样子应该类似这样：

实现步骤

问题分析

上次在实现一个页面中显示 1~n 的数字时使用到了 ArrayAdapter ，以及 ArrayList<String> 并让每个数字都作为一个列表项显示在Android 为我们提供的布局 文件android.R.layout.simple_list_item_1 当中。 ArrayAdapter 帮助我们管理 ArrayList 中的 String 对象，

点开该布局文件，会发现其实就只是一个 TextView ，其内容如下：

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textAppearance="?android:attr/textAppearanceListItemSmall"
    android:gravity="center_vertical"
    android:paddingStart="?android:attr/listPreferredItemPaddingStart"
    android:paddingEnd="?android:attr/listPreferredItemPaddingEnd"
    android:minHeight="?android:attr/listPreferredItemHeightSmall" />

之前在创建 数据适配器 ArrayAdapter 实例的语句为：

        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, words);

ArrayAdapter 指定了泛型 String 表示这个适配器管理的数据为String类型，同时我们传入了一个 包含 String对象 的 列表数据 words。

页面中显示的每个数字列表项，其实就是通过这个android.R.layout.simple_list_item_1 布局而创建的实例，因此 ArrayAdapter 默认管理的视图和对象为 单个 TextView 和 String。

而最终想要实现的效果为 每个列表项中 包含 Miwok 和 English 两个语言版本，为达到这一效果，就需要自定义列表项的布局文件，并自定义适配器 ，再让这个适配器管理自定义的列表项布局视图。

列表项布局

那么首先来定义列表项的布局文件，最终效果中的列表项分为两部分：Miwok 和 English ，那么可以考虑使用垂直布局的 LinearLayout 并嵌套 2个 TextView 来分别显示两种语言的单词版本。

创建列表项的布局文件（list_item.xml）如下：

使用 ViewGroup LinearLayout 作为列表项布局的基本视图，android:orientation="vertical" 使布局中的 两个 TextView 垂直排列，同时设置 TextView 的 layout_height 为 0dp、layout_weight 为 1 让其高度均值分布。

数据来源

我们需要在每个列表项显示 2个 语言的字符串，因此可以考虑使用对象来封装每个列表项中需要显示的数据，可以更好的控制数据。

定义一个 Word 类型，并包含两个语言版本 的字符串 的属性 、一个 初始化 该类的构造函数 和 两个属性的 Getter 方法。

Word.java ：

public class Word {
   

    /**
     * Default(English) translation for the word
     */
    private String defaultTranslation;

    /**
     * Miwok translation for the word
     */
    private String miwokTranslation;
    
    /**
     * Create a new Word object.
     *
     * @param defaultTranslation is the word in a language that the user is already familiar with
     *                           (such as English)
     * @param miwokTranslation   is the word in the Miwok language
     */
    public Word(String defaultTranslation, String miwokTranslation) {
   
        this.defaultTranslation = defaultTranslation