GUI-概述
以下章节将描述每个红色视图元素(面、面、容器设置、布局命令和查看优化)但我发现,对Red如何创建gui的概述使理解这些元素之间的相互关系更加简单。
简单开始:
Red通过在视图块中描述gui来创建gui。这种描述非常简单,最简单的形式是:
如果要编译脚本,必须在红色标题中添加“needs:view”。如果从GUI控制台运行脚本,则视图模块已经存在。
一个示例代码:
以及生成的GUI:
红色文档调用按钮和字段之类的东西”面孔“(又称“小部件”)。这些面孔设置在布局内部容器(窗口)
有关键字(布局命令)它定义了面孔显示在上面布局. 这些命令应在更改面之前写入:
在下面的示例中,在下面
(一)layout命令)让瑞德安排面孔而不是默认值穿过
第一个例子:
生成的图形用户界面:
还有容器设置,描述窗口本身的外观。以及容器设置以及布局命令允许进一步的细节,如尺寸、颜色等。面孔不仅允许这种细节(称为面在Red的行话中)也可以允许一个命令块由面对(称为“作用面)在事件中,例如单击按钮。
示例代码:
以及生成的GUI:
每个人都明白怎么做方面简单地说数据提示!
. 所以如果它看到一对!
如果它看到一张脸绳子!
它知道要显示的是文本。一个奇怪的结果是。。。
按钮50x20“按我”[退出]
按钮“按我”[退出]50x20
按钮[退出]50x20“按我”
... 都是一样的,也就是说,它们产生了相同的图形用户界面。
这个看法
命令允许对窗口本身(而不是窗口内部的布局)进行优化。细分在主视图块之后的块中进行了描述,并应按照在view命令中声明的相同顺序进行编码:
在下面的代码中,flags告诉Red窗口是模态类型并且可以调整大小,而选项的优化块使窗口显示在屏幕的左上角(向下50像素,左50像素):
生成的图形用户界面: