第 3 章:GUIX Studio 的说明

本章包含 GUIX Studio 系统分析工具的说明。 本章介绍 GUI 的总体功能。

GUIX Studio 视图

GUIX Studio UI 有五个主要区域,即工具栏、项目视图、属性视图、目标视图和资源视图。 图 2 显示了基本 GUIX Studio UI。 以下各小节进一步讨论了每个视图。

Screenshot of the basic GUIX Studio UI.

图 2

标题

  • GUIX Studio 18:标题显示 GUIX Studio 版本以及当前打开的项目,如前面图 2 的顶端所示

工具栏

工具栏显示 GUIX Studio 开发人员可用的按钮,如图 3 中所示

Screenshot of the GUIX Studio toolbar.

图 3

工具栏按钮定义如下:

New button 创建新 GUIX Studio 项目

Open button 打开现有 GUIX Studio 项目

Save button 保存项目

Cut button 剪切所选小组件,包括子级

Copy button 复制所选小组件,包括子级

Paste button 粘贴小组件和子级

Left align button 使所选小组件左对齐

Right align button 使所选小组件右对齐

Top align button 使所选小组件顶端对齐

Bottom align button 使所选小组件底端对齐

Space vertically button 使所选小组件在垂直方向上等距

Space horizontally button 使所选小组件在水平方向上等距

Equal width button 使所选小组件等宽

Equal height button 使所选小组件等高

Move front button 将所选小组件移到前面

Move back button 将所选小组件移到后面

Size button 调整所选小组件大小以适应缩小目标屏幕

Zoom out button 缩小目标屏幕

Zoom in button 放大目标屏幕

Record button 录制宏

Playback button 播放宏

Run button 运行应用程序

About button 关于 GUIX Studio

项目视图

项目视图显示组成嵌入 UI 的 GUIX 对象的层次结构列表。 通过单击父对象,然后从“插入”菜单中选择一个对象(或是通过右键单击对象,然后从右键单击菜单中进行选择),可以添加新的 GUIX 对象。 下面的图 4 显示 GUIX Studio 项目视图

Screenshot of the GUIX Studio Project View.

图 4

属性视图

属性视图显示当前所选 GUIX 对象的详细属性信息(可以通过项目视图选择对象或是通过在目标视图中直接单击对象来选择)。 下面的图 5 显示 GUIX Studio 属性视图

Screenshot of the GUIX Studio Properties View.

图 5

目标视图

目标视图是所见即所得屏幕设计和布局区域。 此视图旨在表示目标硬件上提供的物理显示器。 可以通过简单的鼠标操作来选择对象、移动对象和调整对象大小等。 此外,可在目标视图中对所选对象使用对齐和 Z 顺序按钮操作。 在目标视图中选择对象也会导致该对象的属性显示在属性视图中。 下面的图 6 显示 GUIX Studio 目标视图

Screenshot of the GUIX Studio Target View.

图 6

资源视图

资源视图用于管理可供为每个显示器定义的应用程序屏幕使用的资源(颜色、字体、像素图和字符串)。 可以单击资源视图组标头来展开每个组并检查组内容。 下面的图 7 显示 GUIX Studio 资源视图

Screenshot of the GUIX Studio Resource View.

图 7

资源组的标题指示当前主题名称。 如果有多个主题可用,则能够通过单击向上键和向下键在主题之间切换。

可以通过单击组标头来展开或折叠上面视图中的每个资源组。 下一章中提供每个资源组的更详细说明。

GUIX Studio 项目

GUIX Studio 项目维护有关 UI 屏幕设计和 UI 资源的信息。 项目数据会保存到扩展名为“.gxp”的 XML 格式文件中。 由于项目文件是 XML 架构文件,因此可以对它进行版本控制和共享,这与任何其他源文件类似。

首次开始使用 GUIX Studio 时,需要打开随分发版提供的示例项目之一,或创建新项目。 所有工作都会保存到项目数据文件中。

GUIX Studio 还会生成 ANSI C 源文件。 这些源文件包含描述所设计屏幕的应用程序资源或数据结构。 GUIX Studio 还会向这些生成的源文件写入 API 函数,这些函数知道如何利用生成的数据结构动态创建应用程序屏幕。 应用程序软件只需调用提供的 API 函数即可创建在 GUIX Studio 中设计的屏幕。

在设计用户界面的过程时,你会定期要使用 GUIX Studio 生成与 GUIX 兼容的输出文件,这些文件使你可以编译并运行你设计的界面。 你可以为目标硬件或是在模拟 ThreadX 和 GUIX 的 Windows 桌面上编译并运行生成的源文件。

GUIX Studio 项目组织

对 GUIX Studio 项目的基本组织有一些了解有助于理解如何有效地使用 GUIX Studio,以及理解 GUIX Studio IDE 的项目视图中显示的信息。 项目视图是包含在项目中的所有信息的摘要视觉表示。

描述项目之前,需要定义几个术语。 首先,我们使用术语“显示器”表示物理显示设备。 这通常是 LCD 显示设备,但它可以使用其他技术。 下一个术语是“屏幕”,这表示顶级 GUIX 对象(通常为 GUIX 窗口)及其所有关联的子元素。 屏幕是可在运行时进行定义和修改的软件构造。 最后,“主题”是资源的集合。 主题包括颜色定义、字体定义和像素图定义的表,这些定义旨在很好地协同工作,并向最终用户提供一致的外观。

项目首先包含一组全局信息,如项目名称、支持的显示器数量、每个显示器的分辨率和颜色格式、支持的语言数量以及每种支持的语言的名称。 项目名称是在项目视图中显示的第一个节点。

项目接下来会组织最多 4 个物理显示器所需的所有信息,以及每个显示器可用的屏幕和资源。 显示器名称是项目视图树中的下一级节点。

GUIX Studio 应用程序的一种独特功能是为多个物理显示器提供内置支持,其中每个显示器都具有自己的 x,y 分辨率、颜色格式、屏幕和资源。 虽然绝大部分 GUIX 应用程序仅利用一个物理显示器,但此功能对于构建必须同时支持多个物理显示器的产品的人而言非常重要。

每个显示器定义下都是为该显示器定义的顶级窗口或屏幕。 根据每个屏幕上的子级小组件的数量和嵌套,屏幕定义可以嵌套到任何级别。

此屏幕和子级小组件组织以图形方式显示在项目视图中。

每个显示器还与显示器支持的主题以及构成每个主题的资源内容相关联。 如果你的项目包含多个显示器,则在你选择一个显示器,然后选择另一个显示器时,你会注意到资源视图更改了其内容。 这是因为资源内容会链接到每个显示器。 不仅颜色格式可能不同,你选择使用的像素图、颜色和字体也可能因物理显示器而异。

项目维护的最终组件是与每个显示器关联的字符串表数据。 由于各个显示器的 x,y 分辨率可能十分不同,因此会为项目中定义的每个显示器独立维护字符串数据。