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

最新推荐文章于 2024-05-29 14:39:14 发布
最新推荐文章于 2024-05-29 14:39:14 发布
阅读量1.2k 收藏 3
点赞数
文章标签： 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

巷中人
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Axure RP从入门到精通（五十一） 案例 - 左侧菜单栏导航
人不风流枉少年
08-10 2175
1 更改页面尺寸，将Auto改为Web，页面布局改为左侧对齐。 页面尺寸和页面布局都会对元件的位置有影响。 拖一个动态面板作为左侧菜单导航栏的整体容器，设置x:0, y:50（这里留出50是给顶部导航使用的）w: 210，双击动态面板进入State1设置填充颜色R: 48 G: 66 B: 86，动态面板只有一个状态State1。 页面载入时设置尺寸，设置高度为：[[Window.height - 50]]，至此左边导航栏的容器算是完成。 双击导航栏容器进入State，拖拽一个矩形作为一级
Axure |导航条的实现
求知：数据科学家之路
03-28 1129
实现导航条使用Axure RP 9 制作导航条功能参照物Axure中的操作新建page页面制作页面和导航页设置交互名称左侧导航条与内容绑定将导航条转为动态面板发布，看效果 使用Axure RP 9 制作导航条功能 疫情期间，学学Axure，为以后能将常规数据功能实现产品化准备。 参照物 在拖动鼠标上下滑动时，右侧的导航栏目是没有变化的，此外点击导航栏中的按钮，也是不会改变导航栏的位置。现在来模仿下...
Axure web 元件库 最全导航大全
09-15
Axure web 元件库 最全导航大全 折叠面版：常用、水平、手风琴。。。 侧边导航：5大类
Axure学习：网站后台导航菜单的制作及对应内容的显示
04-12 470
前面提问的同学是在自己的工作当中遇到的问题，然后寻求老师的帮助。这是在学习任务之外的内容，也是VIP同学能够享受到的另外的服务：发现问题即可寻求老师的帮助进行解决，在一定程度上减轻了同学们的负担。我们的学员也是一样，在做后台的时候遇到了一些问题，请教了老师，得到了解答。这里同学遇到的问题是，在点击导航进入新的页面，但是选中的设置是在原来的页面中设置的。使用母版的原因是，在后台的大多数页面都会使用到这个导航菜单，可以复用。注意：用这种方法做的话，被打开的页面必须不包括母版的内容在内，不然会造成元素的重复。
【Axure9案例】如何制作网站顶部导航栏
09-16 593
导航栏的一个特点是每个导航菜单都是互斥的，一次只能选中一个，当选中另一个菜单的时候，前一个被选中的菜单会取消选中，所以这里涉及到一个重要的知识点是“选项组” 知识点 l选项组 l交互样式：鼠标悬停、选中 l鼠标单击时事件 操作步骤 1、将矩形拖入面板中，调整大小宽度后，复制几个，做成如下图样式 2、设置选项组，全选所有菜单，鼠标右键，选择选项组 3、输入选项组名称，这个名称可以随意选取，注意：如果在原型中有多个这样的选项组，需要取不同的名...
Axure8.0：标签导航栏
weixin_43516258的博客
07-08 1022
本次分享的的案例是Axure8.0制作的标签导航栏。 预览及下载地址：https://40074m.axshare.com
【Axure原型图】—— 3. NAVIGATION MENU（导航菜单）
weixin_33878457的博客
02-27 700
制作导航菜单 Step0: 下载练习文件 在这里下载AxureTraining.rp文件，并用Axure RP打开 Step1: GET STARTED 打开"Navigation menu" 页面 该页面包含了多个菜单组件HOME, MANAGE, PROFILE, HELP等，他们已经有了mouseOver和选中交互样式 选中所有的这些组件，右键，“Convert to Master” 将...
用Axure实现左侧动态导航栏
qq_66798676的博客
06-25 663
双击p1，面板状态管理。把state1改名为展开状态。在点击+号按钮，新添两项，取名为展开状态和收起状态。．给动态面板p1设置动作，选择状态那里选择“Next”．双击打开收起状态，在面板中画一个导航栏A一样的矩形。把把导航栏A、A1、A2设为动态面板，取名p1。给导航栏B设置动作，导航栏对应正确的动态面板。首先在面板上画几个矩形，大小一样排列好。首先在面板上画几个矩形，大小一样排列好。把B1、B2设为动态面板，取名p2。
Axure RP9制作响应式导航栏
m0_65421975的博客
03-14 2022
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- 侧边菜单栏
weixin_50534910的博客
01-09 646
在状态一“折叠”下创建交互，选择事件（单击/双击...触发）-选择“设置面板状态”-修改面板状态为”展开“，并勾选二级菜单展示方式。再选择状态二“展开”以同样步骤创建交互就能得到一个菜单栏咯。建议：给每一个动态面板设置名称，这样在后续设置交互时，便于区别、操作！2、双击打开后设置每个状态的样式。1、给对应项创建“动态面板”
Axure标原型设计+Axure标签导航栏
10-26
Axure标原型设计+Axure标签导航栏；Axure标原型设计+Axure标签导航栏；Axure标原型设计+Axure标签导航栏；
Axure组件，联动伸缩导航栏.rp
04-18
Axure RP10 相关组件联动 最进在学习发现网上很难找到相关完整的资源，自已做自己发，哈哈，希望大家能喜欢
使用Axure制作仿携程网高保真项目
09-08
使用Axure RP，根据携程网需求和风格创建高保真交互原型。从主页开始构建页面原型，逐步添加其他页面，并添加所需的交互效果。使用动态面板和变量实现复杂交互流程，最终导出高保真原型并与开发人员合作。
Axure制作web左侧菜单栏.rp
07-01
Axure制作web左侧菜单栏
axure8-导航菜单
05-13
axure8-导航菜单
手把手教你Axure-左侧功能栏之页面/概要
明天上线的博客
10-13 2162
左侧功能栏，是我们在使用Axure的过程中，操作频率比较高的区域。不过由于内容比较多，需要分开介绍。今天就先来看看左上角的的部分：页面和概要。一.页面顾名思义，就是我们通常所理解的页面。在...
Axure RP软件汉化操作步骤
haishao520的博客
05-29 782
随着互联网产业的发展，设计师已经成为一个越来越受欢迎的职业，设计软件已经成为设计师必不可少的工具。说到设计软件，不得不说的是 Axure rp ，越来越多的设计师使用它来设计产品原型，作为美国 Axure Software Solution 公司旗舰产品，软件界面语言采用英语。对于中国设计师来说有语言障碍的难题，所以，Axure rp 如何设置为中文版？接下来，本文将详细介绍Axure rp 软件以及如何使用Axure rp 中文版。
pd16.py11111111111
最新发布
06-02
pd16.py11111111111
axure9侧边导航栏元件库
08-09
通过使用侧边导航栏元件库，用户可以更加高效地完成原型设计。首先，这些元件已经预先设计好，用户只需进行简单的编辑和调整即可，无需从头开始设计。其次，这些元件的样式和交互行为都经过精心设计，可以保证用户的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值