1、基本功能
- 母板绝对是一个好东西,它可以让你的工作事半功倍,不仅便于制作原型,还有便于维护原型;
1.1、如何生成母板
- 选中组件,右击 》转换为母板 》最好按照命名规范起名
1.2、母板的拖放行为
- 从上面转换为母板时可以看到,拖放行为有三种:任何位置、固定位置、脱离母板;
- 拖放行为:任何位置,表示母板可以放到页面中的任何位置,注意看此母板中X、Y轴的位置,与母板中的位置是不一样的;
- 拖放行为:固定位置,表示此母板在页面中的位置不能手动调整,保持与母板中的位置完全一致,右击母板可以调整拖放行为,之前已经放置好的不受影响;
- 拖放行为:脱离母板,表示,此母板拖放到页面中时,此母板中的元件在页面中仅是以单纯的元件存在,不会和母板再有任何关系;
1.3、同时放入或移除多个页面
- 母板存在的价值就在于一个母板,多处应用,如果在多个页面中应用了同一个母板,则可以同时从页面中去除母板或添加到多个页面;
1.4、母板中的事件与页面中的事件关联
- 在母板中编辑事件时,无法找到具体某个页面的元件,因此,直接添加事件,并不能与页面进行互动;
- 因此在母板中应该先设置事件:自定义事件;
- 然后在页面中选中此母板,在交互区就可以看到自定义的“click”事件;
- 设置好后,预览查看效果;
2、实用技巧
2.1、查看母板在哪些页面中使用过
- 在一个项目中,页面可能会有特别多,这个时候,我们自己估计都没有办法完全记得哪些页面中应用了哪些母板,这个时候,就可以用使用情况来查看了哦;
2.2、母板与快照的结合
- 母板与快照的结合可以实现同一个图标,应用于对大小要求不一致的情况;
3、实践经验
3.1、统一添加或去除母板的注意点
- 如果母板在不同页面的不同位置时,统一添加或去除母板一定要谨慎,否则页面就会乱;
- 如果母板在页面中与其它元件放在同一个组下,去除过后,再添加则无法自动归组,这种情况会增加维护的成本;
- 建议:统一添加或去除母板时,母板的位置保持一致,与其它元件没有分组;
3.2、母板与弹出框的实现
- 在实现高保真原型过程中,弹出框一般用母板的方式来实现;
- 此时可以在母板中预先设计各种交互效果;
- 这一点将在后续章节中用实例进行说明;