查看: 88593|回复: 90

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

[复制链接]

0

主题

9

回帖

218

积分

会员

Rank: 5Rank: 5

积分
218
发表于 2009-1-7 17:30:31 | 显示全部楼层 |阅读模式
尹广磊公众帐号
请教以下axure实际操作问题:
1.如何用axure做出Tab页签,我用动态面板和按钮做出的效果不是很理想;
2.做类似于艾瑞的滑动菜单;

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

Tab页签

Tab页签

艾瑞的菜单

艾瑞的菜单

525

主题

6312

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
73510
QQ
发表于 2009-1-7 23:00:31 | 显示全部楼层

换个方式思考,很简单。

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

1231341787.gif
1231341802.gif

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

相关示例: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

0

主题

9

回帖

218

积分

会员

Rank: 5Rank: 5

积分
218
 楼主| 发表于 2009-1-12 17:29:10 | 显示全部楼层
经过几天的琢磨和尝试终于把这两个问题解决了,感谢版主的帮助。
我发现自己做的特别麻烦,用了很多动态面板。

滑动导航条

滑动导航条

tab控件

tab控件

525

主题

6312

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
73510
QQ
发表于 2009-2-27 08:52:17 | 显示全部楼层

回复 1# zhaigm 的帖子

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

0

主题

13

回帖

220

积分

会员

Rank: 5Rank: 5

积分
220
发表于 2009-4-17 11:14:50 | 显示全部楼层
嘿嘿  学会了  虽然在DW里直接就有这个功能  不过还是自己做出来的感觉爽:lol

0

主题

10

回帖

220

积分

会员

Rank: 5Rank: 5

积分
220
发表于 2009-5-9 16:09:12 | 显示全部楼层
学了

525

主题

6312

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
73510
QQ
发表于 2009-6-21 01:22:46 | 显示全部楼层
8# jinwyp


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

525

主题

6312

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
73510
QQ
发表于 2009-6-21 10:24:52 | 显示全部楼层
Tab的状态,不是只是鼠标进入时才显示,而且是到达对应的页面后,能显示出此刻正在当前某个页面中。

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

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

0

主题

2

回帖

204

积分

会员

Rank: 5Rank: 5

积分
204
发表于 2009-6-24 10:33:17 | 显示全部楼层
路过 学习了 真不错 十分感谢:)

0

主题

2

回帖

201

积分

会员

Rank: 5Rank: 5

积分
201
发表于 2009-8-21 17:14:07 | 显示全部楼层
学习的

0

主题

31

回帖

237

积分

会员

Rank: 5Rank: 5

积分
237
发表于 2009-8-28 11:00:20 | 显示全部楼层
下载了 jinwyp  的案例,没有看明白其中提到的3个范例.???可否再详细说清楚点?

0

主题

7

回帖

215

积分

会员

Rank: 5Rank: 5

积分
215
发表于 2009-11-18 10:22:21 | 显示全部楼层
不知道webppd,有没有关于axure的详细介绍。。。。  我在axure上都找不到在哪里修改  onmouse 。。。。。  楼上的说到的地方
2222222.jpg

525

主题

6312

回帖

7万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
73510
QQ
发表于 2009-11-18 13:34:48 | 显示全部楼层

0

主题

7

回帖

215

积分

会员

Rank: 5Rank: 5

积分
215
发表于 2009-11-18 15:03:45 | 显示全部楼层
先感谢尹老大孜孜不倦的解答!

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

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

向大侠们请教了!

凡花园--练习.rp

297.45 KB, 下载次数: 230

凡花园-练习.rar

475.42 KB, 下载次数: 158

努力学习,好好生活

0

主题

1

回帖

203

积分

会员

Rank: 5Rank: 5

积分
203
发表于 2009-11-20 18:38:31 | 显示全部楼层
18# 灵羽


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

0

主题

7

回帖

215

积分

会员

Rank: 5Rank: 5

积分
215
发表于 2009-11-27 14:40:05 | 显示全部楼层
19# 张天

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

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


同时由衷的感谢 楼主和楼上的各位兄弟!
000001.jpg
努力学习,好好生活

0

主题

27

回帖

192

积分

会员

Rank: 5Rank: 5

积分
192
发表于 2009-12-8 08:31:48 | 显示全部楼层
本帖最后由 windii 于 2009-12-8 09:19 编辑

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

0

主题

18

回帖

229

积分

会员

Rank: 5Rank: 5

积分
229
QQ
发表于 2010-1-7 16:05:44 | 显示全部楼层
这个入门很好

0

主题

18

回帖

229

积分

会员

Rank: 5Rank: 5

积分
229
QQ
发表于 2010-1-7 16:23:17 | 显示全部楼层
6# 林友俊


dw还有这功能?值得深究

0

主题

18

回帖

229

积分

会员

Rank: 5Rank: 5

积分
229
QQ
发表于 2010-1-7 16:35:18 | 显示全部楼层
10# jinwyp


你这个也挺好的
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-12-22 14:29

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表