Axure新手养成计划(连载23)

Axure书籍 小楼一夜听春语 15743℃ 0评论

9.    母版管理

小楼:苏苏,你知道什么是母版吗?

苏苏:嗯,以前用过PPT的软件,知道一些。

小楼:那你说说,在PPT中母版的作用是什么?

苏苏:嗯……PPT中的母版就是做完之后能够显示在全部或者指定的幻灯片中。小楼:是的,在Axure中的母版也是能够在做完后添加到全部或者指定的页面中。一般来说,我们会把多个页面中都相同的部分抽出来做成母版,达到一次制作多处使用的目的,这样节省掉很多重复的工作。比如说,一个页面的顶部导航,或者底部的公司信息、版权信息等等,都可以做成母版,然后添加到各个页面中使用。而且,当我们对母版进行编辑时,页面中的内容也会随之同步改变。

9.1.  母版的创建/编辑/删除

新建:点击面板中的新建按钮或者点击面板空白处按快捷键Ctrl+Enter完成母版的创建。创建后可以对母版名称进行编辑,双击母版名称则进入母版的编辑界面。

编辑:编辑区中可以像组织页面内容一样,拖入元件、添加交互等组成模板的内容。

删除:如果需要删除一个母版,需要先将母版从所有关联的页面中移除,才可以删除母版。如果被删除的母版有下级母版,则该母版被删除时,下级母版将被同时删除。

9.2.  母版在页面中的使用

9.2.1.  添加到页面中

在母版上单击鼠标右键,打开右键菜单,其中有一项叫【添加到页面中】,选择该项后,则可以指定将母版放到哪些页面中使用。指定页面的时候软件提供了一些快捷按钮给我们使用。(图131中箭头所示)

131

(图131)

一般情况下,我们通过这个操作将母版添加到页面时,默认是在页面相同的位置上添加母版的内容,即选项中的“锁定为母版中的位置”。我们也可以通过“指定新的位置”来添加母版中的内容到页面指定的位置。

最后,在我们向页面添加母版时,如果一个母版只能向同一个页面中添加一次,可以选择“页面中不包含母版时才能添加。”的选项加以限制。

9.2.2.  从页面中移除

如果页面上不再需要一个母版,或者在向页面添加母版时添加错了,我们可以通过在母版上点击鼠标右键,打开右键菜单,选择【从页面中移除】,在打开的页面中选择要移除的页面后,点击“确定”即可完成移除。

在移除的页面中也提供了快捷选择的按钮,方便我们快速选取页面,按钮功能参考(图131)。

9.3.  母版的拖放行为

苏苏:楼哥,像网站底部信息这种内容可以做成母版使用吗?

小楼:可以呀!

苏苏:但是,我刚刚试了一下,因为页面长度都不一样,底部信息的母版添加到页面时只能一个一个添加,还要指定添加后的位置,好麻烦!不喜欢!讨厌!

小楼:……这个你得拖……

母版除了使用前面的方法添加到页面中,还可以通过点住母版名称拖放到编辑区的方式添加到某个页面中。而且为了满足不同情况的需要,软件提供了三种拖放方式。拖放方式的选择可以通过在母版名称上点击鼠标右键,打开右键菜单,在【拖放行为】的二级菜单中进行选择。(图132)

132

(图132)

任意位置:允许将母版内容拖入编辑区中的任意位置上摆放。

固定位置:母版内容拖入到编辑区并松开鼠标后,母版内容会自动放置到页面中的固定位置上,这个固定位置与母版页面中该内容所在的位置一致。

脱离母版:允许将母版内容拖入编辑区中的任意位置上摆放。但是,当拖放结束后,这些内容与母版脱离联系,变成普通元件存在于页面中。母版进行编辑发生改变时,这些内容不会同步发生变化。

9.4.  母版的使用情况

当页面比较繁杂时,如果想知道一个母版都在哪些页面中被使用,逐一打开页面查看是很不方便的,所以软件提供了查看母版使用情况的功能。我们只需要在某个母版名称上点击右键,选择【使用情况】,即可打开使用了该母版的页面名称列表,让我们一目了然的看到这个母版都添加到了哪些页面中。

9.5.  自定义触发事件

母版用来实现内容的重用、同步管理,来提高我们制作原型的效率。但是有时母版中的某些内容,我们可能需要在不同的页面中有不同的交互效果。

比如,同一个登录按钮,在一般的页面弹出一个注册模块,而在登录页面点击这个按钮,是把焦点设置到用户名输入框中。这样就产生了一个需求,母版中的同一个按钮需要在不同页面被点击时执行不同的动作。但是,在母版中直接给【鼠标单击时】事件添加用例动作的话,所有页面都会执行母版中设置的动作,满足不了我们的需求。

那么,怎么解决这个问题呢?

举个例子,就像我们家里用电,如果只有一个供电总线,那么开关供电总线的电闸会影响家中所有的供电。但是,我们希望每个房间的供电都能单独控制,所以,需要安装一个设备叫“配电箱”,通过配电箱就可以对每个房间的供电进行单独管理,不会互相影响。

在Axure中,母版中的每个事件都像供电总线,影响所有使用了这个母版页面。如果在添加了母版的页面上给母版中的某个事件单独添加用例动作,这就需要我们给母版中的这个事件接上一个“配电箱”,这个“配电箱”的名字叫“自定义触发事件”。

就如同给家里安装配电箱一样,我们需要进行两个步骤的设置,才能拥有和使用“配电箱”。

1、创建一个自定义的触发事件;(购买一个配电箱)

创建自定义触发事件需要在导航菜单【布置】列表最后一项【管理母版触发事件】中进行创建。比如:点击“+”添加一个事件名称,并命名为“MyWidgetClick”。(图133)

133

(图133)

注意:只有当前编辑区为母版的编辑区时,才能在导航菜单中打开【管理母版触发事件】的选项。否则,该选项为灰色的禁用状态。

2、将母版中的某个事件与自定义触发事件绑定。(将供电总线接入配电箱)

假设,母版中的一个按钮“ACTION”需要将它的【鼠标单击时】事件在不同的页面触发时有不同的用例动作,我们就在编辑区中点选这个按钮,然后双击它的【鼠标单击时】事件,在动作中选择【触发事件】,将它与我们创建的自定义触发事件“MyWidgetClick”进行绑定。(图134)

134

(图134)

完成以上两步,在添加了母版的页面中点中母版,则会在【交互】的功能界面中出现这个母版中绑定的所有自定义触发事件,就像从配电箱中接出的分线。。比如在图133中设置的自定义触发事件,就出现在图134的触发事件列表中。为这个自定义触发事件添加的用例动作就是为按钮“ACTION”【鼠标单击时】事件添加了用例动作。(图135)

135

(图135)


~~~~~~~~~~~~ 正文结束 下面没了 ~~~~~~~~~~~~

小楼老师再出新作,倾力打造Axure RP 8精品课程系列,以最短的时间高效完成学习目标,入门进阶与实战案例并重,是0基础的新手从入门到精通的必备课程。

《AxureRP 8 入门与实战 - 入门篇》------从零入门进阶的最佳课程------【点此查看详情】

《AxureRP 8 入门与实战 - 案例篇》------实战手册图书的同步视频------【点此查看详情】


转载请注明:Axure原创教程网 » Axure新手养成计划(连载23)

喜欢 (29)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(11)个小伙伴在吐槽
  1. 感谢楼老师!我是您视频的付费会员,不过还是过来把您前23章文字版的新手入门又全都学习了一遍并且所有案例都实际操作了,收获很大! 🙂
    M颜2015-09-11 15:51 回复
    • 小楼一夜听春语
      不客气。虽然视频直观,文字反而需要动脑,所以我个人认为真的要打好基础文字效果更好。
      小楼一夜听春语2015-09-11 15:58 回复
  2. 7.0 文件库汉化包在哪里下载,求解答935140209
    小凡2015-09-11 19:34 回复
    • 小楼一夜听春语
      最新版不需要单独汉化元件库
      小楼一夜听春语2015-09-17 19:13 回复
  3. 还是没明白这个自定义触发事件具体什么意思...母版中的按钮要求在不同页面中实现不同的交互??.最后绑定完了我就看不懂了。。能否举个例子。。
    无敌大元帅2015-09-28 14:18 回复
    • 老师的意思是:1、你绑定完后,再把母版拖入需要用到的页面中时 你可以对绑定了的元件重新设置交互事件。而对于没有绑定的元件,则在拖入需要用到的页面中时,你点击那个元件,你会发现在交互那里不能进行自己重新设计交互事件。 自己试一试就知道老师的意思了
      凤凰涅槃2015-10-04 20:51 回复
      • 这个解惑了,谢谢你 :mrgreen:
        阿戴2015-11-25 15:56 回复
  4. 在axure 8.0上无法进行图134的3,4步。何解?
    kina2015-11-09 23:27 回复
    • 先选择母版,然后下面就可以选择“触发事件”
      yuan小雨2016-02-26 16:21 回复
    • 8.0不是触发事件,是最下面的自定义事件
      djiprvtd2017-06-07 18:24 回复
  5. 之前一直不喜欢用模板就是因为这点我实现不了 郁闷了很久 行业前辈们告诉我模板如何好 我一直没有感觉 这下好了 哈哈哈
    小小羊2016-11-09 14:55 回复