flex4实现类似鱼眼的按钮,非常简单,示例代码如下。
<fx:Declarations>
<mx:Parallel id="rolloverEff">
<mx:Resize widthTo="48" heightTo="48" duration="400"/>
</mx:Parallel>
<mx:Parallel id="rolloutEff">
<mx:Resize widthTo="38" heightTo="38" duration="600"/>
</mx:Parallel>
</fx:Declarations>
<s:VGroup horizontalAlign="center">
<mx:Image width="38" height="38" source="@Embed('images/menu/main.png')" rollOverEffect="{rolloverEff}"
rollOutEffect="{rolloutEff}" />
<mx:Label text="XXX" />
</s:VGroup>
<s:VGroup horizontalAlign="center">
<mx:Image width="38" height="38" source="@Embed('images/menu/anjianguanli.png')" rollOverEffect="{rolloverEff}"
rollOutEffect="{rolloutEff}" click="toSubSystemMainConsole('caseHandling/CaseHandlingMainConsole.swf','','','caseHandling')"/>
<mx:Label text="XXX" />
</s:VGroup>
<s:VGroup horizontalAlign="center">
<mx:Image width="38" height="38" source="@Embed('images/menu/yewuguanli1.png')" rollOverEffect="{rolloverEff}"
rollOutEffect="{rolloutEff}" click="toSubSystemMainConsole('businessHandling/BusinessHandlingMainConsole.swf','','','businessHandling')"/>
<mx:Label text="XXX" />
</s:VGroup>
<s:VGroup horizontalAlign="center">
<mx:Image width="38" height="38" source="@Embed('images/menu/approval.png')" rollOverEffect="{rolloverEff}"
rollOutEffect="{rolloutEff}" toolTip="XXX" click="toSubSystemMainConsole('administrativeApproval/AdministrativeApprovalMainConsole.swf','','','administrativeApproval')"/>
<mx:Label text="XXX" />
</s:VGroup>
<s:VGroup horizontalAlign="center">
<mx:Image width="38" height="38" source="@Embed('images/menu/zhihuidiaodu.png')" rollOverEffect="{rolloverEff}"
rollOutEffect="{rolloutEff}" />
<mx:Label text="XXX" />
</s:VGroup>
<s:VGroup horizontalAlign="center">
<mx:Image width="38" height="38" source="@Embed('images/menu/zonghepingjia.png')" rollOverEffect="{rolloverEff}"
rollOutEffect="{rolloutEff}" click="toSubSystemMainConsole('comprehensiveEvaluation/ComprehensiveEvaluationMainConsole.swf','','','comprehensiveEvaluation')" />
<mx:Label text="XXX" />
</s:VGroup>
<s:VGroup horizontalAlign="center">
<mx:Image width="38" height="38" source="@Embed('images/menu/oa.png')" rollOverEffect="{rolloverEff}"
rollOutEffect="{rolloutEff}" click="toSubSystemMainConsole('administrativeApproval/AdministrativeApprovalMainConsole.swf','','','administrativeApproval')"/>
<mx:Label text="XXX" />
</s:VGroup>
分享到:
相关推荐
在这个场景中,我们讨论的是一个使用FLEX实现的具有3D旋转效果的鱼眼菜单,当用户点击菜单项时,页面会以3D旋转的方式进行切换。 首先,我们需要了解FLEX布局的基础知识。FLEX布局允许开发者设置容器内的子元素如何...
flex 鱼眼菜单flex 鱼眼菜单flex 鱼眼菜单flex 鱼眼菜单
"Flex 鱼眼特效"指的是在Flex应用中实现的一种视觉效果,它模拟了鱼眼镜头的透视变形,通常用于创建吸引人的交互式菜单或展示元素。这种特效能够使用户界面更加生动有趣,增加用户的互动体验。 在Flex中实现鱼眼...
在Flex4中实现鱼眼特效,主要涉及以下知识点: 1. **MXML和ActionScript 3**:Flex4使用MXML作为声明式编程语言,用于创建组件布局和UI元素。同时,AS3用于编写组件的行为和逻辑,两者结合使用可以实现复杂的用户...
4. **例子**: 这个Flex项目提供了一个实际操作的例子,用户可以通过调整参数来改变鱼眼效果的程度,从而更好地理解和学习如何实现这样的效果。 5. **.actionScriptProperties、.flexProperties、.project、....
在Flex4中,我们可以使用Spark组件库中的MenuBar组件来创建基础的菜单结构。MenuBar组件允许用户通过点击或触摸触发下拉菜单,展示更多的选项。 在描述中提到了"move特效",这是Flex4中Animate类的一个关键概念。...
本文将深入探讨如何在Flex环境中实现自定义的右键菜单,包括屏蔽浏览器的默认右键菜单,创建XML格式的多级菜单,以及设置菜单出现位置的自适应策略。 首先,我们需要了解Flex屏蔽浏览器系统右键的基本方法。在...
在Flex 4中实现图文混排是一个常见的需求,特别是在创建用户界面或开发富互联网应用程序时。Flex 4,也称为Spark架构,提供了更强大的布局管理器和组件库,使得图文混排变得更加灵活和可控。本篇文章将深入探讨如何...
通过以上步骤,我们可以在Flex项目中实现一个自定义的右键菜单。在实际开发中,你可能还需要考虑到其他因素,如国际化、菜单项的动态加载、访问控制等。此外,Flex的版本更新和Adobe AIR的支持也会影响到具体实现...
Flex 4中的菜单系统是用户界面设计的关键部分,它提供了可自定义、交互式的下拉菜单功能。在Flex 4中,菜单组件的使用极大地增强了用户体验,因为它们支持丰富的样式和动画效果,同时能够灵活地适应不同屏幕尺寸和...
在本文中,我们将深入探讨如何使用Flex技术来创建一个类似于苹果风格的弹出菜单。Flex是一种基于ActionScript和MXML的开源框架,主要用于构建富互联网应用程序(RIA)。它提供了丰富的用户界面组件和强大的数据绑定...
在这里,我们将深入探讨如何在Flex中实现自定义的右键菜单。 首先,我们要了解Flex中的菜单组件。在Flex SDK中,`mx.controls.Menu`类是用于创建菜单的基本元素。它支持创建多级菜单,并且可以与按钮、列表等其他...
在Flex中,动态菜单通常使用`mx.controls.Menu`组件来实现。`Menu`组件可以作为下拉菜单或独立的弹出式菜单使用,其功能强大,可定制性强,非常适合创建各种动态菜单。 二、创建基本菜单 创建一个基本的Flex菜单...
总之,在Flex中实现自定义右键菜单和多级右键菜单,主要涉及到ContextMenu类、MenuItem类以及事件监听器的使用。通过灵活组合这些元素,可以创建出满足不同需求的右键菜单系统,为用户提供更便捷的操作方式。
在Flex中实现鱼眼特效,主要涉及以下技术点: 1. **事件监听**:首先,我们需要监听鼠标的移动事件(MouseMoveEvent.MOUSE_MOVE),以便在鼠标移动时触发鱼眼特效。这可以通过在组件上添加事件监听器来实现。 2. *...
在Flex中,`MenuBar`类是用于创建顶部水平菜单的组件,它提供了类似于传统桌面应用程序的下拉菜单功能。在Flex项目中,我们通常会将`MenuBar`放置在应用程序的最上方,以提供各种操作选项。 创建`MenuBar`的第一步...
在Flex4中,ActionScript3(AS3)是主要的编程语言,与Flex SDK紧密集成。AS3是ECMAScript的一个子集,拥有更强大的面向对象特性,如类、接口、包和命名空间,这使得它在构建复杂应用程序时更为高效。Flex4中文API...
在Flex4中,按钮有多个状态,这些状态反映了按钮的不同交互情况: - `up`:按钮的默认状态,用户未进行任何操作。 - `over`:鼠标指针悬停在按钮上时的状态。 - `down`:用户按下按钮但还未释放时的状态。 - `...
CH05 - "数据绑定与事件处理":这一章可能讲解了Flex4中的数据绑定机制,如何将数据模型与用户界面元素关联起来,以及如何处理各种用户交互事件,这是Flex应用程序响应用户操作的关键。 CH07 - "组件与服务":Flex4...