axure的基本使用方法（侧边导航栏的制作）

最新推荐文章于 2024-06-27 10:47:47 发布
最新推荐文章于 2024-06-27 10:47:47 发布
阅读量4.3k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/marhonvey/article/details/53895075
版权
本文详细介绍了如何使用Axure制作侧边导航栏，包括创建动态面板、设置布局、添加移动事件和点击事件，一步步教你完成交互设计。
摘要由CSDN通过智能技术生成

1、创建一个动态面板control

2、在home中创建动态面板homepage和movepage并且完成布局

最低0.47元/天 解锁文章
marhonvey
关注
Axure |导航条的实现
求知：数据科学家之路
03-28 1166
实现导航条使用Axure RP 9 制作导航条功能参照物Axure中的操作新建page页面制作页面和导航页设置交互名称左侧导航条与内容绑定将导航条转为动态面板发布，看效果 使用Axure RP 9 制作导航条功能 疫情期间，学学Axure，为以后能将常规数据功能实现产品化准备。 参照物 在拖动鼠标上下滑动时，右侧的导航栏目是没有变化的，此外点击导航栏中的按钮，也是不会改变导航栏的位置。现在来模仿下...
Axure设计之三级菜单导航教程（中继器）
最新发布
招风的黑耳CSDN
08-21 682
中继器作为复杂的元件，通常被用来制作“高保真”的动态原型，以达到良好的视觉效果和交互效果。本文将教大家通过AxureRP9工具如何使用中继器设计三级菜单导航。
【Axure9案例】如何制作网站顶部导航栏
09-16 688
导航栏的一个特点是每个导航菜单都是互斥的，一次只能选中一个，当选中另一个菜单的时候，前一个被选中的菜单会取消选中，所以这里涉及到一个重要的知识点是“选项组” 知识点 l选项组 l交互样式：鼠标悬停、选中 l鼠标单击时事件 操作步骤 1、将矩形拖入面板中，调整大小宽度后，复制几个，做成如下图样式 2、设置选项组，全选所有菜单，鼠标右键，选择选项组 3、输入选项组名称，这个名称可以随意选取，注意：如果在原型中有多个这样的选项组，需要取不同的名...
Axture RP9实现动态导航栏
2301_76794079的博客
06-27 710
4，主导航栏选择新建交互-单击时-显示隐藏-选择元件（为之前动态面板）-选择切换-动画效果按照自己想法设置-确认。完成简单交互，如图所示。2，将子导航栏全选，并按鼠标右键，转化为动态面板，给动态面板加一个名字（方便后续选择），并将动态面板隐藏，如图所示。3，在主导航栏这一项选择交互，按照自己想法添加元件样式。实现动态导航方法很多，简单介绍一种。1，如图做好自己想要做到导航栏。此帖子为作者学习经验记录。
Axure RP 10制作导航栏指示效果
Peppaaa的博客
05-31 577
本文介绍了如何用Axure RP 10制作导航栏指示效果。
用Axure实现左侧动态导航栏
qq_66798676的博客
06-25 854
双击p1，面板状态管理。把state1改名为展开状态。在点击+号按钮，新添两项，取名为展开状态和收起状态。．给动态面板p1设置动作，选择状态那里选择“Next”．双击打开收起状态，在面板中画一个导航栏A一样的矩形。把把导航栏A、A1、A2设为动态面板，取名p1。给导航栏B设置动作，导航栏对应正确的动态面板。首先在面板上画几个矩形，大小一样排列好。首先在面板上画几个矩形，大小一样排列好。把B1、B2设为动态面板，取名p2。
Axure 9实现左侧动态导航栏
James199209的专栏
03-26 4524
目前很多B端产品都是基于左侧的导航栏，有研究表明导航栏放在左侧效率更高。那基于Axure怎么能够实现呢，其实只需要动态面板组件就可以搞定。 1.首先，拖入四个矩形组件，如下图所示，第一个矩形取名为一级菜单1。然后将后三个全部选中，右键选择转化为动态面板。取名为二级菜单1。 2.这个动态面板可以预先设置为隐藏。该设置是为了实现在点击一级菜单时才能显示出二级菜单。默认是不展开的效果。 3.接下来设置动画效果，选中一级菜单1组件，右侧选择动作--单击时，显示/隐藏，目标选择二级菜单1，选择切换，同时
Axure RP9制作响应式导航栏
m0_65421975的博客
03-14 2116
1.元件库拖动一个动态面板，W为1000，H为60，100%宽度，然后双击打开，在动态面板里在添加两个动态面板，分别命名为left、right，位置是靠左靠右，left W为500，H为44，right W为270，H为44,并固定在浏览器的右侧，设置100的距离。 2.点击Left面板，添加一个占位符，三个矩形框，right动态面板中添加三个矩形框。 3.添加视图，命名为920，W为1000，设置在当前920的视图下，取消勾选影响所有视图，在920视图下，点击 进入动态面板，将r.
Axure RP 基于动态面板实现宽度自适应全屏的顶部导航栏，实现高度自适应全屏的侧边导航栏
小康师兄
09-29 2387
文章目录一、前言二、初步布局三、初步预览四、宽度自适应全屏五、高度自适应全屏六、页面左对齐七、最终效果 一、前言 主要是动态面板的运用，其实非常简单。 二、初步布局 两个动态面板，填充->颜色随便选一个浅色的 两个矩形1，填充->透明度->0% 三、初步预览 这时候预览的的效果如下，是没有高度宽度自适应全屏效果的。 四、宽度自适应全屏 五、高度自适应全屏 六、页面左对齐 如果没有这一步，那么效果会是酱紫的 需要在页面的空白地方点击下，样式->左对齐 七、最终效果
Axure web 元件库 最全导航大全
09-15
Axure web 元件库 最全导航大全 折叠面版：常用、水平、手风琴。。。 侧边导航：5大类
Axure动态交互侧边栏UI隐藏弹出动态菜单导航-2018时尚版
09-14
手机端和PC端都可以用的交互，侧边栏，侧滑效果，隐藏效果。
最棒的AXURE原型系列1-6季的全部作品
01-06
最棒的AXURE原型系列1-6季的全部作品
axure7导航菜单.rp
07-20
导航菜单
axure20个经典案例.zip
06-01
人机交互作业...生活不易，赚点积分...
小白自学Axure- 侧边菜单栏
weixin_50534910的博客
01-09 1136
在状态一“折叠”下创建交互，选择事件（单击/双击...触发）-选择“设置面板状态”-修改面板状态为”展开“，并勾选二级菜单展示方式。再选择状态二“展开”以同样步骤创建交互就能得到一个菜单栏咯。建议：给每一个动态面板设置名称，这样在后续设置交互时，便于区别、操作！2、双击打开后设置每个状态的样式。1、给对应项创建“动态面板”
Axure8.0：标签导航栏
weixin_43516258的博客
07-08 1107
本次分享的的案例是Axure8.0制作的标签导航栏。 预览及下载地址：https://40074m.axshare.com
Axure实现导航栏的展开与收缩
LAO__LIN的博客
04-12 1452
使用场景一般是B端后台系统需要以导航栏的展开与收缩实现原型的动态交互，主要使用区域是左边或者顶部的导航栏展开与收缩，同一级导航下的小标题，放在一起既美观又节省时间。
axure9侧边导航栏元件库
08-09
通过使用侧边导航栏元件库，用户可以更加高效地完成原型设计。首先，这些元件已经预先设计好，用户只需进行简单的编辑和调整即可，无需从头开始设计。其次，这些元件的样式和交互行为都经过精心设计，可以保证用户的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值