gui界面怎么分页_Red语言-GUI-概述

GUI-概述

---

以下章节将描述每个红色视图元素(面、面、容器设置、布局命令和查看优化)但我发现，对Red如何创建gui的概述使理解这些元素之间的相互关系更加简单。

简单开始：

Red通过在视图块中描述gui来创建gui。这种描述非常简单，最简单的形式是：

如果要编译脚本，必须在红色标题中添加“needs:view”。如果从GUI控制台运行脚本，则视图模块已经存在。

一个示例代码：

以及生成的GUI：

---

红色文档调用按钮和字段之类的东西”面孔“（又称“小部件”）。这些面孔设置在布局内部容器（窗口）

有关键字(布局命令)它定义了面孔显示在上面布局. 这些命令应在更改面之前写入：

在下面的示例中，在下面（一）layout命令)让瑞德安排面孔而不是默认值穿过第一个例子：

生成的图形用户界面：

---

还有容器设置，描述窗口本身的外观。以及容器设置以及布局命令允许进一步的细节，如尺寸、颜色等。面孔不仅允许这种细节（称为面在Red的行话中）也可以允许一个命令块由面对（称为“作用面）在事件中，例如单击按钮。

示例代码：

以及生成的GUI：

每个人都明白怎么做方面简单地说数据提示！. 所以如果它看到一对！如果它看到一张脸绳子！它知道要显示的是文本。一个奇怪的结果是。。。

按钮50x20“按我”[退出]
按钮“按我”[退出]50x20 
按钮[退出]50x20“按我”

... 都是一样的，也就是说，它们产生了相同的图形用户界面。

---

这个看法命令允许对窗口本身（而不是窗口内部的布局）进行优化。细分在主视图块之后的块中进行了描述，并应按照在view命令中声明的相同顺序进行编码：

在下面的代码中，flags告诉Red窗口是模态类型并且可以调整大小，而选项的优化块使窗口显示在屏幕的左上角（向下50像素，左50像素）：

生成的图形用户界面：