查看: 6307|回复: 17

求助:如何动态添加tab页

[复制链接]

0

主题

17

回帖

17

积分

会员

Rank: 5Rank: 5

积分
17
发表于 2011-9-9 09:26:10 | 显示全部楼层 |阅读模式
尹广磊公众帐号
现有如下需求:
     1.初始时只有默认单标签tab页
     2.点击菜单后,在当前tab页右侧自动添加一个tab页,并激活。内容为菜单关联内容。类似于网易163邮箱里的操作方式。

请教一下应当如何实现。

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2011-9-9 09:33:27 | 显示全部楼层
还是用动态面板啊
第一个层只有1个tab,第二个层就多了新添加的tab
点击菜单就切换到第二个层

0

主题

17

回帖

17

积分

会员

Rank: 5Rank: 5

积分
17
 楼主| 发表于 2011-9-9 09:36:38 | 显示全部楼层
但是tab标签位置怎么处理呢?

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2011-9-9 09:40:24 | 显示全部楼层
标签位置?不需要特殊处理啊
可能我不太明白你意思啊…………

0

主题

17

回帖

17

积分

会员

Rank: 5Rank: 5

积分
17
 楼主| 发表于 2011-9-9 09:45:17 | 显示全部楼层
打个比方吧,类似多标签浏览器(ie8,firefox,maxthon,opera,chrome等),打开一个页面就新建一个标签。

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2011-9-9 09:53:16 | 显示全部楼层
两个层的原理你只要理解的,什么都不是问题

标签的位置……可以有好多了,下面是最基本的,其实每个单独的层里你都可以不一样,只要保证有控件可以完成切换就没问题

未命名-2.png

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2011-9-9 10:00:25 | 显示全部楼层
其实你的这个需求在添加tab的时候是很容易实现的,但是一旦你有一个tab也可以像浏览器一样随时关掉…………你就想下下面有多麻烦吧……可能需要隐藏关闭的tab标签,可能需要移动没关掉的tab标签,可能也可以做N多个tab数量不同的层来用变量控制…………

我觉得其实你上面的表述:
“打个比方吧,类似多标签浏览器(ie8,firefox,maxthon,opera,chrome等),打开一个页面就新建一个标签。”已经足以让技术明白你想要什么,OK了!做原型其实就是为了说明白这件事啊。当然,如果有兴趣又有空余的时间,多尝试也不是坏事

0

主题

17

回帖

17

积分

会员

Rank: 5Rank: 5

积分
17
 楼主| 发表于 2011-9-9 10:22:39 | 显示全部楼层
添加还好添加,添加后再切换tab页就出问题了,关闭tab页就更麻烦了。
头大了!
问题是要做个原型给客户看,需要一个仿真的页

0

主题

17

回帖

17

积分

会员

Rank: 5Rank: 5

积分
17
 楼主| 发表于 2011-9-9 10:25:58 | 显示全部楼层
刚开始用axure,只好边做边学了。没有时间系统学习了

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2011-9-9 10:41:48 | 显示全部楼层
:)添加后切换和关闭都会比添加要麻烦,既然一定要做,就下功夫研究下吧,功夫不负有心人啊!加油吧!

0

主题

17

回帖

17

积分

会员

Rank: 5Rank: 5

积分
17
 楼主| 发表于 2011-9-9 10:50:37 | 显示全部楼层
再询问一下,如何获取当前页面中tab panel的状态和属性值呢?
解决了这个,就好办了

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2011-9-9 10:55:31 | 显示全部楼层
3.png

0

主题

96

回帖

-24

积分

乞丐

积分
-24
发表于 2011-9-9 12:36:09 | 显示全部楼层
可以用变量控制,计算当前显示的TAB。根据TAB的数量来确定它的位置(面板的MOVE操作)。
http://www.hiaxure.com/thread-3514-1-1.html
可参考这个。
需求开发、交互设计--35Pad/35Phone

0

主题

17

回帖

17

积分

会员

Rank: 5Rank: 5

积分
17
 楼主| 发表于 2011-9-9 13:27:52 | 显示全部楼层
不会用变量呀,做起来好费劲。谁能给个样例?

test_tab.rp

74.97 KB, 下载次数: 12

0

主题

15

回帖

12

积分

会员

PM1级

Rank: 5Rank: 5

积分
12
发表于 2011-9-9 14:32:24 | 显示全部楼层
学习一下!

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2011-9-9 14:53:41 | 显示全部楼层
test_tab_e.rp (90.72 KB, 下载次数: 28)
好麻烦,暂时只做了新增2个tab的效果,更多的没时间,这个都没有仔细严重,不知道有没有BUG……

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2011-9-9 14:58:48 | 显示全部楼层
是在楼主文件的基础上用最基本的方法做的,tab部分把各种可能的状态都做了panel

14楼的建议也可以实现,时间关系不再去验证哪个更简单了,有兴趣的可以试下!

530

主题

6314

回帖

6万

积分

管理员

创始人

Rank: 9Rank: 9Rank: 9

积分
67686
QQ
发表于 2011-9-9 15:28:14 | 显示全部楼层
动态添加不了,用动态面板模拟做的话,会比较麻烦。
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

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

GMT+8, 2025-5-19 21:39

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

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