在Axure中,母版黑白延续用和特等实用的一个功能之一,能帮咱们纯粹不少时辰元气心灵,进步画原型的服从。这篇著作,作家系统梳理了母版的关联学问,供全球参考。 一、为什么要使用母版 母版不错用来创建重叠使用的千般原型缠绵元素,并对其进行全局处分,是通盘方法中重叠使用的元件容器。 母版常用于创建页头、页尾、导航、模板和告白等。你不错在职何页面减轻的使用预先创建好的母版,而无谓再次贫瘠制作或复制粘贴,这便是母版带给咱们的便利,你不错在母版的版靠近它们进行长入处分。 对母版进行的任何修改遣散,修改后的遣散齐会同步到援用的页面中。 一个页面不错同期使用多个母版。 当每个页面中有无数调换重叠的元件时,使用母版大略纯粹时辰,极大的进步咱们的责任服从。 先看下咱们在Axure里使用母版作念的高保真交互原型文献案例图片示举例下: Axure原型web端演示地址:https://odej85.axshare.com Axure原型挪动端演示地址:https://u4k7qj.axshare.com 二、奈何制作母版 1. 创建母版 顶部导航 次序二:在缠绵区域中率先选中要调治为母版的元件,然后点击右键,接纳“调治为母版”,在弹出框的对话框中缔造母版称呼,定名完成后,还不错缔造母版的拖放行为,下文中会先容拖放行为。 创建母版 2. 使用操作 使用母版面板对其进行处分 在母版面板中,不错对母版进行添加、删除、排序等处分。 重定名:双击母版或者右键接纳“重定名”。 删除母版:右键母版,在弹出的菜单列表中点击删除。 排序:径直拖拽母版或右键,在弹出菜单中接纳挪动,在右侧伸开的菜单栏中点击上移或下移。 母版面板还不错添加文献夹,与站点舆图雷同,母版还不错新增母子版。 母版的操作 3. 缠绵区域添加母版 径直拖拽母版至右侧缠绵区域不错将母版添加到单个页面中; 右键点击母版,接纳“新增到页面”,在弹出的“新增母版到页面”对话框中接纳思要添加母版的页面,不错已毕母版的批量添加; 右键点击母版,接纳“从页面删除”,不错在页面中批量删除母版。 母版的添加和删除 母版上的遮罩:常常,添加的母版上会遮掩一层粉红色遮罩,这是为了让咱们大略在缠绵元素中快速分离哪些是母版。 要是你不心爱这种分离形式,不错通过点击菜单中的“视图>遮罩”,取消粉红色的遮罩成果。 相同的操作,在这里你也不错取消掉动态面板、中继器、图片热区这些元件容器的遮罩成果,见下图。 取消遮罩 三、母版类型 按照母版的拖放行为,不错将母版分为以下3类:拖放到指定位置、锁定母版位置、从母版脱离。 要更正母版类型,右键点击母版。“接纳拖放行为”,在弹出的菜单中进行接纳。 对模板类型的修改,只会影响到现时要拖放到缠绵区域的母版。 任何位置:拖拽至缠绵区域,不错甩掉在缠绵区域中的淘气位置 锁定母版位置:拖拽至缠绵区域,固定在缠绵区域的某一位置,不能以应付挪动 从母版脱离:拖拽至缠绵区域,即暗意脱离了母版,在此处进行任何修改,均不会影响原母版实质 母版的拖放行为 四、母版触发事件 1. 触发事件发挥 触发事件是创建在母版中,唯一母版才具有触发事件,允许为母版的每个不同实例添加不同的交互。 当你思让母版内元件的操作影响到母版外元件时,也不错使用母版触发事件。 触发事件的成果是由母版内元件触发的。 举例,在母版中添加了3个按钮,并分别添加了鼠标单击事件,点击3个按钮时,影响着母版外一个文本的走漏实质。 这么作念的克己是这里的按钮是一个母版,万生实盘对其操作赞佩比拟浅易,不错哄骗到其它需要有雷同成果的页面。诚然达到这种成果的次序有好多,但母版触发事件的高大之处在于不错屡次重叠使用,达到暂劳永逸的见地。 对于触发事件的一些重心发挥如下: 触发事件只可用于母版内的元件创建 一个母版不错领有多个触发事件 创建触发事件的门径: 在母版的元件上创建触发事件。 将母版拖拽到页面的缠绵区域中,选中该母版,在元件交互面板中使用触发事件创建交互来影响现时页面的元素。 2. 创建和使用触发事件 双击母版参加剪辑现象,选中母版要触发的触发元件,然后在元件交互面板中添加思要触发的触发事件的事件,在弹出的用例剪辑器中第二步,添加“触发事件”看成,然后在第四步设立看成中设定“触发事件”的称呼,临了勾选事件称呼前的复选框,点击详情,完成触发事件的创建。 此外,还不错双击母版,参加剪辑现象;然后在菜单栏中的布局>处分母版触发事件,对触发事件进行处分。 触发事件的添加和处分 创建完触发事件后,将母版拖放到淘气缠绵区域中,选中该母版,在元件交互面板中就不错看到刚刚添加的触发事件。 触发事件的操作次序和普通操作其他事件是一样的。 3. 触发事件使用案例 为了匡助全球进一步连气儿什么是母版的触发事件过甚伏击性。 在这个案例中将演示奈何通过母版的触发事件影响着文本走漏的实质。 step1:拖动3个按钮至缠绵区域,并在3个按钮内分别输入笔墨“发现”、“温文”和“音信”,拖动一个文本标签至缠绵区域,文本实质默许输入“这里走漏按钮的笔墨”。 准备元件 step2:选中3个按钮,右键缔造为淘气位置母版。双击母版,参加剪辑现象,为按钮创建单击事件,在事件剪辑框中添加最下方的“触发事件”,在设立看成中定名,这里我就偷懒,径直在系统默许称呼后加上数字编号“NewEvent1”,选中事件称呼前边的复选框,点击详情;相同的操作,为另外两个按钮添加触发事件,事件称呼分别为“NewEvent2”和“NewEvent3”。 缔造触发事件 step3:复返到页面当中,选中母版为刚才添加的触发事件““NewEvent1”添加用例,在用例剪辑面板中,添加缔造文本看成,在设立看成中接纳名为text的文本,缔造文本的值为按钮1的笔墨,点击fx参加剪辑文本弹框界面,在缔造这个值之前需要将按钮1的笔墨界说为局部变量LVAR1,是以在设立看成中语本的值为局部变量LVAR1;按照相同的操作,为另外两个触发事件添加用例,需要教唆的是,缔造文本时,文本的值分别缔造为其按钮上的元件笔墨。 为文本设立赋值看成 为按钮笔墨界说局部变量 step4:至此,所有这个词的缔造仍是完成,按下F5,预览测试下成果。 Axure8.0版块中称之为“触发事件”,也有一些中语版块翻译为“激勉事件”,Axure7.0版块称之为“自界说事件”,诚然叫法不一样,但抒发的酷好是一致的。 |