锁定老帖子 主题:Flex3学习笔记
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
---|---|
作者 | 正文 |
发表时间:2008-11-24
终于把628页的《Flex3/ RIA完全手册》看完了,而且在我的计划之内,所以这里也给自己鼓励一下哦,(声明:不是为了显摆,也不是为了夸自己多么多么能看厚书)因为这确实是我第一次看完这么厚的技术书籍。比如,我的《JSP宝典》已经买下半年多了,但我到现在还没看完,所以现在我索性把她放在那里当字典或资料查了,同学看见这本书都叫它“葵花宝典”,呵呵(足可见它的厚度吧),希望下面这两个月能够再接再励,争取突破这个高度,有的时候发现计算机的书籍真的一个比一个厚,我相信每一个大牛或大师级别的人大多也是这么过来的吧,呵呵既然拜读了这本《Flex3/ RIA完全手册》,也谈一下自己的心得体会,读书重在应用和交流嘛:
先声明下我不是谁的托,也不是在这里宣传这本书有多么多么的好,因为我也是从学校的图书馆里借来拜读的,接下来的时间本该马上开始另外一本书籍的学习,但是我下个学习任务中需要的开发工具和平台还没Down下来,所以就在这里码开文字消遣一会儿了!哈哈 大概说下这本书的内容组织结构:
第一篇 基础篇 说了下flex特性,Flex Builder3的安装与开发环境讲解,MXML的介绍,flex3.0程序的编译、调试、运行等 第二篇 ActionScript3.0基础 也是些基础性的东西,比如:AS语法与基础、AS中的数据类型、运算符和表达式、程序设计的基本结构、函数,面向对象基础,数字处理,日期与时间,字符串,数组,XML等,对于JAVA Programmer来说这些可以一带而过哦,因为确实很简单嘛 第三篇 组件篇 用组件构建Flex界面、界面设计等,有不少界面制作的实例,到时候一并把源代码发上来,还有自定义效果美化界面,CSS美化界面(包含滤镜的使用)flex美化应用(自定义界面属性和外观等),总之这张的实例还是蛮多的 第四篇 数据篇 Flex中的数据处理(数据绑定、数据存储、数据验证、格式化等)、使用正则表达式匹配字符串数据、数据的传输方式(文件流、XML等方式)、数据的交互(HTTPService与HTTP的交互、WebService交互,Fluorine网关与.net类的交互(java的可以不看这个哦))。 第五篇 扩展篇 着重讲了一个开发框架Cairngorm,包括Cairngorm源代码中类的介绍、框架的运行原理,还有一个实例,另外还介绍了flex3的新特性(相比Flex2),比如加载PDF文件,使用本地的SQL数据库,Flex3.0中的Ajax技术,Flex-Ajax Bridge控制技术等 第六篇 实例篇 实例篇主要介绍了三个经典案例:FLV播放器,对Adobe官方经典实例CairngormStore的分析与讲解算是详尽,扩展应用就得看个人造化了,最后一个实例比较有趣,客户端用Flex3实现,服务器端用java实现,通过LiveCycle Data Services服务器(被称作AMF网关)调用服务器端的程序来操作SQL2000数据库及其本地文件。
总体感觉这本书还行,容易上手,适合Flex3初学者,实例比较丰富,讲解也很透彻,如果对RIA富互联网应用程序感兴趣的朋友不妨可以一读,在此也公布自己这段学习期间的所有源代码,以供各位programmer交流,也希望你们如果有什么好的Flex/RIA方面的参考书籍也一并推荐哦!
偶的交流暂且就码到这里了,期待你们给我提供更好的RIA参考资料或书籍哦!哈哈 我交流我快乐,相信你们也是一样的!Sharing你们手中的每一本资料,那么你将会得到更大的收获!
下面贴一点界面设计实战和FLV播放器的源代码:(FLV用到了Cairngorm框架,自己去Adobe上下载一下吧)还有剩下的实例源代码我会陆续整理好打包传上来!
PS:恕不接受个人邮件发送,不要说“发个源代码到我邮箱吧”,也不要像在百度知道上那样发个“跪求XXXXXXXX源程序之类”的帖子。。。,我想作为开发者看到这样的字样除了呕吐和鄙视,那么接下来就是好几天吃不下饭了!相信JE上肯定没有这样的人!
Flex3界面设计综合实例源代码(最好下载我传上来的附件):
<?xml version="1.0" encoding="utf-8"?> <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="initApp()"> <mx:states> <mx:State name="index"> <!--新建"index"状态--> <mx:RemoveChild target="{panel1}"/> <!--移除登陆框--> <mx:SetStyle name="fontFamily" value="Georgia"/> <mx:SetStyle name="fontSize" value="12"/> <mx:SetStyle name="fontWeight" value="bold"/> <mx:AddChild position="lastChild"> <mx:Panel width="400" height="300" layout="absolute" horizontalCenter="0" verticalCenter="0" borderColor="#04D8F8" title="菜单导航" fontSize="14" fontFamily="Arial" id="panel2"> <mx:MenuBar id="myMenuBar" dataProvider="{myXMLList}" labelField="@id" showRoot="false" width="380" fontSize="12" fontFamily="Georgia" fontWeight="normal" change="menuClickHandle(event)"/> </mx:Panel> </mx:AddChild> </mx:State> <mx:State name="index1" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:VBox height="240" id="myVBox1" x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" width="{myMenuBar.width}" backgroundColor="#FA0505" backgroundAlpha="0.5"> </mx:VBox> </mx:AddChild> </mx:State> <mx:State name="index2" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:VBox x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" height="240" id="myVBox2" backgroundAlpha="0.5" backgroundColor="#F5E531" width="{myMenuBar.width}"> </mx:VBox> </mx:AddChild> </mx:State> <mx:State name="index3" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:VBox x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" height="240" width="{myMenuBar.width}" backgroundAlpha="0.5" backgroundColor="#8DF531" id="myVBox3"> </mx:VBox> </mx:AddChild> </mx:State> <mx:State name="index4" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:VBox x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" height="240" id="myVBox4" backgroundColor="#31F5E5" backgroundAlpha="0.5" width="{myMenuBar.width}"> </mx:VBox> </mx:AddChild> </mx:State> <mx:State name="index5" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:VBox x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" height="240" id="myVBox5" backgroundColor="#D731F5" backgroundAlpha="0.5" width="{myMenuBar.width}"> </mx:VBox> </mx:AddChild> </mx:State> <mx:State name="columnIndex" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <!--柱状图--> <mx:ColumnChart id="myColumnChart" dataProvider="{finance}" horizontalCenter="0" verticalCenter="12" width="360" height="220"> <mx:horizontalAxis><!--定义横坐标绑定到"finance"数据集中的"Month"上--> <mx:CategoryAxis dataProvider="{finance}" categoryField="Month" title="(月份)"/> </mx:horizontalAxis> <mx:series> <mx:ColumnSeries displayName="收入" xField="Month" yField="In"/> <mx:ColumnSeries displayName="支出" xField="Month" yField="Out"/> </mx:series> </mx:ColumnChart> </mx:AddChild> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <!--Legend组件绑定柱状图中的数据名--> <mx:Legend dataProvider="{myColumnChart}" x="291" y="30"/> </mx:AddChild> </mx:State> <mx:State name="piechartIndex" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <!--饼状图--> <mx:PieChart id="myPieChart" dataProvider="{itProgrammer}" showDataTips="true" horizontalCenter="0" verticalCenter="8" width="360" height="220"> <mx:series> <mx:PieSeries labelPosition="callout" labelFunction="displayCount" field="count"> <mx:calloutStroke> <mx:Stroke weight="0" color="0x888888" alpha="1.0"/> </mx:calloutStroke> <mx:radialStroke> <mx:Stroke weight="0" color="#ffffff" alpha="0.5"/> </mx:radialStroke> <mx:stroke> <mx:Stroke weight="2" color="0" alpha="0.5"/> </mx:stroke> </mx:PieSeries> </mx:series> </mx:PieChart> </mx:AddChild> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:Legend dataProvider="{myPieChart}" x="10" y="26"/> </mx:AddChild> </mx:State> <mx:State name="fileIndex" basedOn="index"> <mx:RemoveChild target="{panel2}"/> <mx:AddChild position="lastChild"> <mx:Panel width="800" height="600" layout="absolute" horizontalCenter="0" verticalCenter="0" id="filePanel" title="文件目录浏览器实例" borderColor="#04A5F9"> <mx:VBox height="100%" width="100%" horizontalCenter="0" verticalCenter="0"> <mx:HBox width="100%" y="0"> <mx:FileSystemComboBox id="filecmb" directory="{filedg.directory}" directoryChange="filedg.directory=filecmb.directory;"/> <mx:Button label="返回" id="btnBack" click="filedg.directory=filedg.directory.parent"/> </mx:HBox> <mx:FileSystemDataGrid width="100%" height="400" y="0" x="0" id="filedg" dataProvider="{new File('e:/')}"/> </mx:VBox> </mx:Panel> </mx:AddChild> </mx:State> <mx:State name="IEindex" basedOn="index"> <mx:RemoveChild target="{panel2}"/> <mx:AddChild position="lastChild"> <mx:Panel width="800" height="600" layout="absolute" horizontalCenter="0" verticalCenter="0" borderColor="#05B8FB" id="htmlPanel" title="FlEX浏览器"> <mx:VBox x="0" y="0" height="100%" width="100%"> <mx:HBox width="100%" height="30" backgroundColor="#DDFADD" verticalAlign="middle"> <!--"mx:Spacer"标签是空格组件,可定义宽度和高度--> <mx:Spacer width="100%"/> <!--网址输入框--> <mx:TextInput id="txtURL" width="450" x="{(htmlPanel.width-txtURL.width)/2}"/> <!--实现网页跳转--> <mx:Button id="btnGOTO" label="GO!" click="gotoURL()"/> <mx:Spacer width="100%"/> </mx:HBox> <!--"mx:HTML"组件使得AIR程序可集成网页--> <mx:HTML id="html" width="800" height="600" location="http://www.google.cn"/> </mx:VBox> </mx:Panel> </mx:AddChild> </mx:State> <mx:State name="txtEditorIndex" basedOn="index"> <mx:RemoveChild target="{panel2}"/> <mx:AddChild position="lastChild"> <mx:Panel width="482" height="350" layout="absolute" horizontalCenter="0" verticalCenter="0" borderColor="#03DCFC" id="txtPanel" title="简单的文本编辑器"> <mx:Label x="28" y="10" text="文件路径" id="pathLabel"/> <mx:TextInput x="102" y="8" width="277" id="txtFilePath"/> <mx:Button x="387" y="8" label="浏览..." id="btnChooseFilePath" click="dlgFile.browseForOpen('浏览文件',[txtFilter,jpgFilter,gifFilter,bmpFilter,pngFilter,docFilter,fileAll]);dlgFile.addEventListener(Event.SELECT,selectHandle);"/> <mx:TextArea x="28" y="50" width="424" height="211" id="txtContent"/> <mx:Button x="28" y="275" label="修改" id="txtModify" click="modifyText()"/> </mx:Panel> </mx:AddChild> </mx:State> <mx:State name="AStoJSIndex" basedOn="index"> <mx:RemoveChild target="{panel2}"/> <mx:AddChild position="lastChild"> <mx:Panel width="400" height="300" layout="absolute" horizontalCenter="0" verticalCenter="0" borderColor="#06D6FB" id="astojsPanel" title="AS调用JS实例"> <mx:TextInput x="10" y="44" id="txtName" text="[请输入名字]"/> <mx:Button x="191" y="44" label="确定" id="btnConnect" click="invokeJavaScript()"/> <mx:Label x="10" y="114" id="lblResult"/> </mx:Panel> </mx:AddChild> </mx:State> <mx:State name="dragIndex" basedOn="index"> <mx:RemoveChild target="{panel2}"/> <mx:AddChild position="lastChild"> <mx:Panel width="400" height="300" layout="absolute" id="dragPanel" title="组件拖拽实例" borderColor="#06C9FA" horizontalCenter="0" verticalCenter="0" creationComplete="initListApp()"> <mx:HBox width="100%" horizontalCenter="0" verticalCenter="0" height="100%"> <mx:VBox height="100%" width="50%"> <mx:Label id="lblLeft" text="左列表"/> <!--定义左列表,允许拖拽--> <mx:List width="100%" height="100%" id="list1" allowMultipleSelection="true" dragEnabled="true" dropEnabled="true" dragMoveEnabled="true"> </mx:List> </mx:VBox> <mx:VBox height="100%" width="50%"> <mx:Label text="右列表" id="lblRight"/> <!--定义右列表,允许拖拽--> <mx:List width="100%" height="100%" id="list2" allowMultipleSelection="true" dragEnabled="true" dropEnabled="true" dragMoveEnabled="true"> </mx:List> </mx:VBox> </mx:HBox> </mx:Panel> </mx:AddChild> </mx:State> <mx:State name="blurIndex" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:VBox x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" height="240" id="myVBox6" backgroundAlpha="0.8" width="{myMenuBar.width}"> <mx:Image source="images/Vista.jpg" width="400" height="300" horizontalCenter="0" verticalCenter="20"/> </mx:VBox> </mx:AddChild> </mx:State> <mx:State name="dissolveIndex" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:VBox x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" id="myVBox7" width="{myMenuBar.width}"> <mx:Image source="images/scene.jpg" width="400" height="290"/> </mx:VBox> </mx:AddChild> </mx:State> <mx:State name="fadeIndex" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:VBox x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" id="myVBox8" width="{myMenuBar.width}"> <mx:Image x="10" y="30" source="images/scene02.jpg" width="400" height="300"/> </mx:VBox> </mx:AddChild> </mx:State> <mx:State name="resizeIndex" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:VBox x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" id="myVBox9" width="{myMenuBar.width}"> <mx:Image x="0" y="21" source="images/dog.jpg" width="400" height="300"/> </mx:VBox> </mx:AddChild> </mx:State> <mx:State name="rotateIndex" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:VBox x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" id="myVBox10" width="{myMenuBar.width}"> <mx:Image source="images/gulinshanshui.jpg" horizontalCenter="0" verticalCenter="0" width="400" height="300"/> </mx:VBox> </mx:AddChild> </mx:State> <mx:State name="soundIndex" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:VBox x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" id="myVBox11" width="{myMenuBar.width}"> <mx:Image source="images/scene02.jpg" horizontalCenter="0" verticalCenter="0" width="400" height="300" autoLoad="true" mouseDownEffect="{mySoundEffect}"/> </mx:VBox> </mx:AddChild> </mx:State> <mx:State name="zoomIndex" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:VBox x="{myMenuBar.x}" y="{myMenuBar.y+myMenuBar.height}" id="myVBox12" width="{myMenuBar.width}"> <mx:Image width="400" height="300" horizontalCenter="0" verticalCenter="0" source="images/eruanshi.jpg"/> </mx:VBox> </mx:AddChild> </mx:State> <mx:State name="swfIndex" basedOn="index"> <mx:RemoveChild target="{panel2}"/> <mx:AddChild position="lastChild"> <mx:Panel width="800" height="200" layout="absolute" horizontalCenter="0" verticalCenter="0" borderColor="#00B9FD" backgroundImage="{bgSWF}"> </mx:Panel> </mx:AddChild> </mx:State> <mx:State name="filterIndex" basedOn="index"> <mx:AddChild relativeTo="{panel2}" position="lastChild"> <mx:Label text="Hello Flex3/RIA—我的界面我做主!" fontSize="20" filters="{[new DropShadowFilter(10,35)]}" horizontalCenter="0" verticalCenter="0" color="#FB04DB"/> </mx:AddChild> </mx:State> </mx:states> <mx:transitions> <mx:Transition id="myTransition1" fromState="*" toState="index1"> <mx:Parallel target="{myVBox1}"> <mx:WipeDown duration="2000"/> <mx:Dissolve alphaFrom="0.0" alphaTo="1.0" duration="2000"/> </mx:Parallel> </mx:Transition> <mx:Transition id="myTransition2" fromState="*" toState="index2"> <mx:Parallel target="{myVBox2}"> <mx:WipeUp duration="2000"/> <mx:Dissolve alphaFrom="0.0" alphaTo="1.0" duration="2000"/> </mx:Parallel> </mx:Transition> <mx:Transition id="myTransition3" fromState="*" toState="index3"> <mx:Parallel target="{myVBox3}"> <mx:WipeLeft duration="2000"/> <mx:Dissolve alphaFrom="0.0" alphaTo="1.0" duration="2000"/> </mx:Parallel> </mx:Transition> <mx:Transition id="myTransition4" fromState="*" toState="index4"> <mx:Parallel target="{myVBox4}"> <mx:WipeRight duration="2000"/> <mx:Dissolve alphaFrom="0.0" alphaTo="1.0" duration="2000"/> </mx:Parallel> </mx:Transition> <mx:Transition id="myTransition5" fromState="*" toState="index5"> <!--效果组合,对象为myVBox5--> <mx:Parallel target="{myVBox5}"> <!--模糊的扩散效果 --> <mx:Blur blurXFrom="0" blurXTo="180" blurYFrom="0" blurYTo="150" duration="2000"/> <!--透明度渐变效果--> <mx:Dissolve alphaFrom="0.0" alphaTo="1.0" duration="2000"/> </mx:Parallel> </mx:Transition> <mx:Transition id="myTransition6" fromState="*" toState="blurIndex"> <!--效果组合,对象为myVBox6--> <mx:Parallel target="{myVBox6}"> <mx:Blur id="myBlur" blurXFrom="0" blurXTo="20" blurYFrom="0" blurYTo="20"/> </mx:Parallel> </mx:Transition> <mx:Transition id="myTransition7" fromState="*" toState="dissolveIndex"> <!--效果组合,对象为myVBox7--> <mx:Parallel target="{myVBox7}"> <mx:Dissolve id="myDissolve" alphaFrom="1.0" alphaTo="0.5" color="white" duration="4000" targetArea="{new RoundedRectangle(20,20,320,180)}"/> </mx:Parallel> </mx:Transition> <mx:Transition id="myTransition8" fromState="*" toState="fadeIndex"> <!--效果组合,对象为myVBox8--> <mx:Parallel target="{myVBox8}"> <mx:Fade id="myFade" alphaFrom="0.0" alphaTo="1.0" duration="4000"/> <!--<mx:Glow id="myGlow" alphaFrom="0.2" alphaTo="0.8" blurXFrom="100" blurXTo="0" blurYFrom="100" blurYTo="0" color="yellow" inner="true" knockout="true" strength="5"/>--> <!--<mx:Move id="myMove" xBy="2" xFrom="10" xTo="50" yBy="5" yFrom="10" yTo="50"/>--> </mx:Parallel> </mx:Transition> <mx:Transition id="myTransition9" fromState="*" toState="resizeIndex"> <!--效果组合,对象为myVBox9--> <mx:Parallel target="{myVBox9}"> <mx:Resize id="myResize" heightBy="2" heightFrom="300" heightTo="430" widthBy="4" widthFrom="400" widthTo="540" duration="1000"/> </mx:Parallel> </mx:Transition> <mx:Transition id="myTransition10" fromState="*" toState="rotateIndex"> <!--效果组合,对象为myVBox10--> <mx:Parallel target="{myVBox10}"> <mx:Rotate id="myRotate" angleFrom="0" angleTo="180" originX="200" originY="150"/> </mx:Parallel> </mx:Transition> <mx:Transition id="myTransition11" fromState="*" toState="soundIndex"> <!--效果组合,对象为myVBox11--> <mx:Parallel target="{myVBox11}"> <mx:SoundEffect id="mySoundEffect" autoLoad="true" bufferTime="200000" loops="3" startTime="0" useDuration="true" volumeFrom="0.5" volumeTo="2.0" source="sound\changhai.mp3"/> </mx:Parallel> </mx:Transition> <mx:Transition id="myTransition12" fromState="*" toState="zoomIndex"> <!--效果组合,对象为myVBox12--> <mx:Parallel target="{myVBox12}"> <mx:Zoom id="myZoom" zoomHeightFrom="1.0" zoomWidthFrom="1.0" zoomHeightTo="2.0" zoomWidthTo="2.0"/> </mx:Parallel> </mx:Transition> </mx:transitions> <mx:Panel width="400" height="300" layout="absolute" id="panel1" title="用户登陆" fontSize="14" horizontalCenter="0" verticalCenter="2" borderColor="#06B6F7"> <mx:Button label="登陆" horizontalCenter="-87" verticalCenter="76" id="btnLogin" click="loginHandle()"/> <mx:Button label="重置" horizontalCenter="80" verticalCenter="76" id="btnReset" click="resetHandle()"/> <mx:Label text="用户名:" horizontalCenter="-91" verticalCenter="-52" id="label1"/> <mx:Label text="密 码:" horizontalCenter="-90" verticalCenter="-19" id="label2"/> <mx:TextInput horizontalCenter="28" verticalCenter="-52" id="txtUsername"/> <mx:TextInput horizontalCenter="28" verticalCenter="-19" id="txtPassword" displayAsPassword="true"/> <mx:Label x="69" y="132" text="检验码:" id="labelCheck"/> <mx:TextInput x="138" y="130" id="txtCheck" width="69"/> <mx:Label id="codeLabel" horizontalCenter="53" verticalCenter="16" fontSize="16" fontWeight="bold" color="#F71106"/> <mx:LinkButton x="275" y="134" label="看不清楚?" id="againCode" click="initApp()" fontSize="10"/> </mx:Panel> <mx:Script> <![CDATA[ import flash.filters.DropShadowFilter; import mx.graphics.RoundedRectangle; import flash.external.ExternalInterface; import flash.filesystem.*;//引用filrsystem包 import flash.net.FileFilter;//应用FileFilter类 import mx.collections.ArrayCollection; import mx.controls.Alert; //引用Alert类 import mx.events.MenuEvent;//MenuEvent类 [Embed(source="flash/bg.swf")]//背景图形绑定到bgswf private var bgSWF:Class; //简单编辑器,读取文件,选择文件,写文件的实现 private var fileAll:FileFilter=new FileFilter("*.*","*.*"); //文件过滤,允许打开All private var txtFilter:FileFilter=new FileFilter("*.txt","*.txt"); //文件过滤,只允许打开txt private var jpgFilter:FileFilter=new FileFilter("*.jpg","*.jpg");//文件过滤,只允许打开jpg private var gifFilter:FileFilter=new FileFilter("*.gif","*.gif");//文件过滤,只允许打开gif private var bmpFilter:FileFilter=new FileFilter("*.bmp","*.bmp");//文件过滤,只允许打开bmp private var pngFilter:FileFilter=new FileFilter("*.png","*.png");//文件过滤,只允许打开png private var docFilter:FileFilter=new FileFilter("*.doc","*.doc");//文件过滤,只允许打开doc private var dlgFile:File=new File(); //定义一个File类实例 //选择文件后读取文件数据的方法 private function selectHandle(e:Event):void { var file:File=e.target as File; //获得文件 txtFilePath.text=file.nativePath; //显示文件路径 //定义FileStream类实例,用以处理文件流 var stream:FileStream=new FileStream(); stream.open(file, FileMode.READ); //以读的方式打开文件 //读取文件中的内容 txtContent.text=stream.readUTFBytes(stream.bytesAvailable); stream.close(); //关闭文件流 } //修改文件内容并写入到指定文件中的方法 private function modifyText():void { var fileWrite:File=new File(txtFilePath.text); //获取文件 var streamWrite:FileStream= new FileStream(); //定义FileStream类实例,用以处理文件流 streamWrite.open(fileWrite, FileMode.WRITE);//以写的方式打开文件 streamWrite.writeUTFBytes(txtContent.text);//写入到文件流中 Alert.show("修改成功"); //提示修改成功 streamWrite.close();//关闭写文件流 } //ActionScript调用JavaScript函数返回字符串 private function invokeJavaScript():void { lblResult.text="调用成功!"+txtName.text; } //初始化组件列表 private function initListApp():void { list1.dataProvider=['苹果','橘子','菠萝','香蕉','番茄','芒果','龙眼'];//初始化左列表的项 list2.dataProvider=['宝马','奔驰','奥迪','大众'];//初始化右列表的项 } //简单浏览器,集成网页 private function gotoURL():void { html.location="http://"+txtURL.text;//改变html组件的链接地址 } private var fb:File=new File("e:/"); private var bk:File=fb.parent; //定义柱状图数据集,,内容为每月收支情况 [Bindable]//对绑定数组是必须的关键字 private var finance:ArrayCollection=new ArrayCollection([ {Month:"一", In:2000, Out:1500}, {Month:"二", In:1000, Out:200}, {Month:"三", In:1500, Out:200}, {Month:"四", In:3500, Out:1000}, {Month:"五", In:500, Out:800}, {Month:"六", In:4500, Out:600}, {Month:"七", In:2000, Out:500}, {Month:"八", In:1570, Out:300}, {Month:"九", In:1200, Out:400}, {Month:"十", In:1500, Out:450}, {Month:"十一", In:1700, Out:2500}, {Month:"十二", In:1900, Out:1500}, ]); //定义饼状图数据集,,内容为每月收支情况 [Bindable]//对绑定数组是必须的关键字 private var itProgrammer:ArrayCollection=new ArrayCollection([ {itlang:"Java",cout:46.7}, {itlang:"C",count:22.4}, {itlang:"C++",count:14.9}, {itlang:"PHP",count:8.2}, {itlang:"C#",count:3.6}, {itlang:"Python",count:2.5}, {itlang:"Ruby",count:1.7} ]); private function displayCount(data:Object, field:String, index:Number, precentValue:Number):String { var temp:String=(""+precentValue).substr(0,2); return data.itlang+":"+data.count+temp+"%"; } private function loginHandle():void //登陆事件方法 { if(txtUsername.text==""|| txtPassword.text=="") { if(txtUsername.text==""&& txtPassword.text!="") { Alert.show("用户名不能为空"); } if(txtPassword.text==""&& txtUsername.text!="") { Alert.show("密码不能为空"); } if(txtPassword.text==""&& txtUsername.text=="") { Alert.show("用户名和密码不能为空"); } } else { if(txtUsername.text==loginXML.item.@name && txtPassword.text==loginXML.item.@pass && txtCheck.text.toLowerCase()==codeLabel.text.toLowerCase()) { Alert.show("登陆成功!"); currentState="index"; } if(txtUsername.text==loginXML.item.@name && txtPassword.text==loginXML.item.@pass && txtCheck.text=="") { Alert.show("校验码不能为空!"); } if(txtUsername.text==loginXML.item.@name && txtPassword.text==loginXML.item.@pass && txtCheck.text!="" && txtCheck.text.toLowerCase() != codeLabel.text.toLowerCase()) { Alert.show("您输的校验码有误!"); //重新生成检验码 initApp(); } if(txtUsername.text!=loginXML.item.@name || txtPassword.text!=loginXML.item.@pass ) { Alert.show("用户名或密码错误!"); } } } private function resetHandle():void //重置事件方法 { txtUsername.text=""; txtPassword.text=""; txtCheck.text=""; } private function initApp():void //登陆检验码初始化函数 { //显示检验码 codeLabel.text=generateCheckCode(); } private function generateCheckCode():String //生成四位检验码函数 { //初始化 var ran:Number; var number:Number; var code:String; var checkCode:String=""; //生成四位随机数 for(var i:int=0; i<4; i++) { ran=Math.random();//生成random()数字类似为0.1234 number=Math.round(ran*10000);//round()方法四舍五入 if(number%2 ==0)//如果是偶数生成一个数字 { //"0"的ASCII码是48 code=String.fromCharCode(48+(number%10)); } else //生成一个字母 { //"A"的ASCII码是65 code=String.fromCharCode(65+(number%26)); } checkCode+= code; } return checkCode; } private function menuClickHandle(e:MenuEvent):void {//MenuEvent类型的"label"属性可读取菜单项的内容 if(e.label=="WipeDown") currentState="index1"; //单击"new"时切换到"index1" else if(e.label=="WipeUp") currentState="index2"; else if(e.label=="WipeLeft") currentState="index3"; else if(e.label=="WipeRight") currentState="index4"; else if(e.label=="Blur") currentState="index5"; else if(e.label=="imageBlur") currentState="blurIndex"; else if(e.label=="Dissolve") currentState="dissolveIndex"; else if(e.label=="Fade") currentState="fadeIndex"; else if(e.label=="imageResize") currentState="resizeIndex"; else if(e.label=="imageRotate") currentState="rotateIndex"; else if(e.label=="soundEffect") currentState="soundIndex"; else if(e.label=="ColumnChart") currentState="columnIndex"; else if(e.label=="PieChart") currentState="piechartIndex"; else if(e.label=="zoomImage") currentState="zoomIndex"; else if(e.label=="filterEg") currentState="filterIndex"; else if(e.label=="SWF") currentState="swfIndex"; else if(e.label=="fileBrowser") currentState="fileIndex"; else if(e.label=="internetExplorer") currentState="IEindex"; else if(e.label=="txtEditor") currentState="txtEditorIndex"; else if(e.label=="AStoJS") currentState="AStoJSIndex"; else if(e.label=="dragList") currentState="dragIndex"; } ]]> </mx:Script> <mx:XML id="loginXML" xmlns=""> <items> <item name="admin" pass="123456"/> </items> </mx:XML> <mx:XMLList id="myXMLList" xmlns=""> <menuitem id="Effect"> <menuitem id="WipeDown" type="radio" groupName="one"/> <menuitem id="WipeUp" type="radio" groupName="one"/> <menuitem id="WipeLeft" type="radio" groupName="one"/> <menuitem id="WipeRight" type="radio" groupName="one"/> <menuitem id="Blur" type="radio" groupName="one"/> <menuitem id="imageBlur" type="radio" groupName="one"/> <menuitem id="Dissolve" type="radio" groupName="one"/> <menuitem id="Fade" type="radio" groupName="one"/> <menuitem id="imageResize" type="radio" groupName="one"/> <menuitem id="imageRotate" type="radio" groupName="one"/> <menuitem id="soundEffect" type="radio" groupName="one"/> </menuitem> <menuitem id="Charts_Others"> <menuitem id="ColumnChart" type="radio" groupName="two"/> <menuitem id="PieChart" type="radio" groupName="two"/> <menuitem id="zoomImage" type="radio" groupName="two"/> <menuitem id="SWF" type="radio" groupName="two"/> <menuitem id="filterEg" type="radio" groupName="two"/> </menuitem> <menuitem id="Tools"> <menuitem id="fileBrowser" type="radio" groupName="three"/> <menuitem id="internetExplorer" type="radio" groupName="three"/> <menuitem id="txtEditor" type="radio" groupName="three"/> <menuitem id="AStoJS" type="radio" groupName="three"/> <menuitem id="dragList" type="radio" groupName="three"/> </menuitem> <menuitem id="Windows"> <menuitem id="Componets" type="radio" groupName="four"/> <menuitem id="Project" type="radio" groupName="four"/> <menuitem id="Navigator" type="radio" groupName="four"/> <menuitem id="Problems" type="radio" groupName="four"/> <menuitem id="Debug" type="radio" groupName="four"/> <menuitem id="State" type="radio" groupName="four"/> </menuitem> </mx:XMLList> </mx:WindowedApplication>
FLV播放器的源代码:(Cairngorm框架的应用这里限于篇幅就不贴上来了,也请下载附件) <?xml version="1.0" encoding="utf-8"?> <mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:view="com.xi.flvPlayer.view.*" xmlns:control="com.xi.flvPlayer.control.*" layout="absolute" width="624" height="458" showFlexChrome="false" creationComplete="initApp();"> <mx:Script> <![CDATA[ import mx.events.SliderEvent; import mx.controls.sliderClasses.Slider; import com.xi.flvPlayer.event.*; import mx.events.MenuEvent; import flash.filesystem.File; import com.xi.flvPlayer.model.FlvModel; import com.xi.flvPlayer.commands.*; import com.xi.flvPlayer.control.*; import com.xi.flvPlayer.utils.*; import com.xi.flvPlayer.view.FlvPlayerViewHelper; import com.adobe.cairngorm.control.CairngormEventDispatcher; import mx.core.Application; private var displayTypes:FileFilter=new FileFilter("播放格式(*.flv)","*.flv");//定义FileFilter实例 private var allTypes:FileFilter=new FileFilter("全部(*.*)","*.*");//定义FileFilter类的实例 //定义数组fileFilter,表示支持的文件格式 private var fileFilter:Array=new Array(displayTypes,allTypes); //定义File的实例,用以存储打开的文件 private var choosedFile:File=new File(); //应用程序初始化处理函数 private function initApp():void {//添加键盘快捷键的监听 WindowedApplication(mx.core.Application.application).addEventListener (KeyboardEvent.KEY_DOWN,KeyboardClickHandle); var timer:Timer=new Timer(100,0);//添加定时器,设置时间为100ms timer.addEventListener(TimerEvent.TIMER,checkFocusHandle);//为定时器的TIMER状态添加监听 timer.start();//定时器开始工作 } public function checkFocusHandle(e:TimerEvent):void//定时设置焦点 { WindowedApplication(mx.core.Application.application).setFocus();//设置焦点 } public function KeyboardClickHandle(e:KeyboardEvent):void//快捷键处理函数 { switch(e.keyCode) { case 32: //空格按下,则暂停或播放 toggle(); break; case 83: //按下"S"时停止播放 stopPlay(); break; case 113: //按下"s"时停止播放 stopPlay(); break; } } //菜单项单击处理函数 private function menuClickHandle(e:MenuEvent):void { if(e.item.@label=="Open") { choosedFile.browse(fileFilter);//打开选择对话框 choosedFile.addEventListener(Event.SELECT,selectHandle);//添加选择文件后的监听 } else if(e.item.@label=="Exit")//退出事件 { WindowedApplication(mx.core.Application.application).close();//退出应用程序 } } //选择文件后的处理函数 private function selectHandle(e:Event):void { FlvModel.videoSource="file:///"+choosedFile.nativePath;//获取视频路径 var evt:OpenVideoEvent=new OpenVideoEvent();//广播打开视频事件 CairngormEv 声明:ITeye文章版权属于作者,受法律保护。没有作者书面许可不得转载。
推荐链接
|
|
返回顶楼 | |
浏览 3903 次