android 最新布局空间,布局 | Android 开发者 | Android Developers

布局定义了应用中的界面结构(例如 Activity 的界面结构)。布局中的所有元素均使用

图 1. 视图层次结构的图示，它定义了一个界面布局

ConstraintLayout。

您可通过两种方式声明布局：

在 XML 中声明界面元素。Android 提供对应 View 类及其子类的简明 XML 词汇，如用于微件和布局的词汇。

您也可使用 Android Studio 的 Layout Editor，并采用拖放界面来构建 XML 布局。

在运行时实例化布局元素。您的应用能以程序化方式创建 View 对象和 ViewGroup 对象(并操纵其属性)。

通过在 XML 中声明界面，您可以将应用外观代码与控制其行为的代码分开。使用 XML 文件还有助于为不同屏幕尺寸和屏幕方向提供不同布局(支持不同的屏幕尺寸中深入阐述了此内容)。

借助 Android 框架，您可以灵活选择使用两种或其中一种方法来构建应用界面。例如，您可以在 XML 中声明应用的默认布局，然后在运行时修改布局。

提示：如需在运行时调试您的布局，请使用Layout Inspector 工具。

编写 XML

您可以利用 Android 的 XML 词汇，按照在 HTML 中创建包含一系列嵌套元素的网页的相同方式快速设计界面布局及其包含的屏幕元素。

每个布局文件都必须只包含一个根元素，并且该元素必须是视图对象或 ViewGroup 对象。定义根元素后，您可以子元素的形式添加其他布局对象或微件，从而逐步构建定义布局的视图层次结构。例如，以下 XML 布局使用垂直

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Hello, I am a TextView" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="Hello, I am a Button" />

在 XML 中声明布局后，请以 .xml 扩展名将文件保存在您 Android 项目的 res/layout/ 目录中，以便该文件能正确编译。

如需详细了解布局 XML 文件的语法，请参阅布局资源文档。

加载 XML 资源

当您编译应用时，系统会将每个 XML 布局文件编译成 R.layout.layout_file_name 形式向应用代码传递对布局资源的引用，您即可执行此操作。例如，如果您的 XML 布局保存为 main_layout.xml，您应通过如下方式为 Activity 加载布局资源：

Kotlin

fun onCreate(savedInstanceState: Bundle) {

super.onCreate(savedInstanceState)

setContentView(R.layout.main_layout)

}Java

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main_layout);

}

启动 Activity 时，Android 框架会调用 Activity 中的 onCreate() 回调方法(请参阅 Activity 文档中有关生命周期的阐述)。

属性

每个 View 对象和 ViewGroup 对象均支持自己的各种 XML 属性。某些属性是 View 对象的特有属性(例如，TextView 支持 textSize 属性)，但可扩展此类的任一 View 对象也会继承这些属性。某些属性是所有 View 对象的共有属性，因为它们继承自 View 根类(例如 id 属性)。此外，其他属性被视为“布局参数”，即描述 View 对象特定布局方向的属性，如该对象的父 ViewGroup 对象所定义的属性。

ID

任何 View 对象均可拥有与之关联的整型 ID，用于在结构树中对 View 对象进行唯一标识。编译应用后，系统会以整型形式引用此 ID，但在布局 XML 文件中，系统通常会以字符串的形式在 id 属性中指定该 ID。这是所有 View 对象共有的 XML 属性(由

android:id="@+id/my_button"

字符串开头处的 @ 符号指示 XML 解析器应解析并展开 ID 字符串的其余部分，并将其标识为 ID 资源。加号 (+) 表示这是一个新的资源名称，必须创建该名称并将其添加到我们的资源(在 R.java 文件中)内。Android 框架还提供许多其他 ID 资源。引用 Android 资源 ID 时，不需要加号，但必须添加 android 软件包命名空间，如下所示：

android:id="@android:id/empty"

添加 android 软件包命名空间后，我们现在将从 android.R 资源类而非本地资源类引用 ID。

为了创建视图并从应用中引用它们，常见的模式是：

在布局文件中定义视图/微件，并为其分配唯一 ID：

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="@string/my_button_text"/>

然后创建视图对象的实例，并从布局中捕获它(通常使用

Kotlin

val myButton: Button = findViewById(R.id.my_button)Java

Button myButton = (Button) findViewById(R.id.my_button);

创建

ID 无需在整个结构树中具有唯一性，但其在您要搜索的结构树部分中应具有唯一性(要搜索的部分往往是整个结构树，因此最好尽可能具有全局唯一性)。

注意：在 Android Studio 3.6 及更高版本中，视图绑定功能可以替换 findViewById() 调用，并为与视图互动的代码提供编译时类型安全。考虑使用视图绑定，而非 findViewById()。

布局参数

名为 layout_something 的 XML 布局属性可以为视图定义适合其所在 ViewGroup 的布局参数。

每个 ViewGroup 类都会实现一个扩展

图 2. 以可视化方式表示的视图层次结构，其中包含与每个视图关联的布局参数

请注意，每个 LayoutParams 子类都有自己的值设置语法。每个子元素都必须定义适合其父元素的 LayoutParams，但父元素也可为其子元素定义不同的 LayoutParams。

所有视图组均包含宽度和高度(layout_width 和 layout_height)，并且每个视图都必须定义它们。许多 LayoutParams 还包括可选的外边距和边框。

您可以指定具有确切尺寸的宽度和高度，但您多半不想经常这样做。更常见的情况是，您会使用以下某种常量来设置宽度或高度：

wrap_content 指示您的视图将其大小调整为内容所需的尺寸。

match_parent 指示您的视图尽可能采用其父视图组所允许的最大尺寸。

一般而言，建议不要使用绝对单位(如像素)来指定布局宽度和高度。更好的方法是使用相对测量单位(如与密度无关的像素单位 dp、wrap_content 或 match_parent)，因为这样有助于确保您的应用在各类尺寸的设备屏幕上正确显示。可用资源文档中定义了可接受的测量单位类型。

布局位置

视图的几何形状就是矩形的几何形状。视图拥有一个位置(以一对“水平向左”和“垂直向上”的坐标表示)和两个尺寸(以宽度和高度表示)。位置和尺寸的单位是像素。

您可以通过调用 getLeft() 返回 20，则表示视图位于其直接父项左边缘向右 20 个像素处。

此外，系统还提供了几种便捷方法来避免不必要的计算，即 getLeft() + getWidth()。

尺寸、内边距和外边距

视图尺寸通过宽度和高度表示。实际上，视图拥有两对宽度和高度值。

第一对称为“测量宽度”和“测量高度”。这些尺寸定义视图希望在其父项内具有的大小。您可通过调用

第二对简称为“宽度”和“高度”，有时称为“绘制宽度”和“绘制高度”。这些尺寸定义绘制时和布局后，视图在屏幕上的实际尺寸。这些值可以(但不必)与测量宽度和测量高度不同。您可通过调用

为了测量尺寸，视图需将其内边距考虑在内。内边距以视图左侧、顶部、右侧和底部各部分的像素数表示。内边距可用于以特定数量的像素弥补视图内容。例如，若左侧内边距为 2，则会将视图内容从左边缘向右推 2 个像素。您可以使用

尽管视图可以定义内边距，但它并不支持外边距。不过，视图组可以提供此类支持。如需了解更多信息，请参阅

如需了解有关尺寸的详细信息，请参阅尺寸值。

常见布局

注意：尽管您可以通过将一个或多个布局嵌套在另一个布局内来实现界面设计，但您应尽量使布局层次结构保持简洁。嵌套的布局越少，布局的绘制速度便会越快(扁平的视图层次结构优于深层的视图层次结构)。

一种使用单个水平行或垂直行来组织子项的布局。此布局会在窗口长度超出屏幕长度时创建滚动条。

让您能指定子对象彼此之间的相对位置(子对象 A 在子对象 B 左侧)或子对象与父对象的相对位置(与父对象顶部对齐)。

显示网页。

使用适配器构建布局

如果布局的内容是动态内容或未预先确定的内容，您可以使用继承

适配器支持的常见布局包括：

显示滚动的单列列表。

显示滚动的行列网格。

使用数据填充适配器视图

Android 提供几个

请在数据源为数组时使用此适配器。默认情况下，

例如，如果您想在

Kotlin

val adapter = ArrayAdapter(this, android.R.layout.simple_list_item_1, myStringArray)Java

ArrayAdapter adapter = new ArrayAdapter(this,

android.R.layout.simple_list_item_1, myStringArray);

此构造函数的参数是：

包含数组中每个字符串的

字符串数组

Kotlin

val listView: ListView = findViewById(R.id.listview)

listView.adapter = adapterJava

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

listView.setAdapter(adapter);

如需自定义每个项的外观，您可以重写数组中各个对象的

请在数据来自

Kotlin

val fromColumns = arrayOf(ContactsContract.Data.DISPLAY_NAME,

ContactsContract.CommonDataKinds.Phone.NUMBER)

val toViews = intArrayOf(R.id.display_name, R.id.phone_number)Java

String[] fromColumns = {ContactsContract.Data.DISPLAY_NAME,

ContactsContract.CommonDataKinds.Phone.NUMBER};

int[] toViews = {R.id.display_name, R.id.phone_number};

当您实例化

Kotlin

val adapter = SimpleCursorAdapter(this,

R.layout.person_name_and_number, cursor, fromColumns, toViews, 0)

val listView = getListView()

listView.adapter = adapterJava

SimpleCursorAdapter adapter = new SimpleCursorAdapter(this,

R.layout.person_name_and_number, cursor, fromColumns, toViews, 0);

ListView listView = getListView();

listView.setAdapter(adapter);

然后，fromColumns 项插入对应的 toViews 视图，从而为.

如果您在应用的生命周期中更改适配器读取的底层数据，则应调用

处理点击事件

Kotlin

listView.onItemClickListener = AdapterView.OnItemClickListener { parent, view, position, id ->

// Do something in response to the click

}Java

// Create a message handling object as an anonymous class.

private OnItemClickListener messageClickedHandler = new OnItemClickListener() {

public void onItemClick(AdapterView parent, View v, int position, long id) {

// Do something in response to the click

}

};

listView.setOnItemClickListener(messageClickedHandler);

其他资源

Sunflower 演示应用中使用了布局。