Axure快速入门(05) - Master母版减少重复操作

简介: Axure快速入门(05) - Master母版减少重复操作

1. 前言


本文的登录案例源文件已上传到Github,有兴趣的同学可以下载来看看: https://github.com/ylw-github/Axure-Demo


前面写过Axure相关的文章,有兴趣的同学可以参阅:


  • 《Mac 下Axure RP9下载与安装》
  • 《Axure快速入门教程》
  • 《Axure快速入门(01) - 面板介绍》
  • 《Axure快速入门(02) - 入门例子(登录案例)》
  • 《Axure快速入门(03) - 丰富的元件库》
  • 《Axure快速入门(04) - 元件位置调整》


2. 什么是Master母版


下面看看一个原型图:


首页20210108104144188.png


设置20210108104158731.png


关于

 20210108104218628.png


从上面的原型,我们可以看到有下面两个是每个页面都会有的:

20210108104340957.png


这个时候,如果要修改标题,则每个地方都要去修改,有什么办法设置一处,导出都生效呢?


  • 可以使用Master母版


什么是Master母版?


  • 我把解析为公共元件组,就是相同的元件组可以设置为Master母版,一处修改,处处生效。


3. 操作演示


首先选中公共标题栏,邮件右键,转为母版:

20210108104801446.png


设置名称:

20210108104840714.png


点击元件栏的母版,可以看到定义的公共母版:

20210108104924512.png


打开设置页并删除标题,拖入公共标题母版:

20210108110822641.png


关于页一样的操作,此时修改首页的标题,改为“007管理系统”,可以看到其他模板自动修改了:


首页20210108111026898.png


设置20210108111045163.png


关于

 20210108111109375.png


菜单栏也可以仿照标题栏一样的操作,此处不再详述,本文完!


目录
相关文章
聊天框(番外篇)—如何实现@功能的整体删除
上一篇文章中,我们已经初步实现了聊天输入框,但其@功能是不完善的,例如无法整体删除、无法获取除用户名以外的数据(假设用户名不是唯一的)。有问题就要想办法解决,在网上百度了一圈后,倒是有一些收获。本文就着重解决@的整体删除以及获取额外数据。
1111 0
聊天框(番外篇)—如何实现@功能的整体删除
Axure快速入门(05) - Master母版减少重复操作
Axure快速入门(05) - Master母版减少重复操作
48 0
Axure快速入门(07) -选项组例子
Axure快速入门(07) -选项组例子
81 0
|
前端开发
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用1
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用1
40 0
|
前端开发
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用5
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用5
57 0
|
前端开发
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用3
前端学习笔记202305学习笔记第二十二天-新增修改弹框复用3
63 0
|
小程序 开发工具 UED
实现各种效果和功能的按钮,读这篇文章就够了
本文主要内容包含各种效果和功能的按钮的实现方法,以及应用场景。 如果你没有任何的游戏开发经验,欢迎阅读我的“人人都能做游戏”系列教程,它会手把手的教你做出自己的第一个小游戏。
155 0
|
JavaScript 索引
面试题分享,修改数据无法更新UI
面试题分享,修改数据无法更新UI
132 0
面试题分享,修改数据无法更新UI
|
开发工具 UED 开发者
实现各种效果和功能的按钮,读这篇文章就够了(上)
本文主要内容包含各种效果和功能的按钮的实现方法,以及应用场景。
183 0
实现各种效果和功能的按钮,读这篇文章就够了(上)
|
容器
实现各种效果和功能的按钮,读这篇文章就够了(下)
本文主要内容包含各种效果和功能的按钮的实现方法,以及应用场景。
175 0
实现各种效果和功能的按钮,读这篇文章就够了(下)