GUI Design Studio----如何使用设计文档

4.1 创建一个新设计
菜单命令：文件| 新建
                 项目| 新建设计...
       有两种创建设计文档的方法。 第一个使用“文件|新建”菜单命令或“新建”工具栏按钮来创建并打开空白的无标题文档，以供编辑。然后，您可以将文件保存在任何地方，但要使其成为项目的一部分，则必须浏览到正确的项目文件夹。 之后，您可能还需要刷新文件树。 这是进行快速实验和一次性设计的有用技术。
       但是，大多数时候，您将要在打开的项目中创建一个设计文档，并且会事先知道要调用的名称。在这种情况下，最好先在“项目”面板文件树中选择该文件夹，然后使用树项目上方的“项目|新建设计...”菜单命令或“新建设计”按钮：
                                                         
系统将提示您仅输入文档名称，而无需进一步浏览。 然后将创建该文件并打开以进行编辑。
                                                       
4.2 打开现有设计
菜单命令：文件| 打开...
                 文件| 最近文件> {设计文件}
       在打开的项目或其链接的项目之一中打开设计文档的最佳方法是在“项目”面板上的文件树中双击该文档。
       或者，或者如果文件在其他位置，则可以使用“文件|打开...”命令直接浏览.GUI文件。
       您也可以使用“文件”菜单中的“最近的文件”列表重新打开最近打开的10个文件。
       您可以根据需要打开任意数量的设计文档，并使用文档选项卡或Ctrl + Tab和Shift + Ctrl + Tab快捷键在它们之间进行切换。
4.3 视觉风格
菜单命令：文件|优先...
                 项目|项目选项...
       应用程序的外观通常描述其窗口和控件的视觉外观，它们的行为方式以及与应用程序的整体一致性。
       这些方面通常由操作系统，用户为其操作系统环境选择的样式和配色方案（主题），用于创建应用程序的开发系统以及任何特定的自定义控件库的组合来解决。例如，基于Java的应用程序通常使用跨平台的标准化外观，而不使用Windows标准。其他应用程序可能会使用自定义控件来模拟具有自己外观的Microsoft Office应用程序。
视觉风格
       使用“文件|首选项...”菜单命令，GUI Design Studio允许您选择默认的视觉样式，配色方案和字体。所有配色方案均适用于所有视觉样式，并且可以选择其他配色方案进行设计和演示：
                                         
       您还可以从“项目选项”对话框的“视觉样式”选项卡中设置项目的视觉样式，以覆盖默认样式（“菜单|项目选项...”菜单命令）。 在这种情况下，您可以选择其他视觉样式以及不同的配色方案进行编辑和演示：
                                        
单色选项
        项目选项提供了一些其他设置，这些设置可强制显示器根据所选的配色方案使用单色（灰色阴影）。 这对于专注于内容和布局而不受样式分散影响非常有用，通常被称为“灰屏”。
元素和图像可以独立设置为单色。 如果图像是单色的，则在运行原型时可能不容易区分启用和禁用的命令图标，但这通常不是问题。
        作为例外，请注意，无论单色选项如何，超链接文本始终以彩色显示。 这是为了确保网页设计中的导航链接清晰可见。 因此，Text元素在其属性中具有“作为超链接处理”选项。
视觉样式选项和示例
GUI Design Studio版本4.3当前提供以下视觉样式：
       Windows Vista
       同样在Windows 7上也使用“ Aero”样式。不支持玻璃效果。
       显示的配色方案：Vista蓝色
       字体：Microsoft Sans Serif

                                             
       Windows XP
       Windows XP的“ Luna”样式。
       显示的配色方案：Vista蓝色
      字体：Microsoft Sans Serif

                                             

       Windows XP经典版
       混合使用XP样式的窗口框架和滚动条，以及其他样式的经典样式。 这是在没有XP清单的情况下构建并在XP上运行的过渡应用程序的典型外观。
       显示的配色方案：Vista蓝色
       字体：Microsoft Sans Serif

                                           

        Windows经典版
        老式3D Windows在许多NT系统上仍然很流行并盛行。
        显示的配色方案：Vista蓝色
        字体：Microsoft Sans Serif

                                          
       Outline
       不是单独的视觉样式，而是许多可以与所有视觉样式配合使用的配色方案，尤其适用于Windows Classic（如此处所示）。 有益于抽象设计，使其专注于内容。
       显示的配色方案：Vista蓝色
       字体：Microsoft Sans Serif

                                          

     Sketch
      一种粗糙的手绘样式，可鼓励设计中的反馈和更改。
      显示的配色方案：南瓜色
      字体：基本SF黑色

                                         

4.4 添加元素
       设计元素包括出现在应用程序中的所有窗口，对话框，控件，菜单，工具栏和其他小部件。 这些可以在设计栏上的“元素”面板上找到。
       要将元素添加到设计文档中，只需双击它或将其拖放到所需位置。
       许多控制元素在“元素”选项板上以多种状态提供。 例如，在复选框处于选中状态，未选中状态和中间状态。 这样可以节省您必须添加通用单状态版本然后更改其属性的时间。 但是，这些控件也可以通过其属性进行更改，以将一个复选框变成一个未选中的复选框。
       如果您没有完全看到所需的元素，则可能是可以通过更改其属性来适应另一个元素。 对于更复杂的控件，您可能需要创建自己的控件组件。
4.5 选择元素
       要选择要操作的元素，请使用鼠标左键单击它。 如果按住Ctrl键，则这将切换元素的选择，而不会影响允许选择的其他任何选定元素。
       您也可以通过使用鼠标左键拖动选择框来选择多个元素。 将选中由框完全包围的所有元素。 同样，Ctrl键可用于切换选择并添加到选择集中或从选择集中删除元素。
                               
       所选元素的边框较细，带有方形手柄以调整大小。 当选择了多个元素时，其中一个被称为“主要选定元素”，并显示带有普通的实心手柄。 所有其他元素都称为“次要选定元素”，并带有空心手柄显示。
       此差异用于确定许多操作命令的效果，例如对齐和大小匹配。 使用鼠标移动和调整元素大小时，边缘捕捉仅考虑“主要选定元素”。
4.6 更改元素属性
菜单命令：编辑| 属性... Alt + Enter
       每种类型的元素都有其自己的属性集。 您一次只能更改一个元素的属性。 用鼠标选择元素，然后使用Alt + Enter快捷键，或直接双击该元素以打开其属性编辑器对话框。
       例如，这是“文本按钮”的属性编辑器：
                                                  
        您在对话框中所做的任何更改都会立即应用到元素，以便您即时预览，除非在编辑框中必须使用“应用”按钮才能看到更改。
        点击“取消”将取消所有更改，并将元素恢复为打开属性编辑器之前的状态。
        单击“确定”将接受所有更改，但是如果您不喜欢它们，则可以始终使用“撤消”命令（“编辑|撤消”菜单命令，工具栏按钮或Ctrl + Z）。
       提示：在属性编辑器对话框中，通常可以使用Enter键通过默认的“确定”按钮关闭对话框。 但是，如果键盘焦点位于多行编辑框（例如上面显示的文本按钮“标签”）上，则Enter键将改为在文本中引入新行。 只需点击Tab键（通常一次）即可将焦点移至另一个控件，然后点击Enter，而不是用鼠标关闭对话框。 对于“取消”和Escape键也是如此。
4.7 复制元素属性
工具栏按钮：Paint Properties Mode
 
       使用“绘画属性模式”将一个元素的样式和格式应用于其他元素。这包括颜色，字体，布局和线条样式等。您也可以使用属性绘制器跨连接复制导航设置。
       有2种使用模式的方式：单发和粘滞。
单发模式
       最适合将属性快速复制到另一个元素或连接。
      1.首先选择具有要复制的属性的元素或连接。
      2.单击工具栏上的“绘制属性模式”按钮。
      3.选择要对其应用属性的元素或连接。这将应用属性并自动恢复为“正常选择”模式。
      提示1：在步骤3中，您可以拖动选择框以将属性复制到该框内包含的所有元素。
      提示2：如果您改变主意，请按Escape键或单击任何选择模式按钮以退出“绘画属性”模式。或者您也可以稍后使用“撤消”。
粘性模式
      最适合将属性复制到多个其他元素或连接中。
      1.首先选择具有要复制的属性的元素或连接。
      2.按住Shift键，然后单击工具栏上的“绘画属性模式”按钮。
      3.选择要应用属性的元素或连接。这将应用属性并保持在“绘画属性”模式下。
     4.根据需要重复步骤3。
     5.单击Escape或单击任何选择模式按钮以退出“绘画属性”模式。
4.8 删除元素
菜单命令：编辑| 删除删除
       选择要删除的元素，然后使用“编辑|删除”菜单命令或直接按Delete键。
       如果您以后改变主意，则可以使用“撤消”命令（“编辑|撤消”菜单命令，工具栏按钮或Ctrl + Z）。
       如果希望将元素放置在剪贴板上以粘贴到其他位置，请改用“编辑|剪切”命令（Ctrl + X）。
4.9 打印设计
菜单命令：文件| 打印...
                 文件| 打印预览
                 文件| 打印设置...
       使用“打印...”命令打印活动的设计文档，您可以在其中选择打印机和份数。
       请注意，此版本的GUI Design Studio会尝试将设计放在一张纸上（无论您使用打印机设置了什么尺寸）。 这意味着大型设计将缩小以适合。 首先使用“打印预览”命令检查结果是否可以接受。
       “打印设置”命令允许您选择当前会话的默认打印机，纸张和方向设置。
4.10 导出设计
菜单命令：文件|导出...
       编辑复制设计图片
       您可以将GUI设计导出为图像，以在其他应用程序（如用于生成规格文档的文字处理器）中使用。
       使用“文件|导出...”命令将整个活动设计文档导出到磁盘上的图像文件。然后可以将此文件插入其他应用程序文档或通过电子邮件发送等。
       或者，您可以使用“编辑|复制设计图像”命令（Ctrl + Shift + C）将整个设计复制为剪贴板，作为位图图像直接粘贴到另一个应用程序中。
       如果输出中不希望使用设计中默认代表元素的绿色框，则可以使用“视图|默认元素框”菜单命令将其暂时隐藏。
       注意：在运行“原型”以将“原型”的当前状态复制或导出为映像时，这些命令也可用。
重要：
      两种技术都需要在内存中创建合适的位图图像，该图像要么放置在剪贴板上，要么写入文件。所需的存储量取决于设计（100％缩放）时的大小（宽x高），该尺寸由包围所有元素的边框确定。在此框中，设计上的元素数量或其详细信息无关紧要。
对于大型设计，您可能没有足够的内存来执行该操作，然后该操作将失败。如果发生这种情况，您可以尝试重新安排设计以减少元素覆盖的总面积。您可能要先创建一个副本并对其进行操作，或者将其用作备份。
       或者，尝试在导出时选择“增强型图元文件（* .emf）”文件格式。虽然这不是光栅图像文件格式，但它支持更大的设计，并且可以导入许多其他应用程序中。文件大小可能会非常大。
4.11 复制设计
菜单命令：项目|复制设计...
       使用GUI Design Studio的好处之一是，它使您可以快速，轻松地创建替代设计进行评估，而无需花费大量时间和精力来开发原型代码。
       在许多情况下，您想要的是对现有设计进行些微改动，而不是完全不同的设计。也许您只需要重新排列一些控件即可。最好的方法是从现有设计的副本开始。
       一种方法是简单地将一个设计中的所有元素复制并粘贴到新文档中。复制之前，可以使用“编辑|全选”（Ctrl + A）命令来确保获得所有内容，但仍然必须创建新的设计文档并将元素粘贴回去。还需要打开原始设计文档首先。
        更好的方法是使用“重复设计”功能。首先，确保要复制的设计已保存到磁盘。然后在“项目”面板上的文件树中选择它。然后，您可以使用“项目|复制设计...”菜单命令或文件树上方的“复制设计”按钮来创建精确的副本：
                                                               
新文件将与原始文件放置在同一文件夹中，并且必须指定唯一的名称：
                                                               
4.12 删除设计
菜单命令：项目| 删除文件/文件夹
        要删除设计文档或图像文件，请在“项目”面板上的文件树中将其选中，然后使用“项目|删除文件/文件夹”菜单命令，文件树上方的“删除文件/文件夹”按钮（如下所示） ）或按Delete键。
                                                              
系统将提示您确认删除。 删除的文件将发送到Windows回收站，并且可以从那里还原。
注意：如果已打开已删除的设计文档以进行编辑，则该文档将保持打开状态，并且可以重新保存以将文件还原到磁盘上。