Android UI学习
UI Overview
Android 系统中的所有 UI 类都是建立在 View 和 ViewGroup 两个类的基础之上的,所有 View 的子类称为 Widget,所有 ViewGroup 的子类称为 Layout。
Activity 是 Android 应用程序与用户交互的接口,每一个屏幕视图都对应一个 Activity。
Activity 本身无法显示在屏幕上,其更像一个用于装载可显示组件的容器。就好比一个JSP页面,它本身并没有显示出来任何东西,负责显示的是 JSP 页面内的各种 HTML 标签,而 JSP 页面好比一个容器,负责将这些表情装载到页面内。
那么在 Android 应用程序里,谁才是真正负责显示的那部分呢?答案是 View 和 ViewGroup,其中 ViewGroup 是 View 的子类。
Android UI 界面是通过 View(视图)和 ViewGroup 及其派生类组合而成的。
在Android APP中,所有的用户界面元素都是由View和ViewGroup的对象构成的。View是绘制在屏幕上的用户能与之交互的一个对象。而ViewGroup则是一个用于存放其他View(和ViewGroup)对象的布局容器! Android为我们提供了一个View和ViewGroup子类的集合,集合中提供了一些常用的输入控件(比如按钮和文本域)和各种各样的布局模式(比如线性或相对布局)。
User Interface Layout
你的APP的用户界面上的每一个组件都是使用View和ViewGroup对象的层次结构来构成的,比如 图 1。每个ViewGroup都是要给看不见的用于组织子View的容器,而它的子View可能是输入控件 或者在UI上绘制了某块区域的小部件。有了层次树,你就可以根据自己的需要,设计简单或者复 杂的布局了(布局越简单性能越好)
图 1.一个UI布局的层次结构的插图
定义你的布局,你可以在代码中实例化View对象并且开始构建你的树,但最容易和最高效的方式来定义你的布局则是使用一个XML文件,用XML来构成布局更加符合人的阅读习惯,而XML类似与HTML 使用XML元素的名称代表一个View。所以< TextView >元素会在你的界面中创建一个TextView控件,而一个< LinearLayout >则会创建一个LinearLayout的容器!
Android 目录结构

图 1 Android目录结构
- 以
.
开头的目录是 AS 生成的辅助目录,无须用户干预。 - HelloAndroid 文件夹是模块目录,编程工作主要集中在这个目录中,相当于使用 Eclipse 构建的工程文件夹,包含 build、src、res 等文件夹。
- res 目录为 Android 工程中所使用的资源目录,用户 UI 所涉及的资源基本都放置在该目录下。res 目录下的每一项资源文件都会由 AAPT(Android Asset Packaging Tool)为其生成一个对应的 public static final 类型的 ID 号,放置到 build 目录下的 R.java 文件中,Android 系统根据该 ID 号来访问对应资源。
- build 目录由 AS 自动生成,不需要用户修改,由系统维护。
- res/drawable/ 目录用来存放工程中使用到的图片文件,drawable 之后的 hdpi、ldpi、mdpi 分别放高分辨率、低分辨率和中分辨率的图片以适应不同分辨率的手机,Android 系统会根据用户手机的配置信息自动选取合适分辨率的图片文件,无须程序员干预。
- res/layout/ 目录下存放着定义 UI 布局文件用的 XML 文件,默认文件名为 main.xml。
- res/values/ 目录下存放着用于存储工程中所使用到的一些字符串信息的文件,默认文件名为 strings.xml。
当然,每个目录下都可以存放多个 XML 文件,可由开发者自行创建。由此可见,Android 工程中使用的用户 UI 设计以及用户 UI 中涉及的字符串都是由 XML 文件来存储的。Android 系统使用 XML 文件来定义用户视图。
单击打开 values 文件夹下的 string.xml 文件显示出如下代码:
<?xml version="1.0" encoding="UTF-8" ?> <resources> <string name="hello">Hello Android!</string> <string name="app_name">HelloAndroid</string> </resources>
<?xml version="1.0" encoding="utf-8"?>
定义了 XML 的版本号和字符编码,这个部分在所有的 XML 文件中都会有,由系统自动添加,不需要修改。<resources> 标签定义了 hello 和 app_name 两个变量,可以被 HelloAndroid 工程直接使用。当该文件被修改时,gen 目录下的 R.java 文件也会跟随进行更新。
双击 main.xml 文件,代码如下:
<?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/textView1" android:layout_width="fill_parent" android:layout_height="wrap_content" android:text="@string/hello"/> </LinearLayout>
在 HelloAndroid 实例中添加的是一个 TextView 组件,相当于一个显示内容的标签。Android SDK 提供了
@[<package_ name>:]<resource_type>/<resource_name>
方式,以便于从 XML 文件中访问工程的资源。下面简单介绍一下 TextView 中的属性:
- android:layout_width="fill_parent" 指定其宽度覆盖满容器的宽。
- android:layout_height= "wrap_content" 指定其高度跟随其显示内容变化。
- android:id="@+id/textView1" 指明该 TextView 的 ID 值为 R.java 文件中 ID 类的成员常量 textView1。
- android:text="@string/hello" 指明该 TextView 组件显示的内容为资源文件 string.xml 中定义的 hello 变量的内容。
- android:text 属性也可以直接指定要显示的字符串,但是在实际的工程开发过程中不鼓励这种方式,而应该使用资源文件中的变量,因为这样便于工程维护和国际化。
在本教程中,为了节省篇幅,部分显示内容简单的组件使用了字符串直接赋值的方法。
Android 工程中使用到的资源文件都会在 gen 目录下的 R.java 中生成对应项,由系统为每个资源分配一个十六进制的整型数值,唯一标明每个资源。
HelloAndroid 工程中的 R.java 文件代码如下:
package introduction.android.helloandroid; public final class R { public static final class attr { } public static final class drawable { public static final int ic_launcher=0x7f020000; } public static final class id { public static final int textView1=0x7f050000; } public static final class layout { public static final int main=0x7f030000; } public static final class string { public static final int app_name=0x7f040001; public static final int hello=0x7f040000; } }
由该文件可见,R 为静态最终类。其中 public static final class layout 代表的是 res/layout 文件夹的内容,layout 类的每个整型常量代表该文件夹下的一个 XML 布局文件。
例如,public static final int main 代表的是 main.xml 文件,0x7f030000 为系统 main.xml 文件生成的整型数值。在 Android 工程中根据该数值找到 main.xml 文件。public static final class string 代表的是 res/values/strings.xml 文件,string 类中的每个整型常量型成员代表 strings.xml 文件中定义的一个变量。例如,public static final int app_name 代表 strings.xml 中定义的 app_name 变量,public static final int hello 代表 stings.xml 文件中定义的 hello 变量。
在工程开发过程中,可以通过 [<package_name>.]R.<resource_type>.<resource_name> 方式来访问 R 中定义的任意资源。其中:
- package_name 为资源文件被放置的包路径,一般可以省略。
- resource_type 为资源类型,例如 layout、string、color、drawable、menu 等。
- resource_ name 指的是为资源文件在类中定义的整型常量的名字。
请看下面的例子:
setContentView(R.layout.main);
这行代码中,通过 R.layout.main 找到了布局文件 main.xml,并通过 setContentView 方法将其设置为当前 Activity 的视图。要从视图中查找某个组件,需要使用 findViewById 方法,通过组件 ID 获取组件的对象。例如,要获取 main.xml 中的 TextView 组件对象,需要执行以下代码:
TextView textview=(TextView)findViewById(R.id.textView1);
@+id/和@id/的区别
Activity_mian.xml 这样的xml布局文件中发现了,类似@+id/和@id/到底有什么区别呢? 这里@可以理解为引用,而多出的+代表自己新声明的。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!