时间过得好快啊,一转眼,又有几个星期没有更新我的博客了,最近,一直在研究如何做一个通用的项目三级导航结构,现在将心得分享给大家,如果有不足,欢迎指正。
做过jsp的朋友都知道,在传统的jsp导航,一般会分成这样的三级导航结构:
那么在flex是不是也可以借鉴这样的方式,然后用特效的方式来实现导航的切换呢。答案当然是sure了,究竟如何实现呢,
下面就让小生我慢慢道来。
在这个框架中,我们借用了DistortionEffects特效包中的开关门效果,和轴线翻转效果。
这套框架导航分成三部分特效:登录的开门特效,二级导航的轮换特效和 一、登录的开门特效
在这里,主要实现了开关门的特效,截图效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/ffc5d5cbd32af77b613bcced2a0a47cc.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c2bda51193ee80e26bb931d1d24c733e.gif)
二、二级导航的轮换特效
这里实现的是轮转特效
![](https://i-blog.csdnimg.cn/blog_migrate/0a22168da445f109d60820c16a00778e.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/d7a746a7149f8497e172d43611fb677b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a59dd6bede77e5900a4c3f917a29b300.gif)
三、三级导航的轴线翻转特效
三级菜单实现的是轴轮转特效
![](https://i-blog.csdnimg.cn/blog_migrate/c074d53bfa89311baf7c58b04d9cb0f2.gif)
这就满足了大部分项目的三级菜单的需求,并且特效并不繁杂,实现起来比较方便。
下一章,我会放出源码和框架结构的说明,只要拿来,改变布局,就可以实用大多的项目
做过jsp的朋友都知道,在传统的jsp导航,一般会分成这样的三级导航结构:
那么在flex是不是也可以借鉴这样的方式,然后用特效的方式来实现导航的切换呢。答案当然是sure了,究竟如何实现呢,
下面就让小生我慢慢道来。
在这个框架中,我们借用了DistortionEffects特效包中的开关门效果,和轴线翻转效果。
这套框架导航分成三部分特效:登录的开门特效,二级导航的轮换特效和 一、登录的开门特效
在这里,主要实现了开关门的特效,截图效果如下:
![](https://i-blog.csdnimg.cn/blog_migrate/ffc5d5cbd32af77b613bcced2a0a47cc.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/c2bda51193ee80e26bb931d1d24c733e.gif)
二、二级导航的轮换特效
这里实现的是轮转特效
![](https://i-blog.csdnimg.cn/blog_migrate/0a22168da445f109d60820c16a00778e.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/d7a746a7149f8497e172d43611fb677b.gif)
![](https://i-blog.csdnimg.cn/blog_migrate/a59dd6bede77e5900a4c3f917a29b300.gif)
三、三级导航的轴线翻转特效
三级菜单实现的是轴轮转特效
![](https://i-blog.csdnimg.cn/blog_migrate/c074d53bfa89311baf7c58b04d9cb0f2.gif)
这就满足了大部分项目的三级菜单的需求,并且特效并不繁杂,实现起来比较方便。
下一章,我会放出源码和框架结构的说明,只要拿来,改变布局,就可以实用大多的项目