窗口与布局
在GUI(图形用户界面)视窗程序中,窗口是用户与应用程序交互的主要界面元素之一。窗口提供了一个可视化的容器,在这个容器内可以放置各种控件和组件,如按钮、文本框、标签等,以实现特定的功能或展示信息。
窗口逻辑文件
在轻语言视窗程序中,用于处理窗口逻辑的代码文件后缀为:.spl
,例如:主窗口.spl
窗口逻辑文件主要用于处理与用户的交互、展示界面内容、修改窗口内容、监听用户操作、监听并处理系统事件等等。
窗口上下文
由于设计器布局和窗口是分开的,因此如果要设置窗口标题或窗口其它属性,需要在窗口代码中使用自身上下文设置,在窗口中上下文一般表示为:本窗口/本对象
示例:
事件 窗口创建完毕()
本对象.标题 = "我的视窗程序演示1"
本对象.置尺寸(500,300)
结束 事件
窗口事件
轻语言视窗程序中每个窗口都有自己的独立事件,这些事件主要用于监听系统反馈给窗口的回调通知,例如常见的事件有:
-
窗口创建完毕
-
窗口被显示
-
窗口按键被按下
-
窗口尺寸被改变
-
...
更多事件及注释,请参考IDE支持库中的:系统基础类/窗口 中的内容。
需要特别注意的是:
窗口事件 ≠ 布局事件
在设计器中双击根布局添加的事件不为窗口事件,窗口事件只能在窗口代码编辑器中通过右键菜单:添加事件 菜单项进行添加。
窗口布局
轻语言视窗程序中,每个窗口都有一个与之对应的布局文件。该布局文件名称必须与窗口逻辑代码文件相同,布局文件的主要作用为:管理显示到窗口中的所有可视组件或内容。
例如在程序集中有以下两个窗口代码文件:
主窗口.spl
登录窗口.spl
对应的布局文件则为:
主窗口.xml
登录窗口.xml
每个窗口布局的内容都使用 XML
编写,可手动修改布局,也可直接在IDE中快速设计,布局内容示例:
<窗口 标题="窗口标题" 宽度="523" 高度="298">
<绝对布局 名称="根布局" >
<标签 名称="标签1" 左边="12" 顶边="12" 高度="40" 宽度="218" 标题="我是最棒的!" />
<按钮 名称="按钮1" 左边="12" 宽度="218" 顶边="70" 高度="40" 标题="点击测试" />
</绝对布局>
</窗口>
每个窗口的布局文件都统一位于项目根目录下的 layout
文件夹中。
窗口根布局
每个布局文件中都有一个根布局、所有窗口中的可视组件都必须添加到该根布局中,在对应的窗口逻辑代码中,可以直接使用 根布局
对象。
根布局最终将会被添加到窗口中,因此程序在运行时显示的内容即为根布局内容。