主要内容

列出应用程序设计师设计视图

设计视图在应用程序设计师提供了一组丰富的布局工具,设计现代,具有专业外观的应用程序。它还提供了一个广泛的UI组件库,所以你可以创建各种互动功能。你做的任何更改设计视图会自动反映在代码视图。因此,您可以配置您的应用程序的许多方面,无需编写任何代码。

一个组件添加到您的应用程序,使用这些方法之一:

  • 拖动一个组件的组件库放它在画布上。

  • 单击一个组件中组件库然后移动光标画布上。十字光标变化。点击你的鼠标将组件添加到画布的默认大小,或单击并拖动大小您添加的组件。一些组件只能添加到他们的默认大小。

程序设计师组件库。列出常见的组件库,如轴,按钮,复选框组件。

的名字出现在组件浏览器组件当你将它添加到画布上。您可以选择在画布或组件浏览器组件。选择同时出现在两个地方。

浏览器应用程序设计师组件。与顶级浏览器显示一个树节点标签“myApp”,一个孩子贴上“app.UIFigure”,另一个嵌套的孩子贴上“app.Button”。

一些组件(如编辑字段和滑块,分组与一个标签,当你把它们拖放到画布上。

编辑字段组件分组标签与文本“编辑字段”。

这些标签不出现在浏览器组件默认情况下,但是你可以将它们添加到列表的任何地方单击右键浏览器组件并选择在浏览器组件包括组件标签。如果你不想要的组件有一个标签,你可以按排除和持有Ctrl关键组件拖放到画布上。如果你想添加一个标签组件没有一个,右键单击组件并选择添加标签

如果一个组件有一个标签,你改变标签文本,组件的名称浏览器组件匹配文本的变化。您可以自定义组件通过双击它的名称和输入一个新的名字。

浏览器应用程序设计师组件。“app.EditField”树节点和突出显示文本“EditField”是选择和编辑。

自定义组件

您可以自定义组件的外观选择,然后编辑其属性的组件选项卡浏览器组件。例如,从按钮标签你可以改变文本的对齐方式显示一个按钮。

浏览器组件的按钮选项卡。选项卡显示可编辑按钮的属性,如文本、自动换行,和HorizontalAlignment以及它们的值。

一些属性控制组件的行为。例如,您可以更改一个数字编辑字段可以接受的值的范围通过改变限制财产。

浏览器组件和一个数字编辑字段组件选择。选择属性字段的限制和包含文本“0255”。

当应用程序运行时,编辑字段只接受值范围内。

数字编辑字段组件的文本“500”。编辑字段的边界是红色的,有一个工具提示说:“价值”必须在0到255之间。

您可以编辑一些属性直接在画布上通过双击该组件。例如,您可以通过双击编辑按钮标签和输入所需的文本。添加多行文本,按住转变键和新闻输入

按钮和文本“再试一次”。文本突出显示和编辑。

对齐和空间组件

设计视图通过拖拽,你可以安排和调整组件在画布上,或者你可以使用的工具帆布将来发布的标签。

应用程序设计师提供了对齐提示来帮助你调整组件拖在画布上。橙色虚线通过多个组件说明他们的中心的中心是一致的。橙实线边缘表明,边缘是一致的。垂直的直线表明组件集中在它的父容器。

在左边,与对齐垂直对齐的两个按钮,用平行线表示。在右边,一个按钮集中在母公司,对齐垂直虚线所示。

代替在画布上拖动组件,您可以调整组件使用的工具对齐将来发布的部分。

帆布将来发布选项卡在设计视图对齐选项高亮显示。有选项来调整组件沿着左手边垂直,中心,或右边缘,和选项水平对齐组件沿顶边,中心,或底部边缘。

当您使用一个对齐工具,所选的组件对齐到一个锚组件。锚组件选择的最后一个组件,它有一个厚选择边界比其他组件。选择一个不同的锚,按住Ctrl转变键两次,然后单击所需的组件(一旦取消组件,再一次选择)。例如,在下图,格式选项标签是锚。单击左对齐按钮的左边对齐下拉和复选框的左边缘标签。

校准的标签,下拉,复选框组件。在左边,组件不垂直对齐。在右边,左边是垂直对齐。

你可以控制之间的间隔相邻组件使用的工具空间将来发布的部分。选择一组三个或更多组件,然后从下拉列表中选择一个选项空间将来发布的部分。的均匀选择分配空间占用的空间内均匀组件。的20.选择空间相隔20像素的组件。如果你想定制组件之间的像素数量,类型为下拉列表。

帆布将来发布在设计视图选项卡。空间部分突出显示。

接下来,单击应用水平应用垂直。例如,选择均匀然后点击应用垂直分配的空间在垂直堆栈组件。

间隔四个编辑字段组件。在左边,编辑字段之间的垂直间距不同。在右边,编辑字段是均匀间隔的垂直。

组组件

你可以两个或两个以上的组件分组修改它们作为一个单元。例如,您可以组织一组组件敲定后它们的相对位置,所以你可以移动它们不改变这种关系。

组一套组件,选择在画布上,然后选择分组>集团安排将来发布的部分。

在左边,一个标签,滑块,分别选择和编辑字段组件。在右边,三个组件分组,小组被选中。

分组工具还提供了功能对这些常见的任务:

  • 取消组中的所有组件组——选择组。然后选择分组>取消组

  • 将一个组件添加到组,选择组件和组。然后选择分组>添加到组

  • 删除一个组件从一组,选择组件。然后选择分组>删除从组

重新排序组件

你可以改变组件的顺序栈的互相利用重新排序工具设计视图

例如,创建一个标签,然后创建一个图像。默认情况下,图像显示在标签的顶部。的默认视图浏览器组件显示了组件基于它们的叠加顺序,先用图像,因为它是和标签的第二个。

图像组件上的一个标签,和组件浏览器显示上述图像标签。

重新排序的组件,这样图像的标签上,选择工作区上的图像,然后选择重新排序在将来发布。你也可以右击并选择形象重新排序工具。发送图片逆向选择退到最后

画布将来发布标签的设计视图。重新排序选项高亮显示,显示的菜单选项“置前”,“提出”、“后移一层”,“发送到”。

现在的形象是在标签后面。当你重新排序组件,组件内的顺序浏览器组件也在改变。

标签组件上的一个形象,和组件浏览器显示上述标签图像。

修改标签集中组件的顺序

当用户运行您的应用程序,他们可以使用选项卡导航应用程序组件之间的关键。查看组件的顺序进入专注当用户按下选项卡,扩大视图下拉列表中浏览器组件并选择通过标签的顺序排序和过滤。的浏览器组件只列出了应用程序中的组件,可以专注,专注的顺序。你可以改变组件的标签订单通过点击和拖动组件的名称浏览器组件

组件与“视图”下拉列表扩展浏览器。这两个选项是“按栈顺序排序”和“排序和过滤选项卡秩序”。

另外,应用程序设计人员可以自动从左到右,然后自上而下标签集中订单申请组件。右键单击名称的容器浏览器组件并选择适用于汽车标签的顺序。例如,在一个应用与堆叠编辑字段应用用户输入他们的名字,姓名,年龄,右键单击app.UIFigure节点浏览器组件并应用自动标签排序。当用户应用程序,他们可以使用选项卡关键导航之间的编辑字段并输入一个名字,然后一个姓,最后一个时代。

应用程序布局三个编辑字段旁边的浏览器组件。app.UIFigure节点与应用汽车上下文菜单选项卡选项高亮显示。

安排组件的容器

当你拖一个组件容器如一个面板,容器变成蓝色表明容器的组件是一个孩子。这个过程将组件放入容器育儿

一个下拉组件被拖入一个面板。该小组是蓝色的。

浏览器组件缩进显示了亲子关系的子组件的名称在父容器。

浏览器组件。下面的文本“app.OptionsPanel”和缩进“app.UIFigure”,和“app.DropDown”下面,从“app.OptionsPanel”缩进。

创建和编辑上下文菜单的程序设计师

有几种方法可以在应用程序设计师创建上下文菜单。从上下文菜单是可见的只有当你右键单击一个组件在运行的应用程序,它们不出现在当你在设计视图。这使得工作流编辑上下文菜单稍微不同的比其他组件。这部分描述的方法创建和编辑上下文菜单。

创建上下文菜单

要创建一个上下文菜单,拖的组件库在UI图或另一个组件。这个分配的上下文菜单快捷菜单该组件的属性。当您创建一个上下文菜单,它出现在一个区域在画布上低于这个数字。这上下文菜单区给你预览每个上下文菜单创建和显示多少分配给每一个组件。例如,这是一套上下文菜单在画布上可能出现:

上下文菜单区域在画布上显示三个上下文菜单。

如果你想创建一个上下文菜单没有分配到一个组件,将其拖动到上下文菜单区域。

另外,创建和分配一个特定组件通过右键单击上下文菜单组件并选择上下文菜单>添加新的上下文菜单

所有的上下文菜单创建UI的子图,添加到浏览器组件,即使他们没有分配到一个组件。

编辑上下文菜单

通过双击编辑一个上下文菜单上下文菜单区域或通过右键单击它并选择edit选项菜单的名称。这使上下文菜单进入上下文菜单编辑区域,您可以编辑和添加菜单项和子菜单。

上下文菜单编辑区域

当你完成了编辑,单击后退箭头(<)退出编辑区域。

改变上下文菜单分配

从一个组件分离一个上下文菜单,右键单击组件并选择上下文菜单>Unassign上下文菜单

取代的上下文菜单分配给一个与另一个组件,您可以将上下文菜单拖到组件,或者您可以右键单击组件,点击上下文菜单>替换为,并选择您创建的另一个上下文菜单。如果你只创建一个上下文菜单,那么替换为选项不出现。

另外,选择一个组件浏览器组件并选择交互性从组件标签。然后,扩大快捷菜单下拉列表,并选择一个不同的上下文菜单分配到组件。

相关的话题