android 查看ui布局,Android UI布局

本文介绍了Android用户界面的基础,包括View和ViewGroup的概念,讲解了常见的布局类型如LinearLayout、RelativeLayout等,并详细阐述了布局属性和重力属性,以及如何在XML中创建和加载布局。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

用户界面的基本构建块是 View

对象,它是从View类创建的,占据屏幕上的矩形区域,负责绘图和事件处理。View是窗口小部件的基类,用于创建交互式UI组件,如按钮,文本字段等。

在 一个ViewGroup 是的子类 视图 ,并提供持有其他意见或其他ViewGroups并定义它们的布局属性看不见的容器。

在第三级,我们有不同的布局,它们是ViewGroup类的子类,典型的布局定义了Android用户界面的可视化结构,可以在运行时使用 View /

ViewGroup 对象创建,也可以使用简单的XML文件 main_layout 声明布局 .xml ,它位于项目的res /

layout文件夹中。

e3f68d8921a3084e1f62c587ef862365.png

布局参数

本教程更多的是基于XML文件中定义的布局创建GUI。布局可以包含任何类型的小部件,例如按钮,标签,文本框等。以下是具有LinearLayout的XML文件的简单示例

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical" >

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="This is a TextView" />

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:text="This is a Button" />

创建布局后,可以在 Activity.onCreate()回调实现中从应用程序代码加载布局资源,如下所示 -

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

}

Android布局类型

Android提供了许多布局,您将在几乎所有Android应用程序中使用它们来提供不同的视图,外观和感觉。

序号

Layout & Description

1Linear Layout

LinearLayout是一个视图组,可以在一个方向上垂直或水平对齐所有子项。

2

Relative Layout

RelativeLayout是一个视图组,用于显示相对位置的子视图。

3

Table Layout

TableLayout是一个将视图分组为行和列的视图。

4

Absolute Layout

AbsoluteLayout使您可以指定其子项的确切位置。

5

Frame Layout

FrameLayout是屏幕上的占位符,可用于显示单个视图。

6

List View

ListView是一个显示可滚动项列表的视图组。

7

Grid View

GridView是一个ViewGroup,它以二维可滚动网格显示项目。

布局属性

每个布局都有一组属性,用于定义该布局的可视属性。所有布局中几乎没有共同的属性,它们是特定于该布局的其他属性。以下是常见属性,将应用于所有布局:

序号

属性和描述

1

android:id

这是唯一标识视图的ID。

2

android:layout_width

这是布局的宽度。

3

android:layout_height

这是布局的高度

4

android:layout_marginTop

这是布局顶部的额外空间。

5

android:layout_marginBottom

这是布局底部的额外空间。

6

android:layout_marginLeft

这是布局左侧的额外空间。

7

android:layout_marginRight

这是布局右侧的额外空间。

8

android:layout_gravity

这指定了子视图的定位方式。

9

android:layout_weight

这指定了布局中应该将多少额外空间分配给View。

10

android:layout_x

这指定了布局的x坐标。

11

android:layout_y

这指定了布局的y坐标。

12

android:layout_width

这是布局的宽度。

13

android:layout_width

这是布局的宽度。

14

android:paddingLeft

这是为布局填充的左边距。

15

android:paddingRight

这是为布局填充的正确填充。

16

android:paddingTop

这是为布局填充的顶部填充。

17

android:paddingBottom来

这是为布局填充的底部填充。

这里宽度和高度是布局/视图的尺寸,可以用dp(密度无关像素),sp(与尺度无关的像素),pt(点数为1/72英寸),px(像素),毫米(毫米),最后是(英寸)。

您可以使用精确测量指定宽度和高度,但更常见的是,您将使用这些常量之一来设置宽度或高度 -

android:layout_width = wrap_content 告诉您的视图将自身大小调整为其内容所需的维度。

android:layout_width = fill_parent 告诉你的视图变得和它的父视图一样大。

重力属性在定位视图对象中起着重要作用,它可以采用以下常量值中的一个或多个(由“|”分隔)。

Constant

Value

Description

top

0x30

将对象推到其容器的顶部,而不是更改其大小。

bottom部

0x50

将对象推到其容器的底部,而不是更改其大小。

left

×03

将对象推到其容器的左侧,而不是更改其大小。

right

0×05

将对象推到其容器的右侧,而不是更改其大小。

center_vertical

0x10

将对象放在其容器的垂直中心,而不是更改其大小。

fill_vertical

0x70

如果需要,增加对象的垂直尺寸,使其完全填充其容器。

CENTER_HORIZONTAL

0×01

将对象放在其容器的水平中心,而不是更改其大小。

fill_horizo​​ntal

0×07

如果需要,增加对象的水平尺寸,使其完全填充其容器。

center

0x11

将物体放在其容器的中心,在垂直和水平轴上,不改变其大小。

fill

0x77

如果需要,增大对象的水平和垂直尺寸,使其完全填充其容器。

clip_vertical

0x80的

可以设置为将子项的顶部和/或底部边缘剪切到其容器边界的附加选项。剪辑将基于垂直重力:顶部重力将剪切底部边缘,底部重力将剪切顶部边缘,并且两者都不会剪切两个边缘。

clip_horizo​​ntal

0x08的

可以设置为将子项的左边和/或右边剪裁到其容器边界的附加选项。剪辑将基于水平重力:左重力将剪切右边缘,右重力将剪切左边缘,并且两者都不会剪切两个边缘。

start

0x00800003

将对象推送到其容器的开头,而不是更改其大小。

end

0x00800005

将对象推送到其容器的末尾,而不是更改其大小。

查看标识

视图对象可以具有分配给它的唯一ID,这将在树中唯一地标识视图。XML标记内的ID语法是

android:id="@+id/my_button"

以下是@和+标志的简要说明 -

字符串开头的at符号(@)表示XML解析器应解析并扩展ID字符串的其余部分,并将其标识为ID资源。

加号(+)表示这是必须创建并添加到资源的新资源名称。要创建视图对象的实例并从布局中捕获它,请使用以下命令 -

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值