GUI Design Studio----如何使用位图图像

7. 如何使用位图图像
7.1 将图像添加到设计中
菜单命令：Design | Add Bitmap…
       在GUI Design Studio中，将位图图像添加到设计文档中很容易。 一种方法是使用“设计|添加位图...”菜单命令在磁盘上搜索要添加的图像文件。
       但是，如果您经常使用大量图像并将它们保存在同一文件夹中，则可以将文件夹链接添加到项目，以便该文件夹中的所有图形文件以及任何子文件夹， 将可直接从“项目”面板上的文件树中拖放。 当然，您可以向项目添加任意数量的文件夹链接。
7.2 调整图像大小
       像设计中的其他元素一样，可以调整位图图像的大小以适合您需要的任何空间。 您可以使用鼠标或直接在属性编辑器中调整Width和Height属性来调整元素的大小。
       如果Placement属性设置为“ Stretch”，则图像将被拉伸或缩小以适应调整大小后的元素的边界。
       如果设置为“平铺”，则从元素的左上角开始裁剪到元素的边缘，将根据需要使用尽可能多的图像或其部分副本来填充元素空间。
       如果设置为“对齐”，则图像的单个副本将出现在元素中，并且已正确对齐。 如果元素大于图像，则图像周围的区域将是透明的。如果元素较小，则图像将左上对齐（无论对齐属性如何）并进行相应裁剪。
       另请参阅：恢复图像尺寸
7.3 裁剪图像
       如果要在设计上使用图像，但又不想显示所有图像，则可以裁剪边缘以仅提取所需区域，而不会影响原始图像文件或在图像编辑程序中创建其他图像。
       为此，选择图像元素，打开其属性编辑器，然后选择“图像区域”选项卡。 然后设置裁切边距。如果使用微调器，则可以实时预览设计中的更改：

                                              
       注意：在平铺或拉伸图像以适合元素之前，将应用裁剪。
7.4 切割图像以保持角落
       在许多情况下，您可能希望在设计项目中的许多地方使用共同的位图图像作为背景，但大小不同。例如，可能需要在网站设计上使用自定义按钮或框架内容。
       如果仅在每种情况下将图像拉伸到所需的大小，则失真通常是不可接受的。图像切片允许您在每侧设置边距，以尽可能保留拐角和边缘：

                                          
       在上图中：
       -粉红线表示切片边缘（这些在设计上不可见）
       -绿色角落将被保留而无需任何缩放
       -橙色区域将保留高度，但会缩放以适合可用宽度
       -红色区域将保留宽度，但会缩放以适合可用高度
       -中心的蓝色区域将缩放以适合可用的宽度和高度
请注意，“缩放”区域的方式取决于为图像选择的放置模式。可以以不同方式拉伸，平铺或对齐区域内的图形。
例子1
下图显示了原始尺寸的相框图形，并按比例放大和缩小。在这种情况下，未应用任何切片边距，并且缩放后的图像看起来失真：
                                              
应用正确的切片边距，可以将图像缩放到任意大小，并且仍然看起来不错：

                                              
 例子2
这是一些应用了切片边距的缩放按钮图像：

                                   
 例子3
在这个例子中，一个简单的图形被用来创建框架，但是使用居中的平铺来填充扩展区域而不是拉伸：
                                          
7.5 恢复图像尺寸
       当您将位图图像放置到设计上时，其包含元素默认为图像的实际大小。如果调整元素的大小以拉伸或平铺图像，则稍后可能需要将其更改回其原始大小。
       为此，选择图像元素，打开其属性编辑器，然后选择“位置”选项卡：

                                                         
       现在，单击“设置为原始大小”按钮以将元素恢复为其原始图像的宽度和高度。
7.6 抓取并使用屏幕截图
菜单命令：Project | Paste Image to File…
       在设计中包含现有应用程序的屏幕快照通常很有用。这些可用于注释目的或用作设计元素。您甚至可以将热点放置在图像的各个部分，例如用作导航链接的按钮。
       使用屏幕截图图像而不是从头开始创建布局的唯一缺点是图像将不会响应配色方案首选项的更改。
抓取截图
       市场上有很多工具可用于将计算机屏幕的一部分复制到剪贴板，但是Windows还内置了一些机制。如果键盘具有“打印屏幕”键，则可以按以下方式使用：
       Print Screen 捕获屏幕的全部内容。
       Alt + Print Screen     捕获当前活动的窗口。这可以是任何模式对话框或无  模式对话框或应用程序窗口。它不适用于捕获文档窗口。
       Alt键通常会关闭所有打开的菜单，因此，如果要使菜单  可见请使用Alt +菜单热键（例如，“ File”为“ F”）打开菜单，然后在按下时按住Alt键打印屏幕。
       请注意，使用“打印屏幕”时会忽略Shift和Ctrl键，但可以在Windows中设置特殊的Shift + Alt +打印屏幕键组合来激活高对比度模式，因此最好避免。
       另请注意，某些键盘（尤其是笔记本电脑）上的Print Screen键可能标有PrtScr或其他缩写。在所有情况下，它都应位于插入和删除键附近。
处理图像
       将截图捕获到剪贴板后，您现在可以将其粘贴到您喜欢的图像编辑程序中，以提取所需的部分，修改图像或将其保存到硬盘上的图像文件中。
粘贴到GUI Design Studio中
       在GUI Design Studio中，还可以将剪贴板图像直接粘贴到项目文件夹中的命名文件中。可以从任何应用程序或使用上面的“打印屏幕”方法将图像复制到剪贴板。
       例如，要快速使对话框进入设计，请执行以下操作：
       1.打开要在相应应用程序中捕获的对话框。
       2.按Alt +打印屏幕。对话框图像现在在剪贴板上。
       3.切换到GUI Design Studio。
       4.打开项目面板，然后选择目标文件夹。
       5.使用“项目|将图像粘贴到文件…”菜单命令（或文件树上方的按钮），然后选择文件名和类型。图像文件现在显示在树中。
       6.将图像文件从树上拖放到设计上。