窗口与布局

窗口是组成安卓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)属性分配剩余空间。

  • 用途

    • 适合简单的线性排列,如表单、列表等。

    • 常用于需要按比例分配空间的场景。

帧布局

  • 特点

    • 子视图可以重叠,默认从左上角开始排列。

    • 适用于单视图显示或视图叠加。

  • 用途

    • 常用于需要重叠视图的场景,如在图片上面显示文字、或标签。

    • 适合显示单一视图或需要动态切换视图的情况。

宫格面板

  • 特点

    • 类似九宫格,子组件按照宫格列表依次排列。
  • 用途

    • 常用于需要整齐、排列、按照等分显示的场景。

弹性布局

  • 特点

    • 子组件按照顺序依次排列,当超过布局宽度时,自动换行从第二行重新开始排列。
  • 用途

    • 适用于不固定、连续单独显示内容的场景。