Axure7.0 母版内事件如何控制外部页面的元件和动态面板

在整站原型制作中,经常会在N个页面使用同一个Banner,复制粘贴也就算了,万一改个链接啥的,真是心痛到永远。。。

但是为母版新增用例时,是不可能操做外部(母版外)元素的,法克!那要你何用!?肿么办!?

解决方案:

1.在母版点击目标元件,增加一个触发事件(如下图):

2.加了这玩意之后,还需要把他捆绑给目标元素,比如一个按钮。我在鼠标单击事件中,新增一个用例,用于触发刚才添加的Eventindex事件。

3.好了前戏做足,回到页面(包含母版的内个页面),再点母版,看右侧的交互窗口,是不是多了一个Eventindex事件(就是他!母版和外部沟通全靠这玩意了,他相当一个纽带,这就是Axure的所谓事件捆绑)。为Eventindex这个事件新增用例吧,对于导航栏来说通常有几个按钮就加几个事件。如下图:

总结:当鼠标点击母版里的一个元素时,触发Eventindex事件,一旦触发Eventindex事件,则执行外部页面的用例。

时间: 2024-10-07 16:23:29

Axure7.0 母版内事件如何控制外部页面的元件和动态面板的相关文章

Axure7.0页面跳转设置动态面板状态

整站原型设计中,不可能把所有功能都在一个页面展示出来,一定要那样做,可能要在一个页面画几十个动态面板,上百个状态了,先不说好不好维护和修改,这样叠罗汉足以让Axure跑死... 所以我们经常按功能分类,分别设计出几个页面来展示.这样问题就来了(挖掘技术究竟哪家强呢?),对于那些有动态面板且面板状态较多的页面,跳转过去的时候,只会显示动态面板第一个状态,肿么办? 情景再现: 有这样一个导航栏,其中首页,信息检索,审核处理这三个功能点设计在一个页面(default.html),用一个动态面板的三个状

关于UI设计中的交互软件Axure7.0运用

Axure RP是一个专业的快速原型设计工具.让负责定义需求和规格.设计功能和界面的人员能够快速创建应用软件或Web网站的线框图.流程图.原型和规格说明文档. 作为专业的原型设计工具,它能快速.高效的创建原型,同时支持多人协作设计和版本控制管理  . 首先为大家介绍下Axure 的工作界面: 1-主菜单工具栏:大部分类似office软件,不做详细解释,鼠标移到按钮上都有对应的提示. 2-主操作界面:绘制产品原型的操作区域,所有的用到的元件都拖到该区域. 3-站点地图:所有页面文件都存放在这个位置

react判断点击位置是否为组件内,实现点击外部触发组件内事件

1.导入 import {findDOMNode} from 'react-dom' 2.绑定ref <div ref="refTest" </div> 3.绑定监听事件 //监听外部click componentDidMount() { document.addEventListener('mousedown', (e)=>this.handleClickOutside(e), false); } componentWillUnmount() { docume

Cocos2d-x v3.0 新的事件调度方法 lambda表达式的使用

欢迎添? Cocos2d-x 交流群: 193411763 转载请注明原文出处:http://blog.csdn.net/u012945598/article/details/24603251 Cocos 2d-x 3.0 版本号中引入了C++ 11的特性.当中就包括了回调函中使用Lambda对象. 以下我们来看一段TestCpp中的代码: 在上图的触摸事件的回调函数中,共使用了三次Lambda表达式: [ ](Touch * touch,Event * event){ }; 以下我们就来介绍一

axure7.0使用技巧(二)

先阅读 axure7.0使用技巧(一) axure的另一些技巧 没有默认的tab页控件,但"按钮形状"可以做成tab页 有时候"水平线"会看不到,原因是浏览器缩小了,往上/下移动1或2下就可以看见了 浏览器必须100%,否则设计和展示的会不一致 axure不支持浏览器放大缩小的响应布局,所以你想设计什么分辨率的就得一开始定好 通过"鼠标移入"和"鼠标移出",可以实现更为复杂的"鼠标悬停"功能 颜色搭配 颜色

日积(Running)月累(ZSSURE):WCF学习之“通过事件绑定控制WinForm宿主程序主界面控件”

背景: WCF服务需要寄宿到相应的可运行进程中执行,常见的有四种寄宿,分别是控制台程序.WinForm程序.IIS和Windows服务.之前学习老A博客和<WCF全面解析>时最常用到的是控制台寄宿,近期由于项目需求,需要在WinForm程序中调用WCF服务,本博文通过一个简单的实例来演示WCF在WinForm中的寄宿.并着重介绍如何利用事件绑定控制宿主主UI界面控件. 题记: 之前一直坚守在C++阵地,对于新语言.新技术(诸如Python.J2EE.Bigdata.AI)不甚感冒.自以为&qu

JavaScript键盘事件全面控制代码

JavaScript键盘事件全面控制,它可以捕获键盘事件的输入状态,可以判断你敲打了键盘的那个键,ctrl.shift,26个字母等等,返回具体键盘值. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>键盘事件全面控制</title> <style type="t

js键盘事件全面控制详解

js键盘事件全面控制 主要分四个部分第一部分:浏览器的按键事件第二部分:兼容浏览器第三部分:代码实现和优化第四部分:总结 第一部分:浏览器的按键事件 用js实现键盘记录,要关注浏览器的三种按键事件类型,即keydown,keypress和keyup,它们分别对应onkeydown. onkeypress和onkeyup这三个事件句柄.一个典型的按键会产生所有这三种事件,依次是keydown,keypress,然后是按键释放时候的keyup. 在这3种事件类型中,keydown和keyup比较底层

axure7.0下载安装教程

做产品必须要有原型设计,我们公司称为做demo. demo你可以用ppt做,或者直接做图片,这样给甲方基本通不过: 也可以直接用html做,这样很慢,虽然真正研发时也许可以复用: 平衡的方案,也是最多公司采用的方案是用原型设计工具设计,而这个工具现在必然是axure. 最新版本是7.0 简单下载安装教程: 1.下载<AxureRP-Pro-Setup.exe>,并安装 2.下载<axure7.0中文语言汉化包20150316.zip>,解压,并拷贝: 3.输入注册码,搞定! 以下是