提高设计效率
母版的作用母版的使用总结
母版的作用
在项目中使用母版能大幅提高重复劳动的工作效率,一次修改多次更新,特别是在需求产生变更调整原型的时候。一个合理的母版结构能大幅的缩减繁琐的工作,可以方便我们管理自己的页面设计及快速的创建一个产品原型。
母版的使用
点击母版视图中的“+”号新建一个母版,并重命名为主页模板:
向母版中添加三个按钮:
右键点击母版并将模板添加到主页页面中: 这里你可以根据实际的需要去变换母版在页面中的位置,这里我们就以母版的位置为准。
点击主页可以看到,页面中和母版里显示的相同。我们对测试页面也添加母版。我们去更改母版,在母板中增加演示文字: 我们可以看到主页和测试页面都同步修改了。
在测试页面中点击去除勾选“锁定到母版中的位置”: 则可以自由地在测试页面中更换母版的位置;不影响原母版和主页里元件的位置: 测试页面: 主页和母版的位置依旧不变:
除了在母版视图中增加母版。我们在页面中点击元件也可以右键选择转换为母版:
总结
理解好母版的拖放行为是关键:固定位置,任意位置,可脱离。固定位置的母版在页面中位置不可拖动,与母版编辑页面保持一致。任意位置指添加到页面后可以改变位置。这两种母版添加到页面后均可编辑。第三种,可脱离是指母版添加到页面后可编辑,此时的编辑仅作用于页面不影响母版。若是懂开发的同学还可以理解为全局变量和局部变量的区别;也可以理解为继承多态的属性。