GUI Design Studio----用户界面(面板介绍)

2.1 概述

      GUI Design Studio工作区如下所示。 向下滚动以获得更详细的描述。

                            

2.1.1 多文档

       您可以同时打开和编辑多个设计文档,并使用工具栏下的文档选项卡或使用Ctrl + Tab激活序列中的下一个文档(Shift + Ctrl + Tab激活上一个文档)来轻松在它们之间进行切换。 也可以从“窗口”菜单中选择所有打开的文档进行激活。

2.1.2 设计栏

       设计栏可以停靠在主应用程序窗口的左侧或右侧,也可以根据您在“查看”菜单中设置的首选项浮动。 每个选项卡提供对用于创建设计的不同元素的访问,如下所示:
       Project  用于访问所有项目设计文档和图像文件。
       Elements  用于GUI设计的基本构建块的类别,包括窗口和控件。
       Icons 用于项 目图标和设计中可能使用的常用图标类别。
       Annotations  用覆盖文本框、突出显示环和其他标记来注释您的设计。
       Storyboard  用于在设计中构建流程控制以创建工作原型。
       Notes  用于记录与设计文档相关的注释。

2.1.3 工作区

       工作区显示您要编辑的开放设计文档。您可以对每个设计视图的缩放级别进行全面的交互式控制,以快速检查最小的细节或获得大型设计的概览。

2.2 项目面板

                                                                 

       通过设计栏上的“项目”面板,可以访问所有项目设计文档和图像文件。
       在这里,您可以快速创建新的项目文件夹来组织文件,创建新的设计文档,复制现有设计并从剪贴板导入图像。
       您还可以添加指向其他项目或文件夹的链接,以访问其所有设计文档和图像文件。 这对于访问库项目中的常见组件或计算机上其他位置存储的图像特别有用。
       当您从列表中选择一个项目或文件夹时,其文件树将显示在下面。
      (1) 双击一个设计文件以将其打开或将其作为组件拖放到另一个打开的设计上。 使用鼠标右键拖放以创建组件的缩略图。
      (2)使用鼠标右键进行拖放以添加组件的缩略图版本。
      (3)双击或拖放图像文件以将其添加到开放设计中。

2.3 元素面板

                                                    

       通过设计栏上的“元素”面板,可以访问可用于创建应用程序GUI的所有窗口和控件。
       元素被组织成类别。 从列表中选择类别时,其元素将显示在下面的调色板窗口中。
       每个元素都是一个代表性示例,为方便起见,某些类别包含同一元素的多个变体。
       将元素放置在设计上后,可以根据特定元素更改其属性,例如文本和样式。
       双击或拖放元素以将其添加到开放设计中。
       双击双击设计上的元素以编辑其属性。

2.4 故事板面板

                                                        

       通过设计栏上的故事板面板,可以访问特殊元素,以在设计中构建流程控制以创建工作原型。
       故事板元素始终出现在其他设计元素之上。
       双击或拖放故事板元素以将其添加到打开的设计中。
       双击设计上的情节提要元素以编辑其属性(如果有的话)。
       使用连接工具栏命令将元素链接在一起,并建立对所设计应用程序的控制流。

2.5 图标面板

                                                       

       通过设计栏上的“图标”面板,可以访问常见的图标图像,主项目中的图标以及从“项目”面板中链接的其他图标图像。
       常用图标分为几类。 您可以为新图标创建其他类别文件夹。
       从列表中选择类别后,其图标将显示在下面的窗口中。 您可以按大小和/或颜色深度过滤显示的图标。
       在此面板中,您还可以创建新图标并通过外部编辑器编辑现有图标。
       双击或拖放图标以将其添加到打开的设计中。
       使用命令按钮可创建新图标并使用外部编辑器编辑现有图标。

2.6 注释面板

                                                       

       通过设计栏上的“注释”面板,可以访问特殊元素,例如覆盖文本框,高亮显示的环和标记。
       注释元素始终出现在其他设计元素的顶部。
       双击或拖放注释元素以将其添加到开放设计中。
       双击设计上的注释元素以编辑其属性。
       使用连接工具栏上的连接工具栏命令在注释元素之间绘制一条线。
       使用视图 注释菜单命令,用于在进行设计时隐藏或显示注释。

2.7 数据面板(仅限Pro版本)

                                                    

       使用设计栏上的“数据”面板可以访问项目中的数据表。
       这些基于简单的CSV文本文件,其作用类似于数据库中的表。数据记录的内容可以从元素内部以与变量相同的方式进行访问。
       注意:当前版本(v4.4),数据表文件需要外部程序来编辑其内容。电子表格应用程序是最好的,但也可以使用记事本之类的文本编辑器。
       (1)使用命令按钮创建新表。
       (2)使用在“数据”菜单上的“导入数据...”命令或右键单击上下文菜单导入现有数据文件。
       (3)双击文件或单击命令按钮以编辑表。

2.8 笔记面板

                                                     

      设计栏上的“注释”面板提供了用于编辑与设计文档及其元素相关联的注释的编辑器。
      这些可用于提供弹出描述并生成规范文档。
      与所有其他面板不同,“注释”面板的内容会更改以反映活动的设计文档。
      实用程序在顶部编辑器中为活动设计文档输入格式化的注释,并根据需要提供设计的ID。
      执行选择一个元素,然后在底部编辑器中输入格式注释,并根据需要输入ID和标签。
      实际操作右键单击带红色下划线的单词,以在必要时纠正拼写错误。
      使用“拼写检查”按钮立即纠正整个条目的拼写。

发布了80 篇原创文章 · 获赞 6 · 访问量 2万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览