36.母板的介绍与使用

母板中包含可出现在每一个页面上的显示元素,如文本、图片‘形状以及事件动作等,母板上的内容可出现在每个页面的固定位置上或指定位置上。

首先准备好页面

新建一个导航母板并设置好

右键单击母板选择添加到页面 然后会出现这个框 右边是一些快捷选项 比如全选 或者取消全选等等 还有下方的指定位置或锁定位置 以及选项(页面中不包含此母板时才能添加)

添加好之后可以在页面上移动母板 但是不能编辑母板 要编辑母板只能回到母板。

取消加载就是右键单击母板选择从页面删除即可。

再新建一个底部母板

怎么移动到指定位置?

打开页面之后直接拖动对应的母版移动到指定的位置

当然拖放的前提是母板这个拖放行为的设置是任何位置 锁定位置就是母板里原本的位置 还有一个从母板脱离 就是可以放在任何位置 但是离开了母板 相当于一个元件 可以在页面里直接编辑

当母板更新 页面里有的母板也会跟着更新

下面我们要设置一些改变 不能让每个页面都千篇一律:对母板进行自定义设置

项目里最后一行有一个管理母板触发事件

先新增一个自定义事件

然后对母板中的工具一栏进行鼠标单击时触发自定义事件的动作 当自然这会还没什么效果 已经设置了触发 但是自定义的事件要回到各个页面设置 

比如我们回到仪表盘页面 设置仪表盘的触发事件为在当前窗口打开工具页面

在工具页本页不需要跳转 因此我们可以设置触发事件为一个文字提示:当前就是工具页

猜你喜欢

转载自www.cnblogs.com/newt/p/9211695.html
今日推荐