android界面布局详解中文最新版本资源-CSDN文库

共3个文件

url：2个

doc：1个

版权申诉

41 浏览量 2024-12-01 08:00:11 上传评论收藏 454KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

android界面布局详解中文.rar （3个子文件）

temp_download_unzip

电子书大全.url 170B

android界面布局详解.doc 620KB

PDF阅读器下载.url 125B

android 界面布局详解

我们这次深入分析 Android 应用程序的布局文件，主要内容如下：

� 1、用户界面及视图层次

� 2、Android 中布局定义方法

� 3、编写 XML 布局文件及加载 XML 资源

� 4、常用布局文件中元素的属性

� 4.1、ID 属性

� 4.2、布局参数

� 5、布局位置&大小&补距&边距

� 6、又是“Hello World！”

� 6.1、又是“Hello World！”（一）

� 6.2、又是“Hello World！”（二）

� 6.3、又是“Hello World！”（三）

1、用户界面及视图层次

在通过“Hello World！”介绍 Android 中的布局问题之前，不得不先介绍一下 Android 中的

用户界面，因为布局问题也是用户界面问题之一。在一个 Android 应用程序中，用户界面通

过 View 和 ViewGroup 对象构建。Android 中有很多种 Views 和 ViewGroups，他们都继承自

View 类。View 对象是 Android 平台上表示用户界面的基本单元。

View 类：

extendsObject

implementsDrawable.Callback KeyEvent.Callback AccessibilityEventSource

这个类表示用户界面组件的基本构建块，一个 View 占据屏幕上的一个矩形区域，并负责

绘图和事件处理。View 类是

widgets

的基类，

widgets

用于创建交互式 UI 组件

（buttons、text fields 等）。View 类的直接子类 ViewGroup 类是

layouts

的基类，

layouts

是不可见的容器用户保持其他 Views 或者其他 ViewGroups 和定义它们的布局属

性。

一个 View 对象是一个数据结构，它的属性存储屏幕上一个特定矩形区域的布局参数和内容。

一个 View 对象处理它自己的测度、布局、绘图、焦点改变、滚动、键/手势等与屏幕上矩形

区域的交互。作为用户界面中的对象，View 也是与用户交互的一个点且交互事件接收器。

在 Android 平台上，你定义活动的 UI 使用的 View 和 ViewGroup 节点的层次结构如下图所示。

根据你的需要这个层次树可以是简单的或复杂的，并且你能使用 Android 预定义的

widgets

和

layouts

集合，或者使用自定义的 Views。

图 1、视图层次结构

为了将视图层次树呈现到屏幕上，你的活动必须调用 setContentView()方法并且传递到根节

点对象的引用。Android 系统接收这个引用并使用它来验证、测度、绘制树。层次的根节点

要求它的孩子节点绘制它自己——相应地每个试图组节点要求调用自己的孩子视图去绘制他

们自己。子视图可能在父视图中请求指定的大小和位置，但是父视图对象有最终决定权（子

视图在哪个位置及多大）。因为它们是按序绘制的，如果元素有重叠的地方，重叠部分后面

绘制的将在之前绘制的上面。

2、Android 中布局定义方法

布局是一个活动中的用户界面的架构，它定义了布局结构且存储所有显示给用户的元素。有

两种方式可以声明布局，这个我们在上文中已经用了（对应上文的“Hello World 的手术

（二）”、“Hello World 的手术（三）”）。我们再重温总结一下：

� 方法一、在 XML 格式的布局文件中声明 UI。Android 提供了简易的 XML 词汇表对

应视图类和其子类，诸如

widgets

和

layouts

。

� 方法二、在运行时实例化布局元素。可以编程地创建 View 和 ViewGroup 对象，

并操作他们的属性。

Android 框架给我们灵活地使用这两个方法之一或两个声明和管理你的应用程序的 UI。例如，

你可以用 XML 格式的布局文件定义应用程序默认的布局，包括将显示在屏幕的元素和属性。

然后你可以编程地修改屏幕上对象的状态，包括定义在 XML 文件中的元素。

最常用的是方法一，即用一个 XML 的布局文件定义自己的布局和表达层次视图。XML 提供一

种直观的布局结构，类似 HTML。XML 中的每个元素是一个 View 或者 ViewGroup 对象（或继承

自他们的对象）。View 对象是树中的叶子，ViewGroup 对象是树中的分支，这点可以从上面

的视图层次树中可以看出。

在 XML 布局文件中声明 UI 的优点是：使应用程序的界面与控制它行为的代码更好地分离了。

UI 描述在应用程序代码之外，这意味着你可以修改或调整它而不用修改你的源码并重新编译。

例如，你可以为不同的屏幕方向、不同的屏幕大小、不同的语言创建 XML 布局文件。此外，

在 XML 中声明布局更易地可视化你的 UI 结构，因此更容易调试问题。

一个元素 XML 元素的名字对应到一个 Java 类，因此一个<TextView>元素在你的 UI 中创建一

个 TextView，一个<linearLayout>元素创建一个 LinearLayout 的视图组。当你加载一个布

局资源时，Android 系统初始化这些运行时对象，对应你的布局中的元素。XML 元素的属性对

应到一个 Java 类的方法。

3、编写 XML 布局文件及加载 XML 资源

使用 Android 的 XML 词汇，我们可以快速地设计 UI 布局及包含的屏幕元素，就像 web 页面的

HTML。每个布局文件必须包含一个根元素，根元素必须是一个 View 或 ViewGroup 对象。一旦

你已经定义了根元素，你可以添加额外的

layout

对象或

widgets

作为子元素，逐步地构建一

个视图层次定义你的布局。例如，下面的 XML 布局文件使用了纵向的 LinearLayout 保存一个

TextView 和一个 Button。

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

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

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

<TextView android:id="@+id/text"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

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

<Button android:id="@+id/button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

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

</LinearLayout>

布局文件以.xml 为扩展名，保存在 res/layout/下面，它将会被正确地编译。我们已经定义

好了布局文件，那它是怎么被加载的呢？当我们编译应用程序时，每个 XML 布局文件被编译

成一个 View 资源。我们应该在应用程序代码中加载布局资源，在 Activity.onCreate()回调

中通过调用 setContentView()实现，以 R.layout.layout_

file_name

形式传递给它布局资源

的引用。例如，如果你的 XML 布局保存为 main_layout.xml，你应该这样加载它：

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView.(R.layout.main_layout);

}

活动中的 onCreate()回调方法，当你的活动启动时被 Android 框架调用（详见 Android 开发

之旅：组件生命周期（一），详细介绍了活动组件的生命周期）。

4、常用布局文件中元素的属性

每个 View 和 ViewGroup 对象支持他们自己的各种 XML 属性。一些属性特定于一个 View 对象

（例如，TextView 支持 textSize 属性），但是这些属性也被继承自这个类的任何 View 对象

继承。一些属性对所有 View 对象可用，因为他们从根 View 类继承（诸如 id 属性）。并且，

其他属性被考虑为“布局参数”，这些属性描述特定 View 对象的特定布局方向，由对象的父

ViewGroup 对象定义。

4.1、ID 属性

每个 View 对象都有一个关联的 ID，来唯一标识它。当应用程序被编译时，这个 ID 作为一个

整数引用。但是 ID 通常是在布局 XML 文件中作为字符串分配的，作为元素的 id 属性。这个 XML

属性对所有的 View 对象可用且会经常用到。XML 中的 ID 语法如下：

android:id="@+id/my_button"

字符串前的@符号表示 XML 解析器应该解析和扩展剩下的 ID 字符串，并把它作为 ID 资源。+

符号表示这是一个新的资源名字，它必须被创建且加入到我们的资源（R.java 文件，R 是

Resource）。Android 框架提供一些其他的 ID 资源。当引用一个 Android 资源 ID 时，你不

需要+符号，但是你必须添加 android 包名字空间，如下：

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

为了创建视图和从应用程序引用他们，通常的模式是：

1. 首先在布局文件中定义一个视图/构件对象并分配一个唯一的 ID：

<Button android:id="@+id/my_button"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

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

2. 然后创建一个视图对象实例并从布局中获取它（典型的是在 onCreate()方法

中）：

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

4.2、布局参数

名为 layout_

something

的 XML 布局属性，为视图定义适合于它所驻留的 ViewGroup 的布局参

数。每个 ViewGroup 类实现一个扩展自 ViewGroup.LayoutParams 的嵌套类。这个子类包含为

每个子视图定义大小和位置的属性类型，以适合于该视图组。如下图所示，父视图组为每个

子视图定义布局参数（包括子视图组）。

图 2、布局参数

注意每个 LayoutParams 子类有它自己的设置值的语法。每个子元素必须定义适合于它父视图

的 LayoutParams，虽然它可能也为自己的子视图定义不同 LayoutParams。

所有的视图组包括宽带和高度（layout_width 和 layout_height），并且每个视图要求要定

义它们。许多 LayoutParams 也包括可选的边距和边界。你可以指定宽度和高度的具体值，虽

然你可能并不想这样做。更多地你将告诉视图它的大小依据它内容要求或跟父视图组所允许

的一样大（分别用 wrap_content 和 fill_parent 值）。

5、布局位置&大小&补距&边距

视图的几何形状是一个矩形。视图的位置表示为一个 left 和 top 的坐标对，尺寸（dimensions）

表示为宽度和高度。位置和尺寸的单位是像素（pixel）。

可以通过调用 getLeft()和 getTop()检索视图的位置。前者返回视图矩形坐标的 left 或 x，

后者返回视图矩形坐标的 right 或 y。这些方法返回相对于与其父视图的相对位置，例如当

getLeft()返回 20，即认为视图到其直接父视图的左边距离为 20 像素。

此外，提供了一些额外的方法如 getRight()和 getButtom()避免不必要的计算。这些方法返

回视图坐标的右边距和底边距。例如，调用 getRight()等同于下面的计算：

getLeft()+getWidth()。

视图的大小（size）也表示为宽度和高度，但跟上面尺寸（dimensions）是区别的。上面的

尺寸定义视图想在父视图中占多大，视图的尺寸可以通过 getMeasureWidth()和

getMeasureHeight()获得。而视图的大小（size）则表示视图在屏幕上的实际大小，他们的

值可以跟视图尺寸的不一样，但也不是非得这样。视图的大小可以通过 getWidth()和

getHeight()获得。

为了估量视图的尺寸，必须考虑它的补距（padding，即视图内容与视图边框的距离）。补距

以像素表示视图的 left、top、right 和 bottom 部分的空白。补距可以用来按特定数量的像

素偏移视图内容。例如，左补距是 2 将输出内容离左边框 2 像素。补距可以通过

setPadding(int, int, int, int)方法设置和通过 getPaddingLeft()、getPaddingRight()、

评论收藏

内容反馈

版权申诉

乔丹搞IT

粉丝: 5256
资源: 495

android界面布局详解中文最新版本

android界面布局详解

Android界面布局详解

Android四大布局详解

android界面布局

Android开发登陆界面布局

Android六大布局详解

android布局属性详解.

Android_布局详解【图文】

android 五大布局详解

android应用开发详解

Android界面设计工具DroidDraw 最新版本

Android应用开发详解.pdf

Android应用开发详解pdf

android布局属性详解

android 项目开发详解代码

Android应用开发详解2010版

android线性布局详解.doc

《Android应用开发详解》源码（全章节）

《Android应用开发详解》PDF

Android项目开发详解

Android应用开发详解与代码(清晰版)

Android应用开发详解-附源码

android优化技术详解

Android约束布局ConstraintLayout使用完全解析

android布局属性RelativeLayout详解.

android应用开发详解 【郭宏志】 pdf

Google Chrome浏览器ChromeDriver驱动下载(Chrome版本：131.0.6778.86)win64

yolov11源码+yolov11n、s、m.pt文件整合8.3.20版本

最新资源

android应用开发详解【郭宏志】 pdf