用Axure制作Tab页切换和层切换的另种方法

尹广磊 · 发表于 2009-2-26 22:14:36

之前的时候在　http://www.hiaxure.com/thread-65-1-1.html　中介绍了一种用Axure制作Tab页切换的最简便的方法，现在又用另外的方法分别制作了一个Tab页切换和一个Tab层切换。（两个的原理不同）

演示地址：http://pufvo6.share.hiaxure.com/

页切换原理：
利用页面的OnPageLoad事件。
1.　在最底层建立三个页面的导航。
2.　设置每个导航打开对应页面时，赋值变量为相应的１或２或３.
3.　在最上层建立三个隐藏层，层中是透明度为60的带颜色的矩形，刚好每个能盖住一个导航位置。
4.　在页面“OnPageLoad”中添加事件，添加条件当变量等于１时显示出半透明隐藏层１,盖在导航１位置上面。以显示出当前页的效果。

层切换原理：
1.　在最底层铺三个一样的Tab签作底。
2.　在次底层建一个层，分别有三个状态，在每个状态中做出显示当前层的状态效果。
3.　在最上层三个Tab签的位置上加盖三个图像映射区，在映射区上加交互，设置三个层状态相互之间的切换。

Tab切换.rp (115.76 KB, 下载次数: 112)

--------------------------------------------------------
在当前页用层实现Tab查看：http://www.hiaxure.com/thread-377-1-1.html

流沙 · 发表于 2009-7-25 14:41:19

新思路　不错！

gb_star · 发表于 2009-11-17 14:19:46

没看明白

尹广磊 · 发表于 2009-11-17 20:38:24

3# gb_star

参考简单的制作方法：http://www.hiaxure.com/thread-65-1-1.html

端木忧伤 · 发表于 2009-11-28 02:53:43

3# gb_star

参考简单的制作方法：http://www.hiaxure.com/thread-65-1-1.html
尹广磊发表于 2009-11-17 20:38

请问尹老师，你那种tab的按钮图形是怎么做出来的？就是下边没有边框，其它三边有边框的效果？我尝试了好久也做不出来

尹广磊 · 发表于 2009-11-28 18:44:39

5# 端木忧伤

看这个编辑矩形的形状。
http://www.hiaxure.com/thread-424-1-1.html

端木忧伤 · 发表于 2009-12-3 17:12:10

5# 端木忧伤

看这个编辑矩形的形状。
http://www.hiaxure.com/thread-424-1-1.html
尹广磊发表于 2009-11-28 18:44

这个我知道的，但是我怎么也做不出来没有底边的矩形~~~

尹广磊 · 发表于 2009-12-3 17:55:03

7# 端木忧伤

没有底边的矩形做不出来。你只有放一个矩形，然后往底边上盖一条白线，盖住它。让它看上去像是没有底边。

罗波 · 发表于 2009-12-19 19:49:24

长见识了

柚子 · 发表于 2009-12-21 17:56:59

感谢LZ，学习中呵呵～～

xinai · 发表于 2009-12-24 13:36:51

一不小心　两分钱没了

soan0805 · 发表于 2010-1-13 13:15:54

学习ing...谢谢分享~

王庄 · 发表于 2010-1-27 22:35:06

不错,,,,,,,,,,支持，学习

jauney · 发表于 2010-2-2 09:42:30

很好简单易用

李刚 · 发表于 2010-2-9 11:29:10

谢谢，学了一手！

ys9190 · 发表于 2010-2-10 09:30:55

学习中

禅茶一味 · 发表于 2010-2-20 08:37:07

不错。学习了。。

喜乐 · 发表于 2010-2-23 14:27:36

很好简单易用

打碎心瓶 · 发表于 2010-2-25 10:41:41

下载了学习一下！

打碎心瓶 · 发表于 2010-2-25 11:10:14

实践出真知，我下去自己联系联系！

[PC端] 用Axure制作Tab页切换和层切换的另种方法

评分