Axure在当前页面点击按钮,怎样打开小窗口?

Axure在当前页面点击按钮,怎样打开小窗口?,第1张

具体步骤如下:

这需要用到动态面板

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窗样式。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11419514.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存