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

最新推荐文章于 2024-06-27 10:47:47 发布

巷中人

最新推荐文章于 2024-06-27 10:47:47 发布

阅读量1.3k

点赞数

文章标签： axure

原文链接：http://www.cnblogs.com/marvey/p/6225690.html

版权

1、创建一个动态面板control

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

3、给home添加移动事件

4、给按钮添加点击事件

5、大功告成

转载于:https://www.cnblogs.com/marvey/p/6225690.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

巷中人

关注关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Axure RP 基于动态面板实现宽度自适应全屏的顶部导航栏，实现高度自适应全屏的侧边导航栏

小康师兄

09-29

2452

文章目录一、前言二、初步布局三、初步预览四、宽度自适应全屏五、高度自适应全屏六、页面左对齐七、最终效果一、前言主要是动态面板的运用，其实非常简单。二、初步布局两个动态面板，填充->颜色随便选一个浅色的两个矩形1，填充->透明度->0% 三、初步预览这时候预览的的效果如下，是没有高度宽度自适应全屏效果的。四、宽度自适应全屏五、高度自适应全屏六、页面左对齐如果没有这一步，那么效果会是酱紫的需要在页面的空白地方点击下，样式->左对齐七、最终效果

Axure RP9制作响应式导航栏

m0_65421975的博客

03-14

2161

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 |导航条的实现

求知：数据科学家之路

03-28

1182

实现导航条使用Axure RP 9 制作导航条功能参照物Axure中的操作新建page页面制作页面和导航页设置交互名称左侧导航条与内容绑定将导航条转为动态面板发布，看效果使用Axure RP 9 制作导航条功能疫情期间，学学Axure，为以后能将常规数据功能实现产品化准备。参照物在拖动鼠标上下滑动时，右侧的导航栏目是没有变化的，此外点击导航栏中的按钮，也是不会改变导航栏的位置。现在来模仿下...

小白自学Axure- 侧边菜单栏

weixin_50534910的博客

01-09

1258

在状态一“折叠”下创建交互，选择事件（单击/双击...触发）-选择“设置面板状态”-修改面板状态为”展开“，并勾选二级菜单展示方式。再选择状态二“展开”以同样步骤创建交互就能得到一个菜单栏咯。建议：给每一个动态面板设置名称，这样在后续设置交互时，便于区别、操作！2、双击打开后设置每个状态的样式。1、给对应项创建“动态面板”

【Axure9案例】如何制作网站顶部导航栏

09-16

715

导航栏的一个特点是每个导航菜单都是互斥的，一次只能选中一个，当选中另一个菜单的时候，前一个被选中的菜单会取消选中，所以这里涉及到一个重要的知识点是“选项组” 知识点 l选项组 l交互样式：鼠标悬停、选中 l鼠标单击时事件操作步骤 1、将矩形拖入面板中，调整大小宽度后，复制几个，做成如下图样式 2、设置选项组，全选所有菜单，鼠标右键，选择选项组 3、输入选项组名称，这个名称可以随意选取，注意：如果在原型中有多个这样的选项组，需要取不同的名...

Axture RP9实现动态导航栏

最新发布

2301_76794079的博客

06-27

990

4，主导航栏选择新建交互-单击时-显示隐藏-选择元件（为之前动态面板）-选择切换-动画效果按照自己想法设置-确认。完成简单交互，如图所示。2，将子导航栏全选，并按鼠标右键，转化为动态面板，给动态面板加一个名字（方便后续选择），并将动态面板隐藏，如图所示。3，在主导航栏这一项选择交互，按照自己想法添加元件样式。实现动态导航方法很多，简单介绍一种。1，如图做好自己想要做到导航栏。此帖子为作者学习经验记录。

Axure RP 10制作导航栏指示效果

Peppaaa的博客

05-31

654

本文介绍了如何用Axure RP 10制作导航栏指示效果。

用Axure实现左侧动态导航栏

qq_66798676的博客

06-25

905

双击p1，面板状态管理。把state1改名为展开状态。在点击+号按钮，新添两项，取名为展开状态和收起状态。．给动态面板p1设置动作，选择状态那里选择“Next”．双击打开收起状态，在面板中画一个导航栏A一样的矩形。把把导航栏A、A1、A2设为动态面板，取名p1。给导航栏B设置动作，导航栏对应正确的动态面板。首先在面板上画几个矩形，大小一样排列好。首先在面板上画几个矩形，大小一样排列好。把B1、B2设为动态面板，取名p2。

Axure 9实现左侧动态导航栏

James199209的专栏

03-26

4611

目前很多B端产品都是基于左侧的导航栏，有研究表明导航栏放在左侧效率更高。那基于Axure怎么能够实现呢，其实只需要动态面板组件就可以搞定。 1.首先，拖入四个矩形组件，如下图所示，第一个矩形取名为一级菜单1。然后将后三个全部选中，右键选择转化为动态面板。取名为二级菜单1。 2.这个动态面板可以预先设置为隐藏。该设置是为了实现在点击一级菜单时才能显示出二级菜单。默认是不展开的效果。 3.接下来设置动画效果，选中一级菜单1组件，右侧选择动作--单击时，显示/隐藏，目标选择二级菜单1，选择切换，同时

Axure web 元件库最全导航大全

09-15

Axure web 元件库最全导航大全折叠面版：常用、水平、手风琴。。。侧边导航：5大类

Axure动态交互侧边栏UI隐藏弹出动态菜单导航-2018时尚版

09-14

手机端和PC端都可以用的交互，侧边栏，侧滑效果，隐藏效果。

axure左侧折叠菜单和Tab标签实例

10-15

仅适用新手学习和参考，仅适用新手学习和参考，仅适用新手学习和参考。重要的事情说三遍，请高手飘过。只给新手学习和参考。

Axure8.0：标签导航栏

weixin_43516258的博客

07-08

1130

本次分享的的案例是Axure8.0制作的标签导航栏。预览及下载地址：https://40074m.axshare.com

Axure实现导航栏的展开与收缩

LAO__LIN的博客

04-12

1626

使用场景一般是B端后台系统需要以导航栏的展开与收缩实现原型的动态交互，主要使用区域是左边或者顶部的导航栏展开与收缩，同一级导航下的小标题，放在一起既美观又节省时间。

【Axure原型图】—— 3. NAVIGATION MENU（导航菜单）

weixin_33878457的博客

02-27

732

制作导航菜单 Step0: 下载练习文件在这里下载AxureTraining.rp文件，并用Axure RP打开 Step1: GET STARTED 打开"Navigation menu" 页面该页面包含了多个菜单组件HOME, MANAGE, PROFILE, HELP等，他们已经有了mouseOver和选中交互样式选中所有的这些组件，右键，“Convert to Master” 将...

Axure中动态面板使用及轮播图&多种登录方式&左侧导航栏之案列

2301_76988707的博客

12-15

1770

轮播图是一种常见的界面元素，用于在网页或移动应用中展示多个图片或内容，并通过自动循环或手动切换的方式进行展示。通常由一个主要的显示区域和一组导航指示器（如小圆点或箭头）组成。轮播图可以用于展示产品、广告、新闻、图片集等内容，以吸引用户的注意力并提供更多的信息和选择。它一般会在页面的头部或突出位置展示，通过切换不同的图片或内容，引导用户进行浏览和交互。轮播图可以自动播放，按照设定的时间间隔自动切换展示的内容；也可以由用户手动切换，通过点击导航指示器或滑动触摸屏幕来切换内容。通过合适的。

手把手教你Axure-左侧功能栏之页面/概要

明天上线的博客

10-13

2369

左侧功能栏，是我们在使用Axure的过程中，操作频率比较高的区域。不过由于内容比较多，需要分开介绍。今天就先来看看左上角的的部分：页面和概要。一.页面顾名思义，就是我们通常所理解的页面。在...

Axure9画一个浮动弹出菜单栏（超级简单）

weixin_44917577的博客

06-11

3459

效果展示画四个大小一致的矩形框 2.将下面四个矩形框组合，并更改组合名第一个矩形框打上“菜单”，然后选中，按照下图依次设置交互。选“鼠标移入时” 选“显示、隐藏” 选“菜单栏” 选“显示”—“向下滑动” 点击“更多选项”–“弹出效果” 选中下方组合，在样式中，选择隐藏结束 ...

axure9侧边导航栏元件库

08-09

Axure 9是一款功能强大的原型设计工具，它提供了方便的侧边导航栏元件库。通过使用这个元件库，用户可以快速创建出具有侧边导航栏功能的原型设计。在Axure 9的侧边导航栏元件库中，有各种各样的元件可供选择和使用。这些元件包括导航菜单、子菜单、展开/折叠菜单和列表等。用户只需简单地将这些元件拖放到画布上，然后进行相应的设置和样式调整，就可以完成一个完整的侧边导航栏设计。通过使用侧边导航栏元件库，用户可以更加高效地完成原型设计。首先，这些元件已经预先设计好，用户只需进行简单的编辑和调整即可，无需从头开始设计。其次，这些元件的样式和交互行为都经过精心设计，可以保证用户的原型设计符合最佳的用户体验和界面设计原则。除了提供丰富的元件库外，Axure 9还提供了一系列的交互功能，可以让用户制作出高度可交互的原型设计。用户可以通过设置各种交互事件和状态，来模拟用户在使用过程中的各种操作和反馈。这样可以帮助用户更好地展示和演示自己的原型设计，以便收集反馈和进行改进。总之，Axure 9的侧边导航栏元件库为用户提供了方便快捷的原型设计工具。通过使用这个元件库，用户可以更加高效地完成原型设计，并且制作出高度可交互的原型，以便更好地展示和演示自己的设计。