Android 基础知识

Android - 主页 Android - 概述 Android - 下载安装和设置 Android - Studio IDE Android - 架构 Android - 应用程序组件 Android - Hello World 示例 Android - 资源 Android - 活动 Android - 服务 Android - 广播接收器 Android - 内容提供者 Android - 片段 Android - Intents/Filters

Android - 用户界面

Android - UI 布局 Android - UI 控件 Android - 事件处理 Android - 样式和主题 Android - 自定义组件

Android 高级概念

Android - 拖放 Android - 通知 Android - 基于位置的服务 Android - 发送电子邮件 Android - 发送短信 Android - 拨打电话 Android - 发布应用程序

Android 实用示例

Android - 警报对话框 Android - 动画 Android - 音频捕捉 Android - 音频管理器 Android - 自动完成 Android - 最佳实践 Android - 蓝牙 Android - 相机 Android - 剪贴板 Android - 自定义字体 Android - 数据备份 Android - 开发者工具 Android - 模拟器 Android - Facebook 集成 Android - 手势 Android - 谷歌地图 Android - 图像效果 Android - 图像切换 Android - 内部存储 Android - JetPlayer Android - JSON 解析器 Android - Linkedin 集成 Android - 旋转加载器 Android - 本地化 Android - 登录应用 Android - 媒体播放器 Android - 多点触控 Android - 导航 Android - 网络连接 Android - NFC 指南 Android - PHP/MySQL Android - 进度圈 Android - 进度条 Android - 推送通知 Android - 渲染脚本 Android - RSS 阅读器 Android - 屏幕投射 Android - SDK 管理器 Android - 传感器 Android - 会话管理 Android - 共享首选项 Android - SIP 协议 Android - 拼写检查器 Android - SQLite 数据库 Android - 支持库 Android - 测试 Android - 文字转语音 Android - TextureView Android - Twitter 集成 Android - UI 设计 Android - UI 模式 Android - UI 测试 Android - WebView 布局 Android - Wi-Fi Android - Widgets Android - XML 解析器

Android 其他

Android - 面试问题 Android - 有用的资源 Android - 测验


Android 列表视图

Android ListView 是一个将多个项目分组并显示在垂直可滚动列表中的视图。 列表项使用 Adapter 自动插入到列表中,该适配器从诸如数组或数据库之类的源中提取内容。

列表视图

列表视图

适配器实际上是 UI 组件和将数据填充到 UI 组件中的数据源之间的桥梁。 适配器保存数据并将数据发送到适配器视图,视图可以从适配器视图中获取数据并将数据显示在不同的视图上,如微调器、列表视图、网格视图等。

ListViewGridViewAdapterView 的子类,可以通过将它们绑定到 Adapter 来填充它们,它从外部源检索数据并创建一个表示每个数据条目的视图。

Android 提供了几个 Adapter 的子类,它们可用于检索不同类型的数据并为 AdapterView(即 ListView 或 GridView)构建视图。常见的适配器有ArrayAdapterBase AdapterCursorAdapterSimpleCursorAdapterSpinnerAdapterWrapperListAdapter。 我们将看到两个适配器的单独示例。


ListView 属性

以下是 GridView 特有的重要属性 −

序号 属性 & 描述
1

android:id

这是唯一标识布局的 ID。

2

android:divider

这是在列表项之间绘制的可绘制或颜色。

3

android:dividerHeight

这指定了分隔线的高度。 这可以以 px、dp、sp、in 或 mm 为单位。

4

android:entries

指定对将填充 ListView 的数组资源的引用。

5

android:footerDividersEnabled

当设置为 false 时,ListView 不会在每个页脚视图之前绘制分隔线。 默认值是true。

6

android:headerDividersEnabled

当设置为 false 时,ListView 不会在每个标题视图之后绘制分隔线。 默认值是true。


ArrayAdapter 数组适配器

当您的数据源是数组时,您可以使用此适配器。 默认情况下,ArrayAdapter 通过对每个项目调用 toString() 并将内容放在 TextView 中来为每个数组项目创建一个视图。假设您有一个要在 ListView 中显示的字符串数组,使用构造函数初始化一个新的 ArrayAdapter 以指定每个字符串和字符串数组的布局 −

ArrayAdapter adapter = new ArrayAdapter<String>(this,R.layout.ListView,StringArray);

这是此构造函数的参数 −

  • 第一个参数 this 是应用程序上下文。 大多数情况下,保留它this

  • 第二个参数将是 XML 文件中定义的布局,并为数组中的每个字符串提供 TextView

  • 最后一个参数是将在文本视图中填充的字符串数组。

创建数组适配器后,只需在 ListView 对象上调用 setAdapter(),如下所示 −

ListView listView = (ListView) findViewById(R.id.listview);
listView.setAdapter(adapter);

您将在 XML 文件的 res/layout 目录下定义列表视图。 对于我们的示例,我们将使用 activity_main.xml 文件。

示例

以下示例将引导您通过简单的步骤来展示如何使用 ListView 创建您自己的 Android 应用程序。 按照以下步骤修改我们在 Hello World 示例章节中创建的 Android 应用程序 −

步骤 描述
1 您将使用 Android Studio IDE 创建一个 Android 应用程序并将其命名为 ListDisplay 在包 com.example.ListDisplay 下,如 Hello World 示例 一章中所述。
2 修改 res/layout/activity_main.xml 文件的默认内容以包含具有自我解释属性的 ListView 内容。
3 无需更改 string.xml,Android Studio 会处理默认字符串常量。
4 创建一个文本视图文件 res/layout/activity_listview.xml。 该文件将具有显示所有列表项的设置。 因此,您可以使用此文件自定义其字体、填充、颜色等。
6 运行应用程序以启动 Android 模拟器并验证应用程序中所做更改的结果。

以下是修改后的主活动文件 src/com.example.ListDisplay/ListDisplay.java 的内容。 该文件可以包含每个基本生命周期方法。

package com.example.ListDisplay;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class ListDisplay extends Activity {
   // Array of strings...
   String[] mobileArray = {"Android","IPhone","WindowsMobile","Blackberry",
      "WebOS","Ubuntu","Windows7","Max OS X"};
   
   @Override
   protected void onCreate(Bundle savedInstanceState) {
      super.onCreate(savedInstanceState);
      setContentView(R.layout.activity_main);
      
      ArrayAdapter adapter = new ArrayAdapter<String>(this, 
         R.layout.activity_listview, mobileArray);
      
      ListView listView = (ListView) findViewById(R.id.mobile_list);
      listView.setAdapter(adapter);
   }
}

以下是 res/layout/activity_main.xml 文件的内容 −

<LinearLayout 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"
   android:orientation="vertical"
   tools:context=".ListActivity" >

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

以下将是 res/values/strings.xml 的内容来定义两个新常量 −

<?xml version="1.0" encoding="utf-8"?>
<resources>
   <string name="app_name">ListDisplay</string>
   <string name="action_settings">Settings</string>
</resources>

以下是 res/layout/activity_listview.xml 文件的内容 −

<?xml version="1.0" encoding="utf-8"?>
<!--  Single List Item Design -->

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
   android:id="@+id/label"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:padding="10dip"
   android:textSize="16dip"
   android:textStyle="bold" >
</TextView>

让我们尝试运行我们刚刚修改的 Hello World! 应用程序。假设您在进行环境设置时已经创建了 AVD。 要从 Android Studio 运行应用程序,请打开项目的一个活动文件,然后单击工具栏中的运行 Eclipse 运行图标 图标。Android Studio 在您的 AVD 上安装应用程序并启动它,如果您的设置和应用程序一切正常,它将显示以下 Emulator 窗口 −

列表视图

SimpleCursorAdapter

当您的数据源是数据库游标时,您可以使用此适配器。 使用 SimpleCursorAdapter 时,您必须为 Cursor 中的每一行指定一个布局,以及应该将 Cursor 游标中的哪些列插入到布局的哪些视图中。

例如,如果要创建人员姓名和电话号码的列表,您可以执行一个查询,该查询返回一个游标,其中包含每个人的行和姓名和号码的列。然后,您创建一个字符串数组,指定要在布局中为每个结果使用游标中的哪些列,并创建一个整数数组,指定每列应放置的相应视图 −

String[] fromColumns = {ContactsContract.Data.DISPLAY_NAME, 
   ContactsContract.CommonDataKinds.Phone.NUMBER};
int[] toViews = {R.id.display_name, R.id.phone_number};

当您实例化 SimpleCursorAdapter 时,传递用于每个结果的布局、包含结果的游标以及这两个数组 −

SimpleCursorAdapter adapter = new SimpleCursorAdapter(this, 
   R.layout.person_name_and_number, cursor, fromColumns, toViews, 0);
        
ListView listView = getListView();
listView.setAdapter(adapter);

SimpleCursorAdapter 然后使用提供的布局为游标中的每一行创建一个视图,方法是将每个 from Columns 项插入相应的 toViews 视图。

❮ Android UI 布局