Android开发界面布局 | 青训营笔记

131 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的的第2天,本次笔记主要总结安卓开发入门基础知识。

界面显示与逻辑处理

利用XML标记描绘应用界面,使用Java代码书写逻辑程序。

界面显示

LinearLayout : 线性布局。
match_parent : 填充父容器。适应屏幕大小。
wrap_content : 有多少文字,长度就有多少。

image.png

逻辑处理

image.png

创建新的App页面

方法一

1.在layout目录下创建XML文件
2.创建与XML文件对应的Java代码
3.在AndroidMainifest.xml中注册页面配置

方法二

依次选择右键菜单New->Activity->Empty Activity。

image.png

设置文本和视图

设置文本的两种方式

1.在XML文件中通过属性android:设置文本。
image.png 2.在java代码中调用文本视图对象的setText方法设置文本。

image.png

设置视图间距的两种方式

1.采用layout_margin属性,它指定了当前视图与周围平级视图之间的距离。
2.采用padding属性,它指定了当前视图与内部下级视图之间的距离。

image.png

设置视图对齐的两种方式

1.采用layout_gravity属性,它指定了当前视图相对于上级视图的对齐方式。
2.采用gravity属性,它指定了下级视图相对于当前视图的对其方式。

取值包括:left、top、right、bottom,还可以用竖线连接取值,例如“left|top”表示既靠左又靠右,也就朝左上角对齐。

image.png

常用布局

线性布局LinearLayout

orientation属性值为horizontal时,内部视图在水平方向从左到右排列;属性值为vertical时,内部视图在垂直方向从上到下排列。在以上举例中使用的就是这种布局。

相对布局RelativeLayout

相对布局的下级视图位置由其它视图决定。用于确定下级视图位置的参照物分两种:
1.与该视图自身平级的视图
2.该视图的上级视图。

image.png

网格布局GridLayout

网格布局支持多行多列的表格排列。新增了两个属性:
1.columnCount,指定了网格的列数,即每行能放多少个试图。
2.rowCount,指定了网格的行数,即每列能放多少个视图。

image.png

滚动视图ScrollView

滚动视图有两种: 1.ScrollView,垂直方向滚动视图,layout_width属性设置为match_parent,layout_height属性值设置为wrap_content。
2.HorizontalScrollView,水平方向滚动视图,layout_width属性设置为wrap_content,layout_height属性值设置为match_parent。

image.png