极客班Android专业：广场模块实战布局与功能实现

需积分: 0 128 浏览量更新于2024-07-01 收藏 1.33MB PDF 举报

本章节是关于Android专业开发中的广场模块，目标是实现其基本功能，包括ListView和RecyclerView的使用、异步加载以及数据缓存。章节的重点在于界面布局设计与特定控件的实现。 **4.1 界面布局设计** **1）整体框架设计** 在Android项目中，开发者需要创建一个新的Activity SquareActivity，其布局文件为activity_square.xml。这个界面采用相对布局，主要包含三个部分：顶部的Spinner下拉列表，用于内容筛选；中间的ListView，用于展示广场的主要信息；底部的Footer，实际上是一个可复用的菜单布局，它不是标准的控件，而是需要独立设计和复用的部分。 **2）底部菜单实现** 底部菜单采用互斥的选择模式，用户只能选择一个菜单项。为了实现这种效果，开发者在res/drawable目录下创建两个状态选择器文件：menu_square_selector.xml 和 menu_publish_selector.xml。这些文件通过`<selector>`标签定义了菜单项在选中和未选中状态下的图片资源。`state_checked`属性用来表示状态，true表示选中，false表示未选中。 **关键技术点：** - **ListView和RecyclerView**：这两种控件是Android中常见的用于展示列表数据的组件，ListView适用于较旧版本的Android，而RecyclerView在性能和易用性上有所提升，适合现代应用。 - **异步加载**：由于数据可能来自网络或其他外部源，开发者会使用AsyncTask或更现代的ViewModel/Repository模式来实现非UI线程的数据获取和处理，提高用户体验。 - **数据缓存**：为了减少网络请求的频率和提升性能，可能需要实现数据缓存策略，如使用LruCache或Room持久化库来存储常用数据。 - **AsyncTask的使用**：这是Android早期处理后台任务的一种方式，但现在已经推荐使用Kotlin协程或Java的ExecutorService来替代，以更好地管理线程和避免回调地狱。在整个过程中，开发者需要对Android UI组件有深入理解，同时掌握事件监听、状态管理以及优化性能的最佳实践。通过完成这个模块，学生将能提升自己的Android开发技能，特别是在用户界面交互和数据处理方面的实践能力。

（3）定义项目布局

再来定义 ListView 中每一项内容的布局，在 res/layout 目录下新建布局文件 item_list_view_square.xml ，

在其中编写代码如下：

<?xml version="1.0" encoding="utf-8"?>

<LinearLayout

xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="horizontal">

<TextView

android:id="@+id/user_name"

android:layout_width="match_parent"

android:layout_height="wrap_content"/>

<TextView

android:id="@+id/user_age"

android:layout_width="match_parent"

android:layout_height="wrap_content"/>

</LinearLayout>

（4）使用Adapter

有了数据和布局，我们就可以使用适配器Adapter来给ListView填充数据，在 java/应用包名/ui/adapter 上右键，

选择“New|Java Class”，取名为 UserInfoAdapter ，打开文件修改代码，让其继承于 BaseAdapter ：

public class UserInfoAdapter extends BaseAdapter{

}

这时候，AS会提示有错误，光标放在 BaseAdapter 或标红代码的任意位置，使用快捷键组

合 Alt(Option)+Enter ，在弹出的对话框中选择 Implement Methods ，或者使用刚刚介绍的方法，在class内部右

键，选择“Generate…|Implement Methods…”，选中所有方法，点击OK，就自动生成了BaseAdapter的方法实现，结

果如下图所示：

public class UserInfoAdapter extends BaseAdapter{

//获取列表项目数量

@Override

public int getCount() {

return 0;

}

//获取列表指定项目

@Override

public Object getItem(int position) {

return null;

}

//获取列表项目位置

@Override

public long getItemId(int position) {

return 0;

}

//获取列表项目视图

@Override

public View getView(int position, View convertView, ViewGroup parent) {

return null;

}

（5）实现Adapter的方法

自动生成的代码并不能满足我们的需求，打开 UserInfoAdapter ，实现其构造函数以及其他方法：

public class UserInfoAdapter extends BaseAdapter{

private Context mContext;

private LayoutInflater mLayoutInflater;

private List<UserInfo> mUserInfos = new ArrayList<>();

public UserInfoAdapter(Context mContext, List<UserInfo> userInfos) {

this.mContext = mContext;

this.mLayoutInflater = (LayoutInflater) mContext.

getSystemService(Context.LAYOUT_INFLATER_SERVICE);

this.mUserInfos = userInfos;

}

……

}

（上面的 getSystemService 换行是为了导出文档能看全）

上面的代码定义了该适配器的构造方法，其中 Context 为要传入的上下文，也就是哪个 Activity 使用这个适配

器， LayoutInflater 用来填充布局， List<UserInfo> 为传入的数据。接着实现其他方法：

//获取列表项目数量

@Override

public int getCount() {

return mUserInfos.size();

}

//获取列表指定项目

@Override

public Object getItem(int position) {

return mUserInfos.get(position);

}

//获取列表项目位置

@Override

public long getItemId(int position) {

return position;

}

//获取列表项目视图

@Override

public View getView(int position, View convertView, ViewGroup parent) {

//返回视图

convertView = mLayoutInflater.inflate(R.layout.item_list_view_square, null);

//获取控件

TextView nameTextView = (TextView) convertView.findViewById(R.id.user_name);

TextView ageTextView = (TextView) convertView.findViewById(R.id.user_age);

//绑定数据

nameTextView.setText(mUserInfos.get(position).getName());

ageTextView.setText(String.valueOf(mUserInfos.get(position).getAge()));

return convertView;

}

上面的代码重写了基类适配器的方法，前面三个方法都很好理解，这里讲一下第四个获取列表项目视图的方法。

首先通过 mLayoutInflater 读取前面定义的 res/layout/item_list_view_square.xml 列表项目布局，返回

给 convertView 视图。

然后在返回的视图里找到具体的视图控件，即获取对这些控件的引用。

接着给视图控件赋值，其中 ageTextView.setText() 方法中，传入的年龄需要转换一下，因为我们定义的

UserInfo数据模型中，年龄字段是int类型，这样的话 TextView 的 setText() 方法会误将传入的参数当作是一个资

源的id。

最后，我们再把convertView返回给调用这个方法的对象。

（6）向ListView绑定数据

剩余46页未读，继续阅读

余青葭

粉丝: 44
资源: 303

极客班Android专业：广场模块实战布局与功能实现

蓦然LabManual_广场模块_v1.01

Android开发之项目模块化实践教程

3_注册模块_极客班Android专业_蓦然项目LabManual_v1.11

2_登录模块_极客班Android专业_蓦然项目LabManual1

极客班Android专业样本项目资源库.zip

GeekBand_iOS_1stGen:极客班 iOS 第一期 学员交流分享

g4g_solutions：包含针对极客问题的极客解决方案

numpy_pandas_gb:极客大脑的Mathlib课程

beauty_of_data_structures_and_algorithms:极客时间-数据结构与算法之美-专栏实践

bgg_community_app:棋盘游戏极客社区应用-React Native

最新资源

GeekBand_iOS_1stGen:极客班 iOS 第一期学员交流分享