`
hacker47
  • 浏览: 340536 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

FLEX展示---------炫不炫你说了算(源码共享)

阅读更多

前面朋友希望看下源码,其实昨天是打算一起上传的,但JAVAEYE好像在浏览器的兼容性上还有较多问题,上传一直不成功.今天贴出来给大家看下,如果大家要完整的,可以加我QQ:262482485,还是说下代码结构吧,

 

主应用是少不了的.先贴出来吧:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="black" xmlns:com="com.*">
		<com:RelectBattonBar/>
</mx:Application>

 

当然不只有这么少的代码了,我作成了组件了,来看看RElectBattonBar.mxml(写错了字,大家见谅,Button)

 

<?xml version="1.0" encoding="utf-8"?>
<mx:VBox 
	xmlns:mx="http://www.adobe.com/2006/mxml" 
	xmlns:reflector="com.rictus.reflector.*"
	xmlns:dragpanel="com.rictus.dragpanel.*"
	xmlns:com="com.*" 
	borderStyle="solid" borderColor="#333333" borderThickness="1" verticalGap="0"
		width="700" height="530" horizontalAlign="center" cornerRadius="10"
	    verticalAlign="middle" backgroundColor="#070707">
	    <mx:Spacer height="140"/>
	    <dragpanel:DragPanel id="buttonsBar" width="100%" height="130" borderStyle="none" verticalGap="0" backgroundColor="black">
	    	<mx:HBox width="100%" height="100%" verticalAlign="middle" horizontalAlign="center">
	    	<com:MyButton label="登陆"/>
			<com:MyButton label="注册"/>
			<com:MyButton label="查询"/>
			<com:MyButton label="转账"/>
			<com:MyButton label="改密"/>
			<com:MyButton label="投诉"/>
			<com:MyButton label="帮助"/>
		    </mx:HBox>
	    </dragpanel:DragPanel>
		<reflector:Reflector id="myReflector" target="{buttonsBar}"  alpha=".6" falloff="0.33" blurAmount="0.27"/>
</mx:VBox>

 

 

还没有完,还有一个我自定义的MyButton.mxml

 

 

<?xml version="1.0" encoding="utf-8"?>
<mx:Button xmlns:mx="http://www.adobe.com/2006/mxml" icon="{btnIcon}" 
	  labelPlacement="bottom" color="black" styleName="MyButton"
	  rollOverEffect="{bigZm}" rollOutEffect="{smallZm}"
	  scaleX=".9" scaleY=".9" width="90" height="90" fontSize="13" cornerRadius="10">
	<mx:Style>
		.MyButton {
   					fillAlphas: 0.18, 0.77, 0.27, 0.76 ;
   					fillColors: #cccccc, #990000, #cccccc, #000000;
  					color: #ffffff;
   					textRollOverColor: #ffffff;
    				/* themeColor: #990000; */
    				themeColor: #009dff;
					}
	</mx:Style>
	<mx:Script>
		<![CDATA[
			[Bindable]
			[Embed(source="login.png")]
			public var btnIcon:Class;
			
		]]>
	</mx:Script>
	<mx:Parallel id="bigZm">
		<mx:Zoom zoomHeightFrom=".9" zoomHeightTo="1" zoomWidthFrom=".9" zoomWidthTo="1" duration="300"/>
		<mx:Glow alphaFrom="1.0" color="#ffffff"  alphaTo=".3" blurXFrom="0" blurXTo="30" blurYFrom="0" blurYTo="30" duration="300"/>
	</mx:Parallel>
	<mx:Parallel id="smallZm">
		<mx:Zoom id="bigZoom" zoomHeightFrom="1" zoomHeightTo=".9" zoomWidthFrom="1" zoomWidthTo=".9" duration="300"/>
		<mx:Glow alphaFrom=".3"  color="#000000"  alphaTo="1" blurXFrom="30" blurXTo="0" blurYFrom="30" blurYTo="0" duration="2000"/>
	</mx:Parallel>
</mx:Button>

 

 

另外,提醒一下, 我用到了一个倒影效果的包,大家可以到网上下载Reflector ,源代码就这么多,其实也不算多吧.

4
3
分享到:
评论
1 楼 congpeixue 2008-07-31  
让我们怎么回答你呢 ? 你说炫不炫啊 ? 没的图  看什么啊 

相关推荐

    Forex-Flex-EA-V4.91_flexEA_海龟MT4_ea_mt4_ea源码_

    《深入解析Forex-Flex-EA-V4.91与海龟交易策略在MT4平台的应用》 在金融交易领域,自动交易系统(Expert Advisor,简称EA)的应用日益广泛,尤其是外汇市场(Forex)。本文将围绕“Forex-Flex-EA-V4.91”这一特定的...

    flex-messaging-core-4.7.3.jar

    flex-messaging-core-4.7.3.jar 最新版,下载了好长时间才下载下来,亲测可用!

    Flex SVN--1.5.5版本

    Flex SVN--1.5.5版本Flex SVN--1.5.5版本Flex SVN--1.5.5版本Flex SVN--1.5.5版本Flex SVN--1.5.5版本Flex SVN--1.5.5版本Flex SVN--1.5.5版本

    flex-messaging-core.jar

    在flex-messaging-core.jar中,包含了一些关键组件和接口,例如: 1. **MessageBroker**: 这是Flex消息传递系统的中心,它管理消息的路由,调度和处理。MessageBroker实例化并配置了各种服务,如HTTP、HTTPS、RTMP...

    flex-messaging系列jar包

    1. **flex-messaging-core.jar**:这是Flex Messaging框架的基础库,提供了核心的基础设施和服务。它包含AMF(Action Message Format)编解码器,用于高效地序列化和反序列化数据,以及基本的消息传递机制。AMF是一...

    spring-flex-1.5.0.M2-dist.zip

    这个名为“spring-flex-1.5.0.M2-dist.zip”的压缩包,包含了Spring Flex 1.5.0.M2版本的所有必要组件,使得开发者能够快速地开发和部署基于Flex的客户端应用。 在Spring Flex 1.5.0.M2中,核心组件`spring-flex-...

    flex-iframe-1.4.6

    尽管Google Code已不再接受新的项目,但许多有价值的项目,如flex-iframe-1.4.6,仍然可以在其存档中找到。 在Flex框架中,开发者通常使用ActionScript来创建富互联网应用程序(RIA)。然而,有时需要在Flex应用...

    flex-2.6.0.tar.gz

    这个“flex-2.6.0.tar.gz”文件是一个针对Flex 2.6.0版本的源码压缩包,适用于Unix/Linux类操作系统。在Linux环境中,我们通常会用tar命令来解压这种格式的文件,例如:“tar -zxvf flex-2.6.0.tar.gz”。 Flex的...

    FMS+FLEX-----使用远程共享对象实现多人实时在线聊天

    FMS+FLEX-----使用远程共享对象实现多人实时在线聊天 说明:这是我在网上看到的,收集并整理了一下。 因为我的积分不多了,所以虽然不是原创,但还是要一点资源分的。大家见谅。 压缩包中有说明文档和源码。说明...

    flex------组件-----数据可视化

    在这个“flex------组件-----数据可视化”主题中,我们将探讨Flex如何帮助开发者创建交互式的数据图表和可视化效果。 Flex框架提供了一套强大的组件库,其中包括用于数据可视化的类和库。这些组件使得开发人员能够...

    flex布局-flex-layout-master.zip

    - `flex`:是`flex-grow`, `flex-shrink`和`flex-basis`的简写形式。 - `align-self`:允许单个Flex项独立设置其在交叉轴上的对齐方式,覆盖容器的`align-items`属性。 5. **Flex容器属性**:用于控制整个Flex...

    arcgis-viewer-flex-3.4-src框架源码

    在解压后的文件夹`arcgis-viewer-flex-3.4-src`中,开发者可以找到源码的组织结构。主要文件夹包括`src`、`libs`、`resources`等。`src`目录包含了所有源代码,包括主程序类、自定义组件、事件处理逻辑等;`libs`...

    flex-messaging-core

    flex-messaging-core jar包

    Flex 工程源码--EmployeeMgmt-Flex.7z

    这个压缩包"Flex 工程源码--EmployeeMgmt-Flex.7z"包含了名为"EmployeeMgmt-Flex"的Flex项目源代码,很可能是用于员工管理的系统。下面我们将详细探讨Flex的相关知识点。 1. **Flex框架**:Flex是一套完整的开发...

    Flex blazeds-spring

    Flex blazeds-spring Flex blazeds-spring Flex blazeds-spring Flex blazeds-spring Flex blazeds-spring Flex blazeds-spring

    flex-2.6.4.tar

    flex-2.6.4

    flex-2.6.4.tar.gz

    这个"flex-2.6.4.tar.gz"文件是Flex 2.6.4版本的源代码压缩包,遵循GNU General Public License (GPL)发布。在Linux和类Unix系统中,这种.tar.gz格式常用于存储和分发软件源代码,因为它可以高效地压缩大量文件。 ...

    spring-flex-1.5.0.RELEASE

    spring-flex-1.5.0.RELEASE spring-flex-1.5.0.RELEASE spring-flex-1.5.0.RELEASE spring-flex-1.5.0.RELEASE

    Sample-Flex4-TabBar

    本文将深入探讨Flex4 TabBar组件的关键特性,并通过“Sample-Flex4-TabBar”示例来展示其实际应用。 一、TabBar组件基础 1. 构建TabBar:TabBar由一组TabItem组成,每个TabItem代表一个独立的选项卡。开发者可以...

    arcgis-viewer-builder-flex-3.6-src.zip

    总结,通过对"arcgis-viewer-builder-flex-3.6-src.zip"的源码学习和研究,开发者不仅可以掌握FlexViewer 3.6的核心技术,还能提高地图应用开发能力,创造出功能丰富、性能优秀的GIS应用,服务于各种业务场景,如...

Global site tag (gtag.js) - Google Analytics