`
rainwindboy
  • 浏览: 56288 次
  • 性别: Icon_minigender_1
  • 来自: 天津
社区版块
存档分类
最新评论

【原创】基于flex的三层架构特效之效果介绍

阅读更多
 

    时间过得好快啊,一转眼,又有几个星期没有更新我的博客了,最近,一直在研究如何做一个通用的项目三级导航结构,现在将心得分享给大家,如果有不足,欢迎指正。
    做过jsp的朋友都知道,在传统的jsp导航,一般会分成这样的三级导航结构:


    那么在flex是不是也可以借鉴这样的方式,然后用特效的方式来实现导航的切换呢。答案当然是sure了,究竟如何实现呢,
下面就让小生我慢慢道来。
    在这个框架中,我们借用了DistortionEffects特效包中的开关门效果,和轴线翻转效果。
    这套框架导航分成三部分特效:登录的开门特效,二级导航的轮换特效和    一、登录的开门特效
    在这里,主要实现了开关门的特效,截图效果如下:

    

   

    二、二级导航的轮换特效
    这里实现的是轮转特效
   

   

   

    三、三级导航的轴线翻转特效
    三级菜单实现的是轴轮转特效
    

    这就满足了大部分项目的三级菜单的需求,并且特效并不繁杂,实现起来比较方便。
    下一章,我会放出源码和框架结构的说明,只要拿来,改变布局,就可以实用大多的项目

 

分享到:
评论

相关推荐

    Flex开关门效果 特效

    总的来说,实现Flex开关门效果需要理解Flex的基本架构,熟练运用组件、动画和事件处理,并可能需要一些自定义组件的知识。通过不断实践和学习,可以创造出更多富有创意和吸引力的视觉效果,提升用户体验。

    FLEX4动画特效

    Flex4是Adobe开发的一种用于构建富互联网应用程序(RIA)的框架,它基于ActionScript和MXML,提供了强大的组件库和丰富的用户体验。在Flex4中,动画功能得到了显著增强,允许开发者创建复杂的、交互式的视觉效果,...

    FLEX特效FLEX特效FLEX特效FLEX特效

    随着技术的不断演进,Flex特效仍然是构建高质量Web应用的重要工具之一。 通过学习和掌握Flex特效,开发者能够构建出更具吸引力和用户体验的Web应用,同时,结合其他Web技术,如Angular、React等,可以进一步提升...

    基于Flex与J2EE多层架构的RIA智能网络考试系统的设计与实现.pdf

    基于Flex与J2EE多层架构的RIA智能网络考试系统的设计与实现.pdf

    Flex 4.6之可用第三方特效开发包

    本文将深入探讨Flex 4.6中一个重要的第三方特效开发包——Efflex。 Efflex是一个专为Flex 4.6设计的特效库,它为开发者提供了大量预定义的视觉效果,以增强应用程序的用户体验。通过使用Efflex,开发者无需从头编写...

    Flex 特效1-放大镜效果

    ### Flex 特效1-放大镜效果 #### 知识点概述 本示例通过使用Flex框架实现了一种视觉上的特效——放大镜效果。在Web开发领域,特别是使用Adobe Flex进行交互式应用开发时,此类视觉特效能显著提升用户体验与应用的...

    flex火焰效果 特效

    在本案例中,我们关注的是"flex火焰效果 特效",这是一个在Flex应用中创建动态、引人注目的视觉效果的技术。 Flex提供了一个强大的图形库,名为Flex元件库,其中包含多种预定义的UI组件,如按钮、文本框等。这些...

    flex mvc 架构图

    Flex MVC架构图是一种用于构建富互联网应用程序(RIA)的架构模型,主要应用于Adobe Flex开发中。Flex是一个开源框架,允许开发者使用MXML和ActionScript创建交互式的、基于Flash的用户界面。MVC(Model-View-...

    Flex模拟Mac特效

    在本例中,我们关注的是如何使用Flex来模拟Mac操作系统的某些特效,特别是弹出框效果。 "Flex模拟Mac特效"这一主题主要涉及以下知识点: 1. Flex组件库:Flex提供了一系列预定义的UI组件,如Button、Label、...

    Flex 3D特效源码

    Flex 3D特效源码是一种基于Adobe Flex技术的高级视觉表现形式,主要用于创建引人注目的3D动画和交互效果。Flex是ActionScript 3.0的开发框架,它允许开发者构建富互联网应用程序(RIA)并发布为Flash Player或Adobe ...

    flex特效组件用法效果

    在本文中,我们将深入探讨Flex特效组件的用法及其在自定义控件中的应用。Flex布局是一种强大的CSS布局模式,允许我们创建响应式和灵活的用户界面。它特别适合用于现代网页和移动应用的设计,因为它可以自动调整元素...

    Flex_API的架构图

    ActionScript用于编写Flex应用程序的逻辑层。 3. **MXML**: MXML是一种声明式语言,用于描述Flex界面的布局和组件结构。它与ActionScript相结合,使得开发者可以方便地分离界面设计和业务逻辑。 4. **Flex ...

    Flex 果冻特效Demo

    "Flex 果冻特效Demo"是一个利用Flex技术实现的交互效果,它为用户界面添加了趣味性和吸引力,尤其适用于弹出窗口或页面转换场景。果冻特效,顾名思义,就是使元素在动效过程中呈现出如同果冻般柔软、弹性的视觉效果...

    Flex_特效之鱼眼特效

    Flex是Adobe公司开发的一种基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(RIA)。在本案例中,我们关注的是Flex中的一个特殊视觉效果——“鱼眼”(FishEye)特效。鱼眼特效通常指的是在用户交互...

    ArcGIS Server开发指南基于Flex和.Net源码

    ArcGIS Server开发指南基于Flex和.Net数据随书光盘内容.分两个文件上传。

    基于Flex&Bison;的网页可编程计算器

    《基于Flex&Bison的网页可编程计算器》 在IT领域,构建一个网页可编程计算器是一项常见的实践项目,它能够帮助开发者提升对Web开发和解析器技术的理解。本项目以“基于Flex&Bison的网页可编程计算器”为主题,通过...

    Flex翻书特效 OpenBook

    Flex翻书特效是一种在Web应用中模拟真实书籍翻页效果的技术,主要应用于电子图书、杂志或画册等在线阅读场景,能提供用户更加沉浸式的阅读体验。本文将深入探讨Flex翻书特效的相关知识点,包括Flex的基本概念、实现...

    flex aladino 图片展示特效

    在本文中,我们将深入探讨如何使用Flex实现一个名为"Aladino"的图片展示特效,这是一种纵向滚动的图片展示效果,具有强烈的视觉吸引力。虽然原作者未能将其转换为横向滚动,但我们可以通过理解Flex布局原理来尝试...

    Flex 特效2-缩放模糊效果

    ### Flex 特效2-缩放模糊效果 #### 概述 在Flex中,我们可以创建各种视觉效果,其中“缩放模糊效果”是一种常见的特效,它可以在元素放大或缩小的过程中添加模糊效果,使得动画更加流畅自然。本篇文档将详细介绍...

Global site tag (gtag.js) - Google Analytics