窗口与布局
窗口是组成安卓APP程序的重要元素,APP 中的窗口除了起着展示内容的作用、还承担着与用户交互的功能。
窗口设计与布局相关视频教程:绝对布局-5678
窗口代码结构
轻语言安卓程序中的窗口,与轻语言普通程序中的源代码文件基本一致,但每个APP窗口默认源代码必须包含事件:窗口创建完毕
示例:
' ****************************************************************************
' 版权说明:Copyright(C) All Rights Reserved VcnStudio
' 程序版本:V1.0
' 文件描述:窗口功能描述、注释,非必须的
' 修改日志:
' ****************************************************************************
' 窗口成员变量、非必须的,可删除
变量 页面标记 为 文本型 = ""
' 默认窗口主要事件,该事件不能被删除
事件 窗口创建完毕()
结束 事件
' 监听窗口中按钮1被单击事件,非必须的
事件 按钮1.被单击(来源对象 为 视图)
弹出提示("按钮1被单击")
结束 事件
窗口界面设计
APP 中每个窗口都有一个界面设计文件,该文件采用XML语言描述并记录窗口中组件及布局的设计,(文件后缀为:.xml
),界面设计文件必须与窗口名称同名,所有窗口设计文件只能存放在项目工程目录中的 layout
文件夹中,设计文件支持使用外部编辑器打开手动修改,修改时需遵守 XML 语言规范,如果布局文件格式错误,在 IDE 中打开可视化设计时将会发生错误,默认窗口界面设计内容如下:
<?xml version="1.0" encoding="utf-8"?>
<设计稿 宽度="" 高度="">
<绝对布局 名称="根布局">
<标签 名称="标签1" 标题="我是新建窗口" 左边="12" 顶边="12" 宽度="296" 高度="90" />
<按钮 名称="按钮1" 标题="点击测试" 左边="12" 顶边="126" 宽度="296" 高度="37" />
</绝对布局>
</设计稿>
-
设计稿
- 设计稿为界面设计的根节点,有两个属性,可以设置设计稿(IDE中设计窗口)的宽高尺寸(单位为:像素);默认设计稿尺寸为宽高:320 * 480
-
根布局
- 设计稿节点中只能有一个子组件,该组件为根布局,在根布局中可以存在多个子组件或子布局,在IDE可视化设计时,向窗口中添加的组件或布局默认都会被添加到根布局中。
-
根布局类型
- 根布局类型可以为:绝对布局、线性布局、帧布局
常用布局
轻语言安卓框架中内置了 5
种常用布局:
绝对布局
-
特点:
-
通过指定子视图的精确坐标(x, y)来定位。
-
灵活性高,但缺乏自适应能力。使用时需要根据屏幕宽高手动计算位置。
-
-
用途:
-
适用于需要精确控制视图位置的场景。
-
适用于快速设计、可视化拖拽设计界面的场景。
-
绝对布局为轻语言安卓项目中默认布局。
-
线性布局
-
特点:
-
子视图按水平(horizontal)或垂直(vertical)方向排列。
-
通过权重(weight)属性分配剩余空间。
-
-
用途:
-
适合简单的线性排列,如表单、列表等。
-
常用于需要按比例分配空间的场景。
-
帧布局
-
特点:
-
子视图可以重叠,默认从左上角开始排列。
-
适用于单视图显示或视图叠加。
-
-
用途:
-
常用于需要重叠视图的场景,如在图片上面显示文字、或标签。
-
适合显示单一视图或需要动态切换视图的情况。
-
宫格面板
-
特点:
- 类似九宫格,子组件按照宫格列表依次排列。
-
用途:
- 常用于需要整齐、排列、按照等分显示的场景。
弹性布局
-
特点:
- 子组件按照顺序依次排列,当超过布局宽度时,自动换行从第二行重新开始排列。
-
用途:
- 适用于不固定、连续单独显示内容的场景。