编写Flex 阅读器（二） --------------总结性学习

本文主要是介绍编写Flex 阅读器（二） --------------总结性学习，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

2019独角兽企业重金招聘Python工程师标准>>>

首先很感谢两位朋友@cyper和@giantchen2011 两位朋友对博文的支持。你们的回复是我的动力。我刚刚开始写博客，内容文字生涩。请大家见谅。也请指正不足之处。

起几天看了书后发现，Flex和ActionScript很想Java等语言。而开发环境很想Visual Stadio。所以个人觉得学起来还比较简单。可能也是因为我还没有学习到深处吧。但是就现在而言兴趣非常浓。看到了第六章后，我开始总结之前的实验和内容。进行自己构建了一个小东西做。因为是刚毕业的学生，也因为是自己学习，做实验，就想写一个学生管理的那东西。比较了解业务，也能怀念下刚离开的学生青涩时代。

其实内容大部分在昨天就写了，因为这两天节日，我要陪我第一次来成都的妈妈闲逛，所以也没能全心全意的投入到博客的写作和Flex的学习和实验中。所以今天尽快将昨天的程序编写部分思路等内容补上，再继续进行学习。

我参照着书上的结构，StudentBoard和StudentEntry两个mxml文件。工作主要在StudentBoard上完成。结构图如下：

QQ截图20121003232540

在model中，我放入了Student的类信息，在source文件夹下有一个introduction.txt的外部资源，存放说明。valueObjects存放Student.as。

<Student> <name>Pily</name> <gender>Male</gender> <attentTest>0</attentTest> <age>24</age> <NO>08335634</NO> 
</Student>

这个是Student.xml 文件内的内容。通过这个xml文件，对Student进行了定义。

我在introduction.txt文件内存放了一些测试字符串。

    Test Introduction
Test Introduction.        Test Introduction.
Test Introduction.        Test Introduction.
Test Introduction.        Test Introduction.
Test Introduction.        Test Introduction.
Test Introduction.        Test Introduction.

没有什么特别的东西。就是为了在mx:TextArea内显示公告的信息。

在studentBoard.mxml内

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" creationComplete="complete_handler(stu_model)"> <mx:Model id="stu_model" source="model/Student.xml" /> <mx:ApplicationControlBar dock="true"> <mx:LinkButton label="Introduction" click="this.currentState=''"/> <mx:LinkButton label="Add Student" click="to_add_student()"/> <mx:LinkButton label="Student List" click="this.currentState='student_list'"/> </mx:ApplicationControlBar> <mx:Script> <![CDATA[ import valueObjects.*; private var student:Student; private function complete_handler(stu:Object):void { student = Student.buildStudent(stu); } ]]> </mx:Script> <mx:states> <mx:State name="add_student"> <mx:SetProperty target="{introduction_panel}" value="0" name="width"/> <mx:SetProperty target="{introduction_panel}" value="0" name="height"/> <mx:AddChild> <mx:Panel width="100%" height="90%"> <mx:Form> <mx:FormHeading label="Add Student" name="form_heading"/> <mx:FormItem> <mx:TextInput id="studentName" text="{student.name}"/> </mx:FormItem> <mx:FormItem> <mx:TextInput id="gender" text="{student.gender}" />                            </mx:FormItem> <mx:FormItem> <mx:TextInput id="age" text="{student.age}" />                            </mx:FormItem> <mx:FormItem> <mx:TextInput id="NO" text="{student.NO}"/> </mx:FormItem> <mx:FormItem> <mx:ComboBox dataProvider="{student.gender}"> </mx:ComboBox>                            </mx:FormItem> </mx:Form> <mx:ControlBar> </mx:ControlBar> </mx:Panel> </mx:AddChild> </mx:State> <mx:State name="student_list"> <mx:SetProperty target="{introduction_panel}" value="0" name="width"/> <mx:SetProperty target="{introduction_panel}" value="0" name="height"/> <mx:AddChild> <mx:Panel width="100%" height="90%"> <mx:ControlBar> </mx:ControlBar> </mx:Panel> </mx:AddChild> </mx:State> </mx:states> <mx:Label text="Created By Pily Kevin Hao"  bottom="20" right="20"/> <mx:Script> <![CDATA[ import mx.effects.effectClasses.PauseInstance; import flash.utils.clearInterval; import mx.utils.ObjectUtil; import flash.utils.setInterval; import mx.effects.Pause; import mx.controls.Alert; import flash.display.Loader;private var timer:Timer = null; private function init_show_count_time():void { if(timer == null) { timer = new Timer(1000,11); timer.addEventListener(TimerEvent.TIMER,show_count_time); timer.start(); } } private  function btn_ok_click():void{ if(timer != null) { timer.stop(); timer = null; btn_ok.label = 'OK'; btn_refuse.setVisible(false); } Alert.show("OK! You are right!"); } private function show_count_time(e:TimerEvent):void{ var times:uint = 10 - timer.currentCount; if(times > 0) { btn_ok.label = "OK["+times+"s]"        }else{ timer.stop(); Alert.show("Time has been out of 10s.The web will be closed!"); timer = null; } }    private function refuse_show(event:Event):void{ trace(event); if(timer != null) { timer.stop(); timer = null; btn_ok.setVisible(false); } btn_ok.label = 'OK'; Alert.show("You have refused the Items,So, we will close the web","Tips"); } private function init_introduction():void { var request:URLRequest = new URLRequest("source/introduction.txt"); request.method = URLRequestMethod.POST; var loader:URLLoader = new URLLoader(); loader.load(request); loader.addEventListener(Event.COMPLETE,load_completed); } private function load_completed(e:Event):void { var loader2:URLLoader = URLLoader(e.target); introduction_text.text = loader2.data; } private function to_add_student():void { this.currentState='add_student'; if(timer) { timer.stop(); timer=null; btn_ok.label="OK"; } } ]]> </mx:Script> <mx:Panel width="100%" height="93%" id="introduction_panel"> <mx:TextArea editable="false" id="introduction_text" width="100%" height="100%" initialize="init_introduction()" textAlign="center" > </mx:TextArea> <mx:ControlBar> <mx:Button label="OK[10s]" id="btn_ok" initialize="init_show_count_time()" click="btn_ok_click()"  /> <mx:Button label="Refuse" id="btn_refuse" click="refuse_show(event)" /> </mx:ControlBar> </mx:Panel> 
</mx:Application>

可能结构比较乱。主要实现功能。结构代码还将继续优化。

运行图片为

QQ截图20121003235227

QQ截图20121003235242

QQ截图20121003235315

总结：

通过这个程序，在网上参照了很多东西

1）Adobe Flash Platform * 加载外部数据

2）Actionscript的Timer计时器小例子 - - ITeye技术网站

3）ActionScript 命令setInterval_潇湘残荷雨_百度空间

谢谢。而且我发现了一个很好的地方，学习Flex的地方，那就是官网的Documents。http://help.adobe.com/zh_CN/as3/dev/index.html。

知识点：

    1）加载外部文件，

    2）倒计时编写

   3）数据绑定

    4）mx:\State编写

具体详情，我将在下一篇博文中介绍。现在我还是先学习会儿。