本文介绍了如何在AXURE中构建导航切换交互,包括页面布局、添加交互样式、交互细节调整,以及预览效果。通过设置动态面板状态和导航按钮的点击事件,实现了页面内容的切换,并确保每次只有一个导航按钮处于选中状态。最后,强调了预览和学习更多相关内容的重要性。
摘要由CSDN通过智能技术生成
导航
栏在项目中是一个比较常见的模块,经常用作为功能模块分类的一个
菜单
。通过鼠标移入或者点击展开当前
导航
模块的功能列表。
最鲜明的例子就比如
Axure
软件的
菜单
栏。
通过鼠标移入或者点击都会展开当前分类,要使用
Axure
来制作这样一个案例也需要两点:布局和交互用例,下面将通过这个
导航
栏栏案例来做演示。
导航
栏样式布局:
样式布局可以有几种方式,可以直接截图使用图片,再在对应分类上加元件;也可以直接制作一个相同样式(演示使用图片)。
首先将图片截取好,然后添加图片元件将该图片引入其中。
再在每个分类上添加一
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-U...
作者:木有窝的鸟~小通
撰写
时
间:2019年5月16日
在C#的语言中,我们学习了很多有关各种各样的小技巧,而每个小技巧都有它独特的魅力,不同的是它们可以紧密起来构成许许多多的功能。在项目中经常会出现很多问题,这
时
候就需要自个去探索解决方法,寻求解决的奥妙。
下面这个
导航
切换
,其实也有很多来自其他人不同的看法,我觉得
切换
模块
导航
是一个重要的模块,做项目很多
时
候都...
调用jquery写
导航
html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-
2. 添加一个新的状态,例如 "隐藏" 状态。这可以通过右键单击
导航
栏,然后选择 "添加状态" 来完成。
3. 在 "隐藏" 状态下,将
导航
栏的属性设置为不可见。你可以在 "交互" 面板中找到 "可见性" 属性并将其设置为 "隐藏"。
4. 在
页面
上添加一个触发器元件,例如按钮或链接,用于触发
导航
栏的显示和隐藏。
5. 选择触发器元件,然后在 "交互" 面板中添加一个交互动作。
6. 在交互动作中,选择 "设置状态" 动作,并将其设置为
切换
导航
栏的状态。例如,如果
导航
栏的当前状态是 "默认",那么
切换
到 "隐藏" 状态,反之亦然。
7. 保存并预览你的
Axure
原型。现在,当你点击触发器元件
时
,
导航
栏应该会显示或隐藏。
请注意,以上步骤仅提供了一种实现
导航
栏显示和隐藏的方法。你可以根据自己的需求进行调整和扩展。