Balsamiq Mockups 自定义控件和页面模板.docxVIP

Balsamiq Mockups 自定义控件和页面模板 Working with Symbols ? Starting with version 2.0, Mockups for Desktop supports the concept of Symbols. Other software refers to this same feature as templates or master pages, components or widgets. 从版本2.0开始，Mockups桌面版支持Symbol概念。类似特性在其它软件中称为Templates、Master pages、Components 或者Widgets。 In essence, Symbols let you reuse common elements across different mockups. 本质上，Symbol让你可以在多个Mockup文件引用公共的元素。 Here’s a quick video introduction that shows the benefits of this feature. ? Creating Symbols 创建Symbol ? Symbols in Mockups are simply named groups which have been “converted” to symbols (we’ll talk more about what goes on under the hood later), but first, let’s create a symbol! 在Mockups中，Symbol是简单命名转化为Symbol形态的Group。待会我们会讨论更多它的帽底乾坤。现在，让我们先创建一个Symbol！ You may create a new group to convert to a symbol or use a group you already have. The following steps assume you are creating a new group. 你可以创建一个新的Group或者选择一个已经创建好的组来转化为Symbol。下列步骤假设从创建一个新的Group开始。 1. Select the controls you want to group2. Group your selection (Select Edit-Group and group turns bluish color)3. Name the Group (i.e. login form) 1. 选择想要群组的控件2. 群组选中控件。（选择Edit菜单下的Group命令，Group后会呈蓝色。）3. 为Group命名。（比如login form） 4. Save the File with the new group (File must be saved to convert a group to a symbol.)5. Click on the ‘Convert to Symbol’ icon in the Property Inspector to Symbol。 4. 保存带有这个新Group的文件。（转化Group为Symbol之前文件必须要保存。）5. 在Property Inspector点击Convert to Symbol按钮转化为Symbol。 You will notice that the group selection becomes a light green. This means that the selection is now an instance of a symbol. 你会注意到Group选择变为了亮绿色。这表示选中的是Symbol的一个实例。 You now have a symbol named ‘login form’ which will be displayed in the Project Assets tab of the UI Library. (You can also add the symbol via Quick Add). 你现在就有了一个名为“login form”的Symbol，它会显示在UI Library的Project Assets标签里。（同样也可通过Quick Add添加它。） Under the Hood 帽底乾坤 ? When you hit “Convert to Symbol”, Mockups for Desktop added the named group you selected to a f