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

《Balsamiq Mockups 自定义控件和页面模板》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、BalsamiqMockups自定义控件和页面模板WorkingwithSymbols Startingwithversion2.0,MockupsforDesktopsupportstheconceptofSymbols.Othersoftwarereferstothissamefeatureastemplatesormasterpages,componentsorwidgets.从版本2.0开始，Mockups桌面版支持Symbol概念。类似特性在其它软件中称为Templates、Masterpages、Compone

2、nts或者Widgets。Inessence,Symbolsletyoureusecommonelementsacrossdifferentmockups.本质上，Symbol让你可以在多个Mockup文件引用公共的元素。Here’saquickvideointroductionthatshowsthebenefitsofthisfeature. CreatingSymbols创建Symbol SymbolsinMockupsaresimplynamedgroupswhichhavebeen“converted”tosym

3、bols(we’lltalkmoreaboutwhatgoesonunderthehoodlater),butfirst,let’screateasymbol!在Mockups中，Symbol是简单命名转化为Symbol形态的Group。待会我们会讨论更多它的帽底乾坤。现在，让我们先创建一个Symbol！Youmaycreateanewgrouptoconverttoasymboloruseagroupyoualreadyhave.Thefollowingstepsassumeyouarecreatinganewgroup

4、.你可以创建一个新的Group或者选择一个已经创建好的组来转化为Symbol。下列步骤假设从创建一个新的Group开始。1.Selectthecontrolsyouwanttogroup2.Groupyourselection(SelectEdit->Groupandgroupturnsbluishcolor)3.NametheGroup(i.e.loginform)1.选择想要群组的控件2.群组选中控件。（选择Edit菜单下的Group命令，Group后会呈蓝色。）3.为Group命名。（比如loginform）4.Sa

5、vetheFilewiththenewgroup(Filemustbesavedtoconvertagrouptoasymbol.)5.Clickonthe‘ConverttoSymbol’iconinthePropertyInspectortoSymbol。4.保存带有这个新Group的文件。（转化Group为Symbol之前文件必须要保存。）5.在PropertyInspector点击ConverttoSymbol按钮转化为Symbol。Youwillnoticethatthegroupselectionbecomes

6、alightgreen.Thismeansthattheselectionisnowaninstanceofasymbol.你会注意到Group选择变为了亮绿色。这表示选中的是Symbol的一个实例。Younowhaveasymbolnamed‘loginform’whichwillbedisplayedintheProjectAssetstaboftheUILibrary.(YoucanalsoaddthesymbolviaQuickAdd).你现在就有了一个名为“loginform”的Symbol，它会显示在UILib

7、rary的ProjectAssets标签里。（同样也可通过QuickAdd添加它。）UndertheHood帽底乾坤 Whenyouhit“ConverttoSymbol”,MockupsforDesktopaddedthenamedgroupyouselectedtoafilecalledsymbols.bmmlinafoldercalled“assets”rightnexttoyourbmmlfiles.Youmightwanttorefertoourbestpracticesforcreatingprojectswi

8、thMockupsifyouhaven’treadityet.一旦点击“ConverttoSymbol”，Mockups桌面版会将选中的已命名Group添加到你BMML文件旁assets文件夹下symbols.bmml文件中。如果不了解assets文件夹，你可能需要参考bestpracticesforc