标签为 FLEX 的存档

Flex中嵌入字体

使用以下的形式就可以将你本地电脑上的字体嵌入到Flex中注意:在嵌入字体的同时会相应的增大Flex文件的大小 @font-face {    src: local("Arial");    fontFamily: ArialEmbedded;    fontWeight: normal;} @font-face {    src: local("Arial");    fontFamily: ArialEmbedded;    fontWeight: bold;} Application {    font-family: ArialEmbedded;}

  • No Comments , 190 次阅读 Hits
  • 标签:FLEX, 字体
  • Flex学习笔记六

    1、parentApplication   组件的parentApplication属性包含此组件的Application对象,Application对象本身的parentApplication为null。当Flex程序生成的SWF文件被其他的Flex程序加载时,被加载的Flex程序中组件的parentApplication属性保持不变,这种情况下,parentApplication属性有可能代表主程序   组建还有两个相关属性:parent属性,指包含组件的父级对象;parentDocument属性,指组件所在的Application程序或用户组中位于层级顶部的对象。parentDocument和parent属性很容易混淆,它们有时会指向同一对象。比如在自定义一个继承Canvas的组件,叫cartCell,其中放入一个id为cart_check的CheckBox,那么这个cart_check的parent属性和parentDocument属性总代表cartCall组件本身。如果在cartCell中再创建一个名为check_holder的Canvas,将cart_check放在check_holder里面,这样cartCell中就形成了两级容器。此时cart_check的parent指向check_holder,而parentDocument仍然指向cartCell组件不变。2、关于dispatchEvent   他是Flex事件机制中的一个核心方法,用来派发事件:   this.parentApplication.dispatchevent(new cartEvent(data,cart_check.selected));   这句代码的作用是,this.parentApplication对象(也就是Application本身),将新创建的cartEvent对象派发出去。新建的cartEvent对象还包含了两个属性,存放的必要的信息。当有对象侦听这个事件时,就可以获得这些信息3、熟练super()的使用环境 BTW:这时候的网速真快啊……

  • No Comments , 97 次阅读 Hits
  • 标签:ActionScript3, FLEX, 学习笔记
  • Flex学习笔记五&关于FDT的和Eclipse的一点牢骚

    1、ComboBox,重点理解DropdownEvent事件。在列表被弹出或收回时,会分别派发DropdownEvent对象的OPEN事件和CLOSE事件。对这两个时间进行监听,便可捕捉用户的动作。2、注意,与之外的都是一个整体,而不是分开的3、发现还有很多人不明白这个void为什么要加。这里说明一下:是为了方便不带参的function除错(debug)。例如:   function testVoid():void{     trace("testVoid")     }  然后我testVoid(1),运行这时候程序就会出错。  函数参数为void的意思是这个函数不接受任何参数。所以,养成好习惯,只要不传参的function等,都加上void声明吧4、Alert的show是一个静态方法,格式如下:   show(text,title,flags,parent,closeHandle,iconClass,defaultButtonFlag)5、关于evt:CloseEvent,CloseEvent之后的值是在evt.detail6、关于itemRender,实在不明白概念的,就理解为“界面/组件绑定”吧……是,这样对真正的意思有些偏移,不过若实在对itemRender的概念混淆,也只能暂时在全部顿悟之前,先这样理解吧。这里也说说真正的意思:  用来控制数据表现形式的机制我们称之为“itemRender”。用户可以定义自己的itemRenderer对象,来覆盖某些有itemRenderer对象的组件的默认属性。自定义的itemRenderer相当于一个简单的自定义组件。同样,里面可以放置其他控件来表现更加丰富的内容。  顺便一说,这个东西相当使用,可以用来实现很多有趣的功能。  [2008.1.14附加]  可以作为用来作为与itemRender的组件又一个共同的特点,那就是拥有一个名为“data”的属性。  当组件被用作itemRenderer时,就拥有了data属性。data代表的是当前元素的数据信息,一般是Object类型,包括若干属性,data的数据格式和数据源的数据格式是一一对应的。     itemRenderer的data是由控件主动传入的,直接使用就可以了。    比如datagrid的数据源是books,其中每一条数据类型是book,那么itemRenderer的data也是book类型。7、关于function的函数中带事件   如internal function selectHandler(evt:CloseEvbent):void{}。意思是说将事件evt:CloseEvbent的结果带入到函数中,从而供这个function进行使用。这个和我们一直理解的function一样,只是带入的东西不同罢了   然后,这里是作者Email的解释(以bookList.addEventListener(DropdownEvent.CLOSE,chooseHandler)为例):    bookList.addEventListener(DropdownEvent.CLOSE,chooseHandler);    这句代码的意思是添加一个事件监听器,chooseHandler是函数名。    在使用 addEventListener方式添加事件监听函数时,该函数在定义时必须定义参数类型,也就是监听的事件类型。这样,当目标发送该事件时,会把事件作为参数传递过来,如果函数没有定义参数,也就无法接受事件传递的信息。 作者EMAIL2:    在使用 addEventListener方式添加 事件监听函数时,该函数在定义时必须定义参数类型,也就是监听的事件类型。这样,当目标发送该事件时,会把事件作为参数传递过来,如果函数没有定义参数,也就无法接受事件传递的信息。     比如:     btn.addEventListener(MouseEvent.CLICK,doClick);     那么,doClick函数在定义时,就必须是:doClick(event:MouseEvent),这个参数的名字可以随便定义,但类型必须是 MouseEvent或者MouseEvent类的父类。     事件类型的工作机制是这样的:     1、注册事件监听器,把监听对象和监听函数记录下来,也就是把btn和doClick记录下来。    2、当事件发生时,程序开始检查是否有对象进行了监听,如果有,这些监听函数就会被调用,调用的形式就像:obj.doClick(event),其中obj表示添加了监听器的对象btn,也就是执行了 addEventListener的对象,参数event表示事件对象。因此,doClick函数必须定义准确的参数,参数类型必须是event的类型或其父类类型,否则,变量类型不对,将引发运行错误。    如果一下子还是无法理解过来,那么就记住这点:addEventListener的是什么事件,那么在这个事件触发的自定义函数中,就要定义这个addEventListener监听的事件的事件类型。    例子:    exp1:    bookList.addEventListener(DropdownEvent.CLOSE,chooseHandler);    internal function chooseHandler(evt:DropdownEvent):void{}        exp2:    btn.addEventListener(MouseEvent.CLICK,doClick);    internal function chooseHandler(evt:MouseEvent):void{}    然后就可以通过evt来调用监听事件的参数和值了。如    internal function closeHandler(evt:CloseEvent):void{    if(evt.detail==Alert.YES){     viewLabel.text="选择的是:yes"     }else{     viewLabel.text="选择的是:No"    }    可能有些朋友已经注意到了为什么后面带入的evt中没有具体的事件名?而仅仅是类的成员名?是这样,我们以MouseEvent来说    导入的MouseEvent对象包含了所有的鼠标事件,如单击、双击、鼠标按下、鼠标松开、鼠标移动等等,这些事件名被封装成MouseEvent类的成员属性。在使用时,我们直接引用类成员名,而不需知道真正的事件名。嗯,最后,记住今天所说的:数组,push吧!BWT:FDT你是个球,你是个大球,下了几百次都下不下来

  • No Comments , 209 次阅读 Hits
  • 标签:AS3, FLEX, 学习笔记
  • Flex学习笔记四

    1、有人问到,在验证控件的时候,字体默认是9号的,英文还好,中文的话就模糊到一起去了。解决办法如下:   .errorTip{    font-size:12;   }2、addEventListener,很重要,任何可视化组件都有这个监听方法,addEventListerner有五个参数:addEventListener(type:String,listener:Function,useCapture:Boolean=false,priority:int = 0,useWeakReference:Boolean = false)其中前两个参数最重要,分别指事件的类型和对应的执行函数名。后面的三个参数也不容忽视,一般情况下可以省略,我们先不去考虑。具体在后面说明3、MouseEvent包含了所有鼠标事件,如单击、双击、鼠标按下、鼠标松开、鼠标移动等等。他们都被封装成MouseEvent类的成员属性。使用时,直接引用类成员名,而不需要知道真正的事件名。exp:btn.adEventListener(MouseEvent.CLICK,doClick)4、从块中与mxml的其他组件互动,有些初学者还是有些许混淆。只需要记住:   ·首先定义其他标签的id   ··在中写代码块   ···在mxml的需要互动的组件中,写明动作(什么时候)="代码块名"

  • No Comments , 31 次阅读 Hits
  • 标签:FLEX, 学习笔记
  • Flex学习笔记三&一点其他

    今天时间有些紧迫,事情也较多,又收了一个新学生,大部分时间在写未来几个月的教案。因此只看了一些容器、组件的特性相关的文字。曾经都是直接拖过来用的(除了一些必要动态添加的地方),今天全部自己在Code下打了一次,也有些许感悟,更加深层的理解这些东西是怎么运作的在看书的途中,和友人正好聊起容器类组件,然后说到了ViewStack,他说有些不明白有什么用。这里说一下ViewStack的理解:隐藏的Accordion,元素位置上较Accordion灵活,转换方式也不一样。初学者可以这样理解:MC的帧切换……(呃~我知道,这样说很容易挨砖,不过这样确实比较容易理解他的本意:ViewStack由若干个容器组成,每次只有一个容器是可见或活动的。ViewStack容器不为用户提供切换前容器的界面接口,我们可以通过ActionScript来控制,或者把他和其他控制类容器联合一起使用,利用他们提供的功能来实现界面的转换)不过……既然继承自ViewStack的TabNavigator与ViewStack的功能一样,并且前者比后者还多了一个供用户切换内容的界面接口,那么ViewStack用来干嘛……自定义菜单吗……同样的,说一下从文中理解的Tile和Grid。其实是我的一个疑问。如果真按照书上所说,若要精确控制每一行对象的个数还要计算组件的宽度和子级元素的宽度,而Tile的功能和一个1*1的Grid是一样的(呃~我是这样理解,若有勘误,还望指正)。那么Tile不是相当于没用?碰到任何需要的情况直接用Grid就行了嘛!难道Tile和Grid比较起来仅仅就是“方便”一点?另外,关于一点其他的东西最近很多人都在问我“面向对象(OOP)”应该怎样理解,这个问题曾经在我刚刚接触OOP的时候也困惑过一段时间。今天本来打算写一篇比较简单易懂,特别是菜鸟们一看就知道什么是面向对象的概念的文章,可是在写好准备发布之际,突然想到报名我学习班的各位……这样似乎对他们有些不公平了。因此还是将文章转为内部共享了……

  • No Comments , 26 次阅读 Hits
  • 标签:FLEX, 学习笔记
  • Flex学习笔记二&《Flex第一步》错误汇总

    Flex学习笔记12:23对初学者来说,XML/XMXL可以这样理解:标签、属性与标签、属性的环环套环环XMXL中,是可以设置组件的长宽百分比的。而在AS中,只能设置为像素值,若要在AS中设置百分比,需要用到percentWidth和percentHeight两个属性13:00若一开始即要执行的是一段AS,记得在头applicationComplete进去,例如:applicationComplete="initApp()"当然。不仅仅是AS,一切要将程序最先运行的代码都要放在这个监听函数中“一切皆是对象”你可以这样理解:首先脑袋中构思一副图,然后将一块块小的拼图块分工画好,之后用addChild之类的方法将他们丢到舞台上去,并拼接在一起,成为你脑袋中构思的那幅图。这里有个例子可以帮你理解这段话intelnal function initApp():void{    //创建一个新的Panel的实例,这里,虽然创建了Panel这个对象,单仅仅是被创建了,并不会马上显示出来,直到调用了addChild,才将这个对象添加到容器中,从而对象被绘制,出现在显示层    var win:Panel = new Panel();    //设置组件的位置    win.x = 20;    win.y = 20;    //将该实例添加到程序容器中并显示    addChild(win);}13:15关于import,曾经一直有点让我很是迷惑,也问讯过不少人:到底怎么判断什么情况下import什么包?而几乎所有人给我的答案几乎都是:用什么import什么。当然,这点我一直知道,所以当时很是不明白“怎么判断我要用什么”这个问题,因此关于import的包一直都是*,导致程序臃肿的可以。今天看了44~45页的EXP,瞬间明白了这个让我迷惑已久的import判断,其实之前所有人给我的回答都是正确的,也是不可再细分的回答-用什么就import什么。呃~是的,如果你现在有和我曾经一样的疑问,我现在也只能这样回答你-用什么就import什么……当然。若要综合理解,我想35页的容器层级关系表给我了很大的帮助。可是在这个功能限制诸多的Blog上就不怎么方便画出,并上传那个表了…见谅自此,“一切皆对象”这句话的意思,更加深刻的明白了一层。如果要用一个词来概括这一层,那么就是:附加/帖附。一个变量/常量与一个类/函数/包的附加/帖附16:50在看《Flex第一步》的时候,对于一个AS3的BUTTON的问题有些不明白,回头翻看《AS3殿堂之路》的目录时,一些以前所不容易理解的东西竟然都在《AS3殿堂之路》的后半部分,实在让人激动。现在想想,这两本书实在是天作之合的极品天书配对。买的太值了另,关于ActionScript3 Cookbook,昨天在出版社网站上付款邮购了,今天确认状态,竟然告诉我这书还没印出!网页上面是预售!问什么时候能出来,答案竟是……不明……我喷血哦~~早知道在淘宝上多花十几块钱买了算了!不过……问题在这里,出版社自己的库房都没有印出来的书,那些淘宝商家怎么会拿到了?而且还是正版?16:57暂时放下《AS3殿堂之路》,待看完《FLEX第一步》后续章节继续(PS:感叹,冲动之下买的即时贴这段时间使用率大增,难道真的一切冥冥中自有天意?)18:32自定义组件中,creationComplete为程序初始化后的触发事件。通常我们将程序运行前的准备工作卸载此事件的监听中(类似于Application的applicationComplete,使用方法也一样)18:52今天到此为止,先消化一下备注:P35为FLEX容器层级关系表20:21自定义组件就包含在自身的标签中,不要重定义《Flex第一步》错误汇总 比较严重错误(一般知识性错误)第41页4.1.3节的最后一段,介绍DividedBox的属性liveDragging时,原文:“当为true时,表示在拖动分割块时,分割块附近的元素只在鼠标松开时才调整位置;如果为false,则在拖动时就会不断的调整位置。” 写反了,应该是:“当为false时,表示在拖动分割块时,分割块附近的元素只在鼠标松开时才调整位置;如果为true,则在拖动时就会不断的调整位置。”第91页代码错误,原文:     private var mXML:XMLList =    <menu>    <item label="文件">    <node label="新建画板" data="new"/>    <node label="清除画板" data="clear" enabled="false"/>    <node type="separator" />    <node label="退出系统" data="logout"/>    </item>    <item label="帮助">    <node label="帮助" data="help"/> …

  • No Comments , 51 次阅读 Hits
  • 标签:FLEX, 学习笔记
  • Flex学习笔记一

    今天《Flex第一步》到了,初略看了一下,虽然大部分都明白,不过我深知自己的基础不慎牢靠,而一些很低级的错误也就栽倒在这些初级问题上。于今天开始做个学习笔记,以做备忘今天进程:仔细研读1~3章节内容。分别为:Flex简介、Flex的安装和开发环境建立、Mxml语言简介要点&备忘&进度:1、Flex Builder Plug-in And Flex SDK为Eclipse框架插件运行,Eclipse下载地址:www.eclipse.org2、创建一个Flex Project,并按照规范代码格式和习惯写一个Helloworld。    -一个Button    -一个Label    -点击Button改变Label的text3、MXML文件结构    -mx:Application:特殊标签,每个Flex项目中,可能有多个MXML,但作为程序入口的运行文件只有一个,主文件标示是根节点为mx:Application,一个程序中只能出现一个mx:Application节点。    -命名空间(概念仍需强化)4、自定义MXML组件(P27),注意:任何元素最好使用相对路径(当然,远程引用的除外,这里指一个项目中的元素),否则会出现一些稀奇古怪的错误5、MXML中使用ActionScript    -方式一:在组件的时间属性中使用ActionScript来处理事件    -方式二:在MXML文件中插入ActionScript块6、创建外部ActionScript文件    -7、创建ActionScript类文件    -新建一个ActionScript Class    -在CDATA内直接引用,并在头中用applicationComplete将时间处理交给initApp()    EXP(Test.as):                                 internal function initApp():void{                      var myTest:Test = new Test()                 }           ]]>    8、编辑非可视化对象    -简历一个数组和一个XML对象,并将他们分别显示在一个List和一个Tree中    -注意:XML标签的label属性的缺失 PS:ActionScript3 Cookbook的简体中文版原来已经发行了……今天才知道,已经去电子工业邮购了一本,期待早点到。之前看了一点电子书(扫描版……),发现确实是经典之作,实在是一本适合放在桌面上随时翻阅的宝典。Cookbook系列盛名不负啊~

  • No Comments , 36 次阅读 Hits
  • 标签:FLEX, 学习笔记
  • flex builder 2编译时下正常的flash9.ocx的问题解决

    flex builder 2编译时下正常的flash9.ocx的问题解决前些天了解到flash9的安装占有已达近于40%了,所以想抽些…

  • No Comments , 18 次阅读 Hits
  • 标签:ActionScript, FLASH, flash9.ocx, FLEX, RIA
  • 开始学习FLEX

    虽然以前就一直在接触,不过一直都没有太大的激情和太多的时间。虽然现在我还是希望一天能有48乃至72个小时…

  • No Comments , 60 次阅读 Hits
  • 标签:AS3, FLEX, RIA, 学习