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