论坛 › Axure入门 › 请教：如何用axure做出Tab页签和滑动菜单(已解决)

zhaigm 发表于 2009-1-7 17:30:31

请教：如何用axure做出Tab页签和滑动菜单(已解决)

请教以下axure实际操作问题：
1.如何用axure做出Tab页签，我用动态面板和按钮做出的效果不是很理想；
2.做类似于艾瑞的滑动菜单；

[ 本帖最后由 zhaigm 于 2009-1-12 17:15 编辑 ]

尹广磊 发表于 2009-1-7 23:00:31

换个方式思考，很简单。

制作方法：（其实非常简单，换个方式思考。不要用写程序的方式思考原型的制作）
1.　先制作一个“导航”的Master，在Master里给各个页做好链接。（不区分Tab效果）
2.　在需要突出Tab效果的页面里，单独做一个效果盖在导航的对应位置上。不同的页之间通过复制，简单改一下文字就可完成。
效果预览及RP源文件下载：




学习制作原型，要学习简单、快捷、有效，毕竟不是在写程序。

相关示例：http://www.hiaxure.com/thread-318-1-1.html

－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－
看这儿还有另一种制作方法：http://www.hiaxure.com/thread-99-1-1.html
在当前页用层实现Tab查看：http://www.hiaxure.com/thread-377-1-1.html

zhaigm 发表于 2009-1-12 17:29:10

经过几天的琢磨和尝试终于把这两个问题解决了，感谢版主的帮助。
我发现自己做的特别麻烦，用了很多动态面板。

尹广磊 发表于 2009-2-27 08:52:17

回复 1# zhaigm 的帖子

在　http://www.hiaxure.com/thread-99-1-1.html　里，我又新做了一个。
用Axure制作Tab页切换和层切换的另种方法

林友俊 发表于 2009-4-17 11:14:50

嘿嘿学会了虽然在DW里直接就有这个功能不过还是自己做出来的感觉爽:lol

leecan_zeng 发表于 2009-5-9 16:09:12

学了

尹广磊 发表于 2009-6-21 01:22:46

8# jinwyp


你可以做个实例上来，如果你认为确实做的简单，而又显示出了当前页的Tab状态的话。

尹广磊 发表于 2009-6-21 10:24:52

Tab的状态，不是只是鼠标进入时才显示，而且是到达对应的页面后，能显示出此刻正在当前某个页面中。

而且你可以再参考下2楼的制作，看看哪个制作过程更简单。

你至少用了两个层，7个状态。还使用了一些Gif图用做状态背景。

用飞的5656 发表于 2009-6-24 10:33:17

路过 学习了 真不错 十分感谢:)

jxf_oopp 发表于 2009-8-21 17:14:07

学习的

lalala135 发表于 2009-8-28 11:00:20

下载了 jinwyp的案例,没有看明白其中提到的3个范例.???可否再详细说清楚点?

灵羽 发表于 2009-11-18 10:22:21

不知道webppd,有没有关于axure的详细介绍。。。。我在axure上都找不到在哪里修改onmouse 。。。。。楼上的说到的地方

尹广磊 发表于 2009-11-18 13:34:48

16# 灵羽

参考下面两个链接：
http://www.hiaxure.com/viewthread.php?tid=256&page=1&fromuid=1#pid991
http://www.hiaxure.com/viewthread.php?tid=318&page=1&fromuid=1#pid1370

灵羽 发表于 2009-11-18 15:03:45

先感谢尹老大孜孜不倦的解答！

但页面中tab与层的对应，我还是没实现，我用的“动态面板”；上传的附件包括rp文件和生产的html文件，
模仿开心网做的一个练习！想实现，在页面的feed处“好友动态”

1、默认显示“全部”
2、点击照片，则显示“照片”的层；点击“日记”，则显示“日记”的层
3、点击“全部”，则显示“全部”的层

向大侠们请教了！

张天 发表于 2009-11-20 18:38:31

18# 灵羽


点击切换层
你用dynamic panel做三个层，然后再三个文字链上设置set panel state to state就可以。

灵羽 发表于 2009-11-27 14:40:05

19# 张天

恩，现在实现了！ 我用的汉化版本的，上传一张链接设置的图

点击 那一个菜单，让对应的那个层显示在 最上一层


同时由衷的感谢 楼主和楼上的各位兄弟！

windii 发表于 2009-12-8 08:31:48

本帖最后由 windii 于 2009-12-8 09:19 编辑

方法不少，但尹的那种方法最方便了，赞:loveliness:；不过这种效果一般是包括在一个页中，使用点击在当前页面打开的话有点问题，推荐这种情况下用面板。

娄建文 发表于 2010-1-7 16:05:44

这个入门很好

娄建文 发表于 2010-1-7 16:23:17

6# 林友俊


dw还有这功能？值得深究

娄建文 发表于 2010-1-7 16:35:18

10# jinwyp


你这个也挺好的

查看完整版本: 请教：如何用axure做出Tab页签和滑动菜单(已解决)