具体步骤如下:
这需要用到动态面板
1,从组件中将动态面板组件拖放到页面,点击右键,选编辑动态面板,选设为隐藏。
2,双击动态面板,编辑状态,在状态1里,设计好你的注册页面(动态面板默认显示的是第一个状态也就是最上面的)。
3,回到主页,编辑注册按钮的onclick事件,选择显示动态面板。
整体过程为:拖拽一个图片,双击能设置背景图片。然后选中按钮,并双击OnClick。
2.在d出的视图中可以修改点击事件的名字
3.由于我这个是在当前页面d出二级页面,所以点击Current Window,并点击要跳转的页面,然后点击ok。
4、点击ok后,回到工作区发现原来的按钮上有一个数字,表示添加上了点击事件,图中这是我添加的第二个点击事件,所以现实2。
至此点击事件的添加以及页面的跳转就完成了。
axure里很重要的一个特点也是体现他优越性的东西是可以实现交互(暂且讨论互联网pc端)
无论是低保真还是高保真
说到交互,什么是交互?
最常见的交互是怎么样的?
用户交互时最常见的 *** 作是什么样的?
————————————————————————分割线————————————————————————————————————
随着使用互联网时间的累积,随着使用互联网的经验变多 ,我们不可否认,虽然在使用中使用手册必不可少,但是很多 *** 作内容在大众心里都会有一些约定俗成的东西,比如移动端的使用中,如果我们想实现某些功能,可能你就会去尝试右滑、左滑或者长按等基本且屡试不爽的 *** 作去寻找我们想要完成的 *** 作。
这种约定俗称的东西,我们在pc端中会见到类似”汉堡菜单“或者箭头等来表示一类 *** 作的集合,在产品设计的初期必然会遇到交互的地方,所以现在说说在axure中如何实现单击”汉堡菜单‘出现待选选项。
场景:点击button,出现可以选择的东西
1.如图1,建立一个button按钮,
2.旁边新建一个热区或者矩形区域,将其命名为“d出框”,新建成功后右键选择"设为隐藏”将其隐藏,同时该区域会变色,如图2
3.设置交互,点击button,在右上角属性中选择“鼠标单击时”,进入交互设置,如图3
4.选择元件:显示/隐藏,如图4.
5.选择成功后,对该axure页面进行预览,点击button就会出现“d出框“啦~
*** 作教程已经结束啦,大家一定要学会举一反三,有很多种元件可以添加,互联网的交互性是非常强的,体现在设计的任何角落,有具体问题可以微信进行联系,方便交流,wechat:haiqay
两种办法:1、做按钮和一个[标签文本a],移入按钮,把[标签文本a]alert出来
<span onclick="alert('[[LVAR1]]')"> [[this.text]]</span>
[[LVAR1]]就是[标签文本a]的原件文字。这个方法用的是浏览器自带d窗样式。
2、用动态面板做自己想要的d窗样式,动态面板设置位置浏览器居中,点击按钮显示动态面板,效果为灯箱效果,就可以有d窗高亮,其他灰色的样式。这个方法用可以自己设计d窗样式。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)