创建用户界面部件

可以创建名为“部件”的一组可复用的用户界面元素,可将其用于填充草图和故事板。部件可以包含单个元素(例如菜单),或者可以包括聚集在容器元素(例如面板或组)中的多个元素。
开始之前
在用户界面草图和故事板框架中复用部件以创建一致的用户界面元素。例如,如果要创建具有同一菜单的 Web 页面的草图,请首先创建仅由该菜单中的元素组成的部件,然后将部分添加到每个草图中。如果稍后决定更改草图中的菜单,那么只需要更改一个部件,因为更改会自动反映到包含该部件的所有草图中。
关于此任务

(要观看显示如何创建部件的影片,请参阅创建用户界面部件。)

要创建部件,请完成以下步骤:

  1. 执行以下某项操作:
    • 从“工件”项目页面,单击创建工件 > 用户界面部件
    • 单击文件 > 新建 > 用户界面部件
    • 在用户界面草图中,右键单击元素或分组在单个容器(例如 shell、面板或组)中的多个元素并选择抽取部件
  2. 在“新建用户界面部件”窗口中,输入部件的名称。与工件一起显示在项目页面和 Project Explorer 中的该名称可以包括大写和小写的字符以及空格。
  3. 浏览至新部件的项目和文件夹。
  4. (可选)向新部件添加标记。
  5. (可选)为部件选择初始内容的模板。
  6. (可选)单击下一步,选择属性组以与部件相关联。
  7. 单击完成 此时将打开部件编辑器。
  8. 对于具有单个元素的部件,请将元素从选用板拖动到内容区域 重要:内容区域必须包含至少一个元素。在另一个工件中复用部件时,只会显示内容区域内部的元素。
  9. 对于具有多个元素的部件,请将容器元素(例如面板或组)拖到内容区域中。
  10. 要调整容器的大小,请选择容器并拖动缩放大小句柄。要修改其属性,请右键单击容器并单击属性
  11. 在画布中右键单击元素以获取可在元素上执行的操作的菜单,例如剪切、复制、删除、编辑文本或修改属性和外观。
  12. 单击文件 > 保存
示例
下一步做什么
创建部件之后,可以将部件添加到草图中,这将使用部件中的元素填充草图。如果稍后更改部件中的元素,那么更改会传播到包括该部件的每个草图中。可以通过单击草图中选定部件之上的图标 以从草图内部打开原始部件。也可以将部件添加到故事板框架和其他部件中。

反馈