轻松上手:＜Android Studio笔记应用开发＞（二）笔记可显示Part3:适配器

关于适配器的一些启发式思考

1. 适配器是啥？

2. 为啥要创建适配器？

3. 创建适配器意义何在？

4. 基本的适配器是如何工作的？

5. 适配器是如何帮助在Android应用中显示数据的？

6. 适配器有哪些类型？

7. 如何如何选择合适的适配器类型，以满足特定的数据显示需求？

8. 如何知道自己的数据显示需求？

9. 如何创建适配器？

   下面属于进阶问题：

10. 适配器视图缓存的工作原理是什么，为什么在自定义适配器中要考虑它？

11. 在使用RecyclerView时，如何创建适配器以及它与ListView适配器的区别是什么？

12. 适配器如何与数据源进行交互，确保数据的一致性和正确性？

13. 适配器对用户界面设计和用户体验有何影响，如何优化适配器以提高性能？

我如何回答这些问题？

1. 适配器是啥？

   • 适配器是一个在Android应用中用于连接数据源和界面的组件，它将数据源中的信息转化成UI组件可以显示的形式。

2. 为啥要创建适配器？

   • 创建适配器的主要目的是将数据源的内容以用户友好的方式呈现在应用的用户界面上，提升用户体验。

3. 创建适配器意义何在？

   • 创建适配器的意义在于实现数据和UI的衔接，使应用能够有效地显示数据，为用户提供信息和互动。

4. 基本的适配器是如何工作的？

   • 基本适配器通过继承BaseAdapter类并实现相关方法，将数据源中的数据与UI组件进行关联，以便在列表或网格中显示。

5. 适配器是如何帮助在Android应用中显示数据的？

   • 适配器充当了数据与UI之间的翻译器，将数据源转化为UI可用的格式，使数据在应用中以列表或网格的形式呈现。

6. 适配器有哪些类型？

   • 常见的适配器类型包括ArrayAdapter、CursorAdapter、BaseAdapter等，每种适配器适用于不同的数据源和UI需求。

7. 如何选择合适的适配器类型，以满足特定的数据显示需求？

   • 选择适配器类型时需要考虑数据源的性质和UI的布局要求，确保适配器能够满足特定需求。

8. 如何知道自己的数据显示需求？

   • 分析应用的数据展示需求，包括数据的类型、数量以及在UI中的布局方式，以确定适配器类型和配置。

9. 如何创建适配器？

   • 创建适配器通常需要继承BaseAdapter类，然后实现必要的方法，如getCount、getItem、getView等，以连接数据源和UI组件。
   • 此外，需要有一个与适配器关联的布局文件，以定义UI组件的外观和排列方式。这个布局文件需要描述每个列表项或网格项的外观，而适配器则负责填充布局文件中的内容，将数据显示在相应的位置上。

10. 适配器视图缓存的工作原理是什么，为什么在自定义适配器中要考虑它？

    • 适配器视图缓存是一种性能优化机制，它通过保存已创建的视图对象，避免重复创建，提高了列表滚动的流畅性。在自定义适配器中，考虑视图缓存可以减少资源消耗。

11. 在使用RecyclerView时，如何创建适配器以及它与ListView适配器的区别是什么？

    • 使用RecyclerView时，需要创建RecyclerView.Adapter，并实现相关方法。与ListView适配器不同，RecyclerView.Adapter更加灵活，支持不同的布局管理器和动画效果。

12. 适配器如何与数据源进行交互，确保数据的一致性和正确性？

    • 适配器通过数据源提供的方法来获取和更新数据，确保数据的一致性和正确性，同时通知UI组件刷新。

13. 适配器对用户界面设计和用户体验有何影响，如何优化适配器以提高性能？

    • 适配器的设计和性能会影响用户界面的响应速度和用户体验。优化适配器包括使用视图复用、异步加载等方法，以提高性能和响应度。

本文将如何创建适配器？

• 首先，需要创建一个布局文件，用于定义每个笔记项的UI外观。这个布局文件将描述每个笔记的布局：标题和时间分布局在第一行和第二行。
• 接下来，创建一个Java文件，通常称之为适配器（Adapter），以实现ListView的适配器接口（BaseAdapter）。
• 这个适配器会将数据显示在布局文件定义的位置上。

这边感觉上期定义笔记数据结构时候命名的Java文件名太长了，就换了个名叫Note,不换也行其实。

右键上图红色区域。

如上图，导航到Open in->Explorer，鼠标左键点击。

如上图所示，现在我们来到了Windows下的文件资源管理器，可以发现Android Studio里Android下的文件目录和Windows下的目录有所不同，屏幕前的帅哥或者美女如果对这方面有兴趣可以研究一下，还是蛮有意思的。或者哥哥姐姐留个评论让我来讲也OK的啦。

如上图，改了个名字，其实改不改都行，我这边只是在写代码时候觉得NoteDataStrusture太长了，也有点不形象。

如上图，Android Studio里Android下的文件目录还是很有意思的，文件都成目录了吗，哈哈。

如上图，public class 后面跟的英文名必须和文件名（无后缀）一致。

实现步骤-布局笔记

步骤一，创建布局文件

（1）导航到 res/layout 目录,这是用于存放布局文件的地方。

（2）如上图，右键单击 layout 目录，然后选择 “New” > “Layout resource file”。

（3）如上图，这时候可以个性化设置新建的布局文件，File name意即"文件名"，Root element意即根元素，包含整个布局的结构。其他的暂时用不到，可以不用管。

（4）如上图，我们给这个文件名起名为note_list_item以表示这是用于笔记列表项的布局，名字啥的都无所谓，想起啥都可以。
根元素我们这里选用LinearLayout，这样可以按照线性方式排列子视图，一开始最好还是LinearLayout,等你实现了笔记的各功能再瞎折腾也不迟。
最后左键OK即可。

（5）如上图，右上角红框中的"Code"（代码）、“Split”（拆分）和"Design"（设计）是不同的编辑模式。

（6）如上图，切换到"Code"模式。

步骤二，设计布局并设置视图元素属性:定义 TextView视图控件

新建布局文件后，接下来我们需要定义TextView视图控件。
在Android应用中，TextView用于显示文本内容。
通过TextView，可以显示一条笔记的标题和时间。

（1）如上图，只需敲出个别关键字母即可弹出智能提示，这时候选择TextView即可。

（2）如上图，点击TextView后，基本的属性（宽度、高度）自己就补全了，我们随便选内层红框中的任一个都可以，另外也可以自行设置（键入数字即可）。我这边选择wrap_content。
wrap_content：适应内容大小。
match_parent：匹配父容器大小。

(3)如上图，如法炮制即可。

（4）如上图，都设置为了wrap_content。

（5）如上图，在最后即android:layout_height="wrap_content"的右引号后边键入/,将自动补全/>,这里是需要给TextView一个结束。

（6）如上图，因为我们需要笔记列表显示标题和时间，所以需要两个TextView是显而易见的。

（7）如上图，为了在代码中对这个控件定位并进行操作，比如设置文本内容、修改样式、添加点击事件等。我们需要给每一个控件一个唯一id。

（8）如上图，鼠标左键第一个。

（9）如上图

（10）如上图，随便起个名字，这边起名为tv_content。

（11）（🤦‍♂️🤦‍♂️，抱歉，我陷入思维定式了，这里可以跳过，）
如上图，需要新插入一行代码。

（12）（🤦‍♂️🤦‍♂️，抱歉，我陷入思维定式了，这里可以跳过，）
后面我测试时候发现这里确实没用，但是预览布局时候便于理解。

（13）（🤦‍♂️🤦‍♂️，抱歉，我陷入思维定式了，这里可以跳过，）
后面我测试时候发现这里确实没用，但是预览布局时候便于理解。

（14）（🤦‍♂️🤦‍♂️，抱歉，我陷入思维定式了，这里可以跳过，）
这句代码是用来设置 TextView 控件的文本内容为 “Content”。在应用运行时，这个 TextView 就会显示文本内容为 “Content”。

步骤三，预览布局

（1）如上图，在"Split"模式下。

（2）如上图，如法炮制。

（3）如上图，在"Design"模式下。

（4）如上图，我的《 <Android Studio笔记应用开发>（二）笔记可显示》一大章的代码及大纲已写完，这里在原有的代码基础上，笔记的布局文件替换为了当下的代码，运行后的效果。

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

    <TextView
        android:id="@+id/tv_content"
        android:text="Content"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

    <TextView
        android:id="@+id/tv_time"
        android:text="Time"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

步骤四，优化布局

如上图，新添的代码：

    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:paddingTop="5dp"
    android:paddingBottom="12dp"
    android:outlineAmbientShadowColor="@color/black"

note_list_item.xml文件代码(有注释)

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="10dp"
    android:paddingRight="10dp"
    android:paddingTop="5dp"
    android:paddingBottom="12dp"
    android:outlineAmbientShadowColor="@color/black">

    <!-- 用于显示笔记内容的TextView -->
    <TextView
        android:id="@+id/tv_content"
        android:text="Content"
        android:textSize="20dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

    <!-- 用于显示笔记时间的TextView -->
    <TextView
        android:id="@+id/tv_time"
        android:text="Time"
        android:textSize="16dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

实现步骤-适配器

步骤一，创建一个Java类文件。

创建一个Java类文件，不妨命名为NoteAdapter，用于实现笔记列表的适配器。

(1)如上图， 在项目的 Android视图下，导航到 app/java 目录，然后右键单击包名(一般都是第一个文件夹)。例如：com.example.my_notes_record。

（2）如上图，在弹出的上下文菜单中，选择New，然后选择Java Class。

（3）如上图，在弹出的上下文菜单中，输入框下有四个选项。选第一个即Class(类)就行。
后面3个分别是：
Interface（接口），只包含抽象方法的定义，类似于C语言里的头文件；
Enum（枚举），专门放常量的Java文件；
Annotation（注解）,用于在 Java 代码中添加元数据或注释信息的机制。

(4)如上图，随便起了个名字NoteAdapter

（5）如上图，OK啦。

步骤二，定义必要的属性和方法

(1)如上图，我们为了确保成员变量的安全性，访问修饰符设为private。
此外，可以看到当我们键入代码时，就会弹出智能提示，帮我们补全代码。

(2)如上图，Android Studio甚至会为你自动导入包所需的包名。

（3）如上图，随便起个变量名。
private Context context;
话说这Context是什么？
Context是上下文对象，可以看作是Android应用程序的“通用工具包”，它提供了访问应用程序的全局信息和资源的方式。
举个例子，想象一下你在一个城市中旅行，你需要了解城市的地图、天气、交通信息和附近的餐馆。在这个场景中，城市就是你的应用程序，而上下文对象就像是一份城市旅行指南，它提供了你所需的信息和资源，以便你更好地了解和操作这个城市。
在Android开发中，上下文对象的作用类似于这份旅行指南，它使你能够访问应用程序的各种资源和服务，以便更好地构建和操作你的应用程序。

(4)如上图，声明了名为 noteList 的私有（private）属性，它是一个泛型列表（List）对象，其中存储了 Note (定义的笔记数据结构类型的类名)类型的元素。
这个列表用于在适配器中存储笔记对象，以便在列表视图中显示、管理和操作笔记数据。
private List<Note> noteList;

(5) 在这里，我们定义了适配器类 NoteAdapter 的构造方法，尽管第一个构造方法似乎没什么用，但留着也无妨。

1. public NoteAdapter(){} 是一个无参构造方法，通常用作默认构造方法，但在本文中并没有进行任何属性的初始化操作。
2. public NoteAdapter(Context context, List<Note> noteList){} 是一个有参数的构造方法，接受两个参数：Context context 和 List<Note> noteList。传递这些参数的目的是为了在适配器中使用上下文对象来访问应用程序的资源和设置，同时将笔记列表传递给适配器，以便进行数据显示。

需要注意的是，Java允许方法重载，也就是可以有两个或多个同名方法，但它们的参数列表必须不同。这种灵活性让我们可以根据不同的情况选择使用不同的方法。

public NoteAdapter(){
}
public NoteAdapter(Context context,List<Note> noteList){
    this.context=context;
    this.noteList=noteList;
}

步骤三，BaseAdapter接口

(1)如上图，在箭头所指方向键入extends BaseAdapter（意即扩展了 BaseAdapter类）

extends BaseAdapter是什么呢？
extends BaseAdapter 就像是在适配器的世界里打开了一扇魔法之门。
它的作用就好比你拥有了一个通往笔记列表的魔法钥匙。这把钥匙告诉你，你可以用它来创建一个自定义的适配器，这个适配器能够让你的笔记数据在Android应用中展现出来，就像魔法一样。
这个魔法钥匙里面有各种强大的方法，比如 getCount() 让你知道有多少条笔记，getView() 可以用来展示每一条笔记，还有其他的一些方法可以帮助你掌握和展示笔记数据。
所以，extends BaseAdapter 实际上就是告诉你，你可以借助这个魔法钥匙，轻松地创建一个能够展示笔记的适配器，而不必亲自编写太多繁琐的代码。

(2)如上图，键入extends BaseAdapter后,自动就导入了所需要的包。
类比一下，C语言中我们可以自定义头文件，一般来说需要一个.h文件和一个.c文件。.h文件中写接口，.c文件写接口中各函数的实现。与这里Java的extends有异曲同工之妙。

(3)如上图，红框框住的四个方法是在扩展了 BaseAdapter类后所必须的方法。

@Override
public int getCount() {}
@Override
public Object getItem(int position){}
@Override
public long getItemId(int position){}
@Override
public View getView(int position, View convertView, ViewGroup parent) {}

(4)如上图，如果你直接 ctrl-c , ctrl-v的话可能会出现上图的问题，但没关系，轻松解决。

(5)如上图，鼠标悬停在标红处（如View）,会弹出提示框，这里告诉了解决的办法，比如快捷键Alt+Shift+Enter

步骤四，实现getCount、getItem、getItemId方法

(1)如上图，getCount方法返回笔记数目。

return noteList.size();

(2)如上图，getItem方法返回特定位置的笔记对象，方便在应用中使用这个对象。

return noteList.get(position);

(3)如上图，getItemId方法返回在适配器中指定位置的笔记项的唯一标识符（通常是该项在列表中的位置）。、
直接返回传入的position,这不多此一举吗？
这似乎是多余的，但在实际应用中，BaseAdapter 要求我们实现这个方法，即使返回值和传入的参数一样。这是因为 BaseAdapter 是一个通用适配器类，用于处理各种列表视图，包括可能需要不同的数据源和唯一标识符的情况。虽然在大多数情况下返回的确实是传入的位置参数 position，但为了兼容性和一般性，必须实现这个方法。这种多此一举是为了保持适配器的一致性和通用性。

return position;

步骤五，实现getView方法

(1)如上图,这一行代码的作用是根据布局文件 note_list_item 创建一个新的视图。
具体解释如下：

• View.inflate(context, R.layout.note_list_item, null)：这行代码使用了 View 类的 inflate 方法，它需要三个参数：
  1. context：这是上下文对象，它提供了应用程序的运行环境和资源访问权限。
  2. R.layout.note_list_item：这是一个引用布局文件的资源标识符，用于指定要转换的布局文件。
  3. null：这个参数表示在转换布局文件时不将其附加到任何父视图上。

View view = View.inflate(context,R.layout.note_list_item,null);

(2)如上图，这两行代码在布局视图 view 中找到两个文本视图元素（tv_content、tv_time），并创建与它们对应的 TextView 对象，以便后续可以操作和修改它们的内容。

TextView tv_content = (TextView)view.findById(R.id.tv_content);
TextView tv_time = (TextView)view.findById(R.id.tv_time);

注:tv_content、tv_time元素被定义在note_list_item.xml文件中

(3)如上图，这句代码中，allText获取了指定位置所对应的笔记的全部内容。

String allText = noteList.get(position).getContent();

(4)如上图
第一行代码中，将指定笔记内容第一行文本设置为 tv_content 控件（一个 TextView）的显示文本以当作一条笔记的标题。
第二行代码中，将指定笔记的时间设置为tv_time控件的显示文本，以当作一条笔记的时间。

tv_content.setText(allText.split("\n")[0]);
tv_time.setText(noteList.get(position).getTime());

(5)如上图
这行代码的作用是将当前笔记项的唯一标识（通常是笔记的ID）与视图控件 view 关联起来。具体来说：

• view.setTag(noteList.get(position).getId();：这行代码使用 setTag 方法，将笔记列表 noteList 中特定位置 position 处的笔记的ID设置为当前视图 view 的标签（Tag）。标签是一个可用于存储额外信息的属性。

view.setTag(noteList.get(position).getId());

(6)如上图，返回最初创建的视图即可。

return view;

getView方法具体代码

       // 创建并返回每个列表项的视图
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // 从XML布局文件实例化视图
        View view = View.inflate(context, R.layout.note_list_item, null);
        // 获取布局中的TextView控件
        TextView tv_content = (TextView) view.findViewById(R.id.tv_content);
        TextView tv_time = (TextView) view.findViewById(R.id.tv_time);

        // 从笔记对象中获取内容和时间信息
        String allText = noteList.get(position).getContent();

        // 设置TextView的文本内容
        tv_content.setText(allText.split("\n")[0]);
        tv_time.setText(noteList.get(position).getTime());

        // 将笔记ID作为视图的标签
        view.setTag(noteList.get(position).getId());

        return view;
    }
}

NoteAdapter.java文件代码（有注释）

package com.example.my_notes_record;

import android.content.Context;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;
import java.util.List;

public class NoteAdapter extends BaseAdapter {
    private Context context;
    private List<Note> noteList;

    // 默认构造函数
    public NoteAdapter(){
    }

    // 带参数的构造函数，接受上下文和笔记列表
    public NoteAdapter(Context Context,List<Note> noteList){
        this.context=Context;
        this.noteList=noteList;
    }

    // 获取列表项数量
    @Override
    public int getCount() {
        return noteList.size();
    }

    // 获取指定位置的笔记对象
    @Override
    public Object getItem(int position){
        return noteList.get(position);
    }

    // 获取指定位置的笔记ID
    @Override
    public long getItemId(int position){
        return position;
    }

    // 创建并返回每个列表项的视图
    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        // 从XML布局文件实例化视图
        View view = View.inflate(context, R.layout.note_list_item, null);
        // 获取布局中的TextView控件
        TextView tv_content = (TextView) view.findViewById(R.id.tv_content);
        TextView tv_time = (TextView) view.findViewById(R.id.tv_time);

        // 从笔记对象中获取内容和时间信息
        String allText = noteList.get(position).getContent();

        // 设置TextView的文本内容
        tv_content.setText(allText.split("\n")[0]);
        tv_time.setText(noteList.get(position).getTime());

        // 将笔记ID作为视图的标签
        view.setTag(noteList.get(position).getId());

        return view;
    }
}

如果你对代码的实现或者其他内容有疑问，欢迎留言

求赞，求收藏，求关注🫡🫡🫡

爆肝更新中…后续内容敬请期待