2012年2月25日
摘要: Cairngorm框架是Adobe自己的框架,严密贴合As3的事件机制。用起来相当方便。简单介绍一下。Examples.mxml文件-----是主文件。ReadDataDelegate----充当外部连接的代理,主要用来与外界交互,包括任意的交互模式。ReadDataCommand---做为任意事件侦听后调用的类。MainController----主控制器,用来放置侦听器的。ReadDataEvent---事件体,继承了CairngormEvent;IDataResponder---ReadDataDelegate和ReadDataCommand应用的接口类。MainModel----获取结 阅读全文
posted @ 2012-02-25 14:41 唐朝 阅读(1257) 评论(0) 推荐(0)
摘要: 在学习Flex的过程中,你可能会遇到Flex页面跳转的问题,本文和大家分享一下,页面在flex里面其实就是一个个的Canvas,vbox,hbox等等之类的东西,看到的不同页面的切换,就是这些元素一层层的堆积,或者替换,但是为了好理解,还是称之为"页面跳转"。Flex页面跳转其实对于这个题目是不恰当的,因为flex中是没有页面这个概念的,页面在flex里面其实就是一个个的Canvas,vbox,hbox等等之类的东西,看到的不同页面的切换,就是这些元素一层层的堆积,或者替换,但是为了好理解,还是称之为"页面跳转"。其实我们可以对比传统的C/S开发模式,没 阅读全文
posted @ 2012-02-25 11:10 唐朝 阅读(8698) 评论(1) 推荐(1)
摘要: 首先说明下:以下的四个例子中每一个都含有客户端获取DataGrid数据的代码下面的每个mxml中都涉及用到的组件mxml,位于com/control目录下Xml代码 <SPANstyle="FONT-SIZE:medium"><?xmlversion="1.0"encoding="utf-8"?><mx:HBoxxmlns:mx="http://www.adobe.com/2006/mxml"backgroundColor="white"><mx:Scr 阅读全文
posted @ 2012-02-25 10:45 唐朝 阅读(6183) 评论(0) 推荐(0)
摘要: 上次说到了简单的表单验证,可以配置错误信息,点击按钮可以进行所有表单验证,那么如果验证都通过,怎样执行提交任务呢?一般都会这么处理,下面这个是button点击事件处理方法Xml代码 <SPANstyle="FONT-SIZE:medium">functionvaidateForm():void{ varall:Array=Validator.validateAll([numVD,emailVD,comboValidator]); if(all.length==0){ Alert.show("验证成功"); //这里可以发送请求进行表单提交任务 阅读全文
posted @ 2012-02-25 10:43 唐朝 阅读(1896) 评论(0) 推荐(0)
摘要: Flex 4带给我们的,是全新的命名空间。了解这些命名空间必定是一件好事情。Flex 4有三个非常重要的命名空间,分别是:xmlns:fx=”http://ns.adobe.com/mxml/2009″ xmlns:mx=”library://ns.adobe.com/flex/halo” xmlns:s=”library://ns.adobe.com/flex/spark” 1、xmlns:fx=”http://ns.adobe.com/mxml/2009″ fx命名空间下包含ActionScript顶级元素和内建到MXML编译器里的标签。 前者ActionScript顶级元素就是指 Obj 阅读全文
posted @ 2012-02-25 10:16 唐朝 阅读(535) 评论(0) 推荐(0)
摘要: 想起之前在ExtJS中就涉及到嵌入网页问题,这次改用Flex肯定也少不了要用这个这里用的是TAB页面里面嵌入网页,找到一个flex的iframe自定义类,比较好用,请访问http://code.google.com/p/flex-iframe/ 首先从上面的网址下载fb3_1_3_2.zip(自己挑版本吧) 解压,找到fb3\HTMLTest\src下面有个IFrame.as拷到自己的Flex工程中去具体怎么用的,看下代码Xml代码 <SPANstyle="FONT-SIZE:medium"><?xmlversion="1.0"enco 阅读全文
posted @ 2012-02-25 09:04 唐朝 阅读(3120) 评论(0) 推荐(0)
摘要: Xml代码 <SPANstyle="FONT-SIZE:medium"><?xmlversion="1.0"encoding="utf-8"?><s:Applicationxmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"minWidth=&quo 阅读全文
posted @ 2012-02-25 09:01 唐朝 阅读(770) 评论(0) 推荐(0)
摘要: 第一、关于spark.skin.SparkSkin类的 1.SparkSkin介绍 (1)spark.skins,这个包里面只有一个class:SparkSkin,非美工的程序员可以通过这个class来实现任意自定义控件的样式。 (2)SparkSkin是一个Group类型的容器。(它继承自Group) (3)全部的mx.spark的可视化控件的外观全部都是SparkSkin的子类 (4)SparkSkin:是全部Spark Class的基础类,也就说全部的mx.spark的可视化控件的外观全部都是SparkSkin的子类。 Skin:是SparkSkin的父类,例如ButtonBarSkin 阅读全文
posted @ 2012-02-25 08:59 唐朝 阅读(2909) 评论(0) 推荐(1)
摘要: 首先我这个示例是针对按钮来说的,其实其他的组件大致也都一样第一种:直接写在click属性中<s:Button label="click me" click="Alert.show('clicked!')"/> 第二种:嵌入<s:click>标签 <s:Button id="b" label="click me once"> <s:click> b.enabled = false; mx.controls.Alert.show('clicked! 阅读全文
posted @ 2012-02-25 08:57 唐朝 阅读(386) 评论(0) 推荐(0)
摘要: 首先呢说明一下,我写的这个菜单呢,为了符合我的项目需要没有用到任何menu组件,用到时list组件进行构造,中间有一个比较重要:就是点击目标对象时菜单出来,点击其他地方时菜单消失,这个问题之前想了好多办法都没解决,后来发现时要在全局有个click事件,在这个全局click事件中进行处理就OK那么看一下我的程序吧Xml代码 <SPANstyle="FONT-SIZE:large"><?xmlversion="1.0"encoding="utf-8"?><s:Applicationxmlns:fx=" 阅读全文
posted @ 2012-02-25 08:56 唐朝 阅读(2190) 评论(0) 推荐(0)
摘要: 因为是专门针对ActionScript来写的篇章,所以,对于ActionScript大家有功夫最好去看看基础入门知识,其实很容易上手很多部分都与JAVA面向对象及以前的基础知识相似 首先来说下ActionScript常用的三种方式Flex的核心是MXML和ActionScript 。MXML 是用于为 Flex应用程序进行用户界面组件布局, 它属于表示层,最终要编辑成ActionScript 并生成ActionScript 类文件在Flash Player上运行。如果你是个Java开发者就很好理解这一点,MXML 就好比是JSP/Struts/JSF,它们最终都会编辑成Java 类文件并在具备 阅读全文
posted @ 2012-02-25 08:50 唐朝 阅读(1984) 评论(0) 推荐(0)
摘要: Flex 元数据标签1、[ArrayElementType]使用ArrayElementType元数据标签可以让你定义数组元素的数据类型。程序代码:[ArrayElementType("String")]public var arrayOfStrings:Array;[ArrayElementType("Number")]public var arrayOfNumbers:Array;[ArrayElementType("mx.core.UIComponent")]public var arrayOfUIComponents:Arra 阅读全文
posted @ 2012-02-25 08:47 唐朝 阅读(1308) 评论(0) 推荐(1)
摘要: 在Flex的帮助文档里,有很多例子都是扩展Sprite类的。如果想把这些实例添加到你的s:Application中,如:addChild(DisplayObject ),肯定会出错。错误的大致意思是:flash.display::Sprite没有实现mx.core.IUIComponent接口。Sprite->DisplayObjectContainer->InteractiveObject->DisplayObject->EventDispatcher->Object 从Sprite的继承关系来看,它虽然是DIsplayObject但是它没有实现IUICompo 阅读全文
posted @ 2012-02-25 08:46 唐朝 阅读(4307) 评论(0) 推荐(0)
摘要: 在学习Flex应用程序的过程中,Flex应用程序的组成元素是必须要掌握的知识,这里和大家分享一下,一个典型的Flex应用程序包括六大元素,请看下文详细介绍。Flex是如何工作的该部分文档的内容是为用户提供关于Adobe?Flex工作机制的一个快速综述。通过本章节的学习,你可以创建你的第一个Flex应用程序,并将它与你以前所熟悉的Web开发技术进行比较,以领会Flex的内涵和精髓。一个典型的Flex应用程序包括元素:1.FlexframeworkAdobe?Flex2framework包含了创建RIA所需要的所有组件,它们是:用于应用程序布局规划的容器;针对用户界面和从用户处获取数据的控制(例如 阅读全文
posted @ 2012-02-25 08:44 唐朝 阅读(442) 评论(0) 推荐(1)
摘要: <?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creationCo 阅读全文
posted @ 2012-02-25 08:30 唐朝 阅读(2165) 评论(0) 推荐(0)
摘要: 1.四种布局概述 在Flex SDK 4(Gumbo)的spark组件库里面增加了一个page:spark.layouts。 其中包括了比较重要的四个布局class,分别是:BasicLayout、HorizontalLayout、TileLayout、VerticalLayout1、BasicLayout:(默认属性,当不指定定位后,则是绝对定位布局) 这是spark组件默认Flex SDK 3的布局方式,即绝对定位布局。 在Flex SDK 3 里面对应的是:layout="absolute"2、HorizontalLayout: 这是spark组件库里面的水平布局方式 阅读全文
posted @ 2012-02-25 08:27 唐朝 阅读(12953) 评论(0) 推荐(0)
摘要: <?xml version="1.0" encoding="utf-8"?><!-- http://blog.flexexamples.com/2010/08/13/creating-blinking-text-on-a-spark-richtext-control-in-flex-4/ --><s:Application name="Spark_RichText_blink_test" xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s= 阅读全文
posted @ 2012-02-25 08:25 唐朝 阅读(1880) 评论(0) 推荐(0)
摘要: <?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"creationComplete="init()" layout="absolute"><mx:Script><![CDATA[import mx.controls.Alert;//滚动条字幕[SWF(width="800", height=&qu 阅读全文
posted @ 2012-02-25 08:24 唐朝 阅读(1795) 评论(0) 推荐(0)
摘要: flex与js进行交互主要用到ExternalInterface.call("getTreeData",""); 其中getTreeData是js中的方法。后面的参数是按js中的参数个数来传入的。 阅读全文
posted @ 2012-02-25 08:23 唐朝 阅读(638) 评论(0) 推荐(0)
摘要: 我现在介绍一下如何用ActionScript写一个Flash版本。 效果图如下:点击查看线上效果 (键盘X清屏,S停止,按住Shift更改风向)*要求示例文件:silkflash.zip(ZIP, 4KB)首先让我们来分析一下需要考虑的问题:波浪线的画法波浪线间的填充效果颜色的过渡光效一、波浪线的画法 这个效果中很重要的一个亮点就是一层层平滑的波浪,相信细心的朋友一定注意到了这里面的随机事件,每一条线都是一条随机路径,难点不在于如何选取随机点的位置,而是如何用一条平滑的线将它们连接起来。如图1中左图是一条随机线中的各个随机点,如果用直线连接那么就是一条条的折线,显然不是我们要的波浪线;如果如中 阅读全文
posted @ 2012-02-25 08:21 唐朝 阅读(528) 评论(0) 推荐(0)
摘要: <?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600"><s:l 阅读全文
posted @ 2012-02-25 08:21 唐朝 阅读(2728) 评论(1) 推荐(0)
摘要: <?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" applicati 阅读全文
posted @ 2012-02-25 08:19 唐朝 阅读(315) 评论(0) 推荐(0)
摘要: 方法一:<?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" creati 阅读全文
posted @ 2012-02-25 08:19 唐朝 阅读(2932) 评论(0) 推荐(0)
摘要: graphics.moveTo( -50, -25 );graphics.lineTo( 0, -25 );graphics.lineTo( 0, -50 );graphics.lineTo( 50, 0 );graphics.lineTo( 0, 50 );graphics.lineTo( 0,25 );graphics.lineTo( -50, 25 );graphics.lineTo( -50, -25 );graphics.endFill();moveTo()所画的为一直线,在用lineTo()画线时,moveTo()的左边点不动,右边点移动然后得到一坐标,然后lineTo右边点回到原 阅读全文
posted @ 2012-02-25 08:17 唐朝 阅读(2903) 评论(0) 推荐(0)
摘要: 首先注意一下.这里说的是在"FLEX"生成的"SWF"直接运行时,使用"stage.displayState"启用全屏时所遇到的问题...注意上面""号所提到的关健词..现在我们先看看代码,下面的代码装在creationComplete事件中调用init()来启动全屏.? 12345678910111213<?xml version="1.0"encoding="utf-8"?><mx:Application xmlns:mx="http://ww 阅读全文
posted @ 2012-02-25 08:17 唐朝 阅读(209) 评论(0) 推荐(0)
摘要: Flex应用程序运行顺序依次为: 1、contentCreationComplete已创建此组件的内容后分派。借助实例化延迟,可以在创建组件之后很长时间创建组件的内容 2、initialize初始化此组件的内部结构 3、creationComplete当组件完成其构建、属性处理、测量、布置和绘制时分派 4、applicationComplete在 Application 经过初始化、由 LayoutManager 处理并附加到显示列表后分派因此,一些预处理的功能可以放在相应的方法中实现 阅读全文
posted @ 2012-02-25 08:16 唐朝 阅读(820) 评论(0) 推荐(0)
摘要: 组件实例名.buttonMode = true;组件实例名.mouseChildren = false; 阅读全文
posted @ 2012-02-25 08:14 唐朝 阅读(458) 评论(0) 推荐(0)
摘要: 1. Timer类的使用<?xml version="1.0" encoding="utf-8"?><mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="955" minHeight="600" creationComplete="init()"> <mx:Script> <![CDATA[ imp 阅读全文
posted @ 2012-02-25 08:14 唐朝 阅读(4173) 评论(0) 推荐(0)
摘要: 很抱歉这个滤镜不会给你带来期待的惊喜,GlowFilter只是创建放光效果。确切的说,是在元件周围创建不同透明度的发光颜色填充(不过,这个名字实在太长了)。它的属性实际上是DropShadowFilter的子集,其构造函数如下:GlowFilter (color:uint = 16711680,alpha:Number = 1,blurX:Number = 6,blurY:Number = 6,strength:Number = 2,quality:int = 1,inner:Boolean = false,knockout:Boolean = false )参数 color: (defaul 阅读全文
posted @ 2012-02-25 08:13 唐朝 阅读(5985) 评论(0) 推荐(0)
摘要: DropShadowFilter投影滤镜会在原始对象下创建一个副本,然后用纯色填充后并模糊副本,实现投影的效果。它有很多参数可以创建多种不同的效果。DropShadowFilter的构造方法如下:DropShadowFilter (distance:Number = 4,angle:Number = 45,color:uint = 0,alpha:Number = 1,blurX:Number = 4,blurY:Number = 4,strength:Number = 1,quality:int = 1,inner:Boolean = false,knockout:Boolean = fal 阅读全文
posted @ 2012-02-25 08:12 唐朝 阅读(2715) 评论(0) 推荐(0)
摘要: import flash.display.DisplayObjectimport flash.geom.ColorTransform//value取值范围-1~1,对应Flash内容制作工具里的-100%-100%publicfunction setBrightness(obj:DisplayObject,value:Number):void { var colorTransformer:ColorTransform = obj.transform.colorTransform var backup_filters:* = obj.filtersif (value >= 0) { ... 阅读全文
posted @ 2012-02-25 08:09 唐朝 阅读(1127) 评论(0) 推荐(0)
摘要: <?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" applicationComplete="callLater(init)" width="5 阅读全文
posted @ 2012-02-25 08:08 唐朝 阅读(1504) 评论(0) 推荐(0)
摘要: <?xml version="1.0" encoding="utf-8"?><s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" applicationComplete="callLater(init)" width="5 阅读全文
posted @ 2012-02-25 08:07 唐朝 阅读(355) 评论(0) 推荐(0)
摘要: Flex软件中经常需要使用一些外部的资源,如图片、声音、SWF或字体,虽然你也可以在软件运行的时候引入和载入,但是也可能经常需要直接将这些资源编译(Compile)到软件中,也就是直接嵌入资源(Embedding Assets)。Flex中可以直接嵌入图片image,影片movie,MP3,和TrueType文字。嵌入资源的利处:1、比起在运行时访问资源,对嵌入资源的访问速度更加快速;2、可以用简单的变量访问方式,在多个地方引用所嵌入的资源。这是变量就代表资源,提高写代码的效率;嵌入资源的弊处:1、增大了SWF文件的大小,因为是将资源直接包含;2、由于SWF文件增大,将使得初始化的速度变慢;3 阅读全文
posted @ 2012-02-25 08:01 唐朝 阅读(5856) 评论(0) 推荐(0)
摘要: 方法1:[xhtml] view plaincopyprint?<?xml version="1.0" encoding="utf-8"?> <s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx" usePreloader="false&quo 阅读全文
posted @ 2012-02-25 07:56 唐朝 阅读(609) 评论(0) 推荐(0)
摘要: const FILE_PATH:String="main.swf"; const CLASS_NAME:String="MainSwf"; var loader:Loader; var request:URLRequest; loader = new Loader(); request=new URLRequest(FILE_PATH); loader.contentLoaderInfo.addEventListener(Event.COMPLETE,onComplete); loader.contentLoaderInfo.addEventListen 阅读全文
posted @ 2012-02-25 07:33 唐朝 阅读(417) 评论(0) 推荐(0)