AsWing教程_mfk.doc

AsWing 教程-2.1 小试身手，hello 日程 按照惯例，第一节快速编写并运行一个程序。 笔者这里就不Hello World了，都被无数人叫腻了，这里对我们后面将要讲解的例子打个招呼。Hello 日程，对，在这一章，我们会通过一个日程管理程序的编写来讲解界面构建。 为什么要用日程管理程序来做例子呢，听起来好像很没趣的一个程序，但是我想了很久都没想到更好的例子。讲应用程序界面，总不能用一个3D游戏引擎来做例子吧，再说我也不懂3D引擎，由于日程管理程序大部分工作量在于构建界面，所以以此为例子可以更集中于主题。并且，日程管理程序对大多数人的日常生活也许会有那么点用处，我会尽量把这个例子程序设计得有趣一些，并且易用一些。 切入正题吧，用FlexBuilder新建ActionScript项目，项目名为HelloScheme，注意在Library Path中不要忘记了添加AsWing项目或者AsWing.swc。 编写主类代码如下： HelloScheme.as package { import flash.display.Sprite; import org.aswing.AsWingManager; import org.aswing.JFrame; import org.aswing.JLabel; public class HelloScheme extends Sprite{ public function HelloScheme(){ //初始化AsWing AsWingManager.initAsStandard(this); //创建一个JFrame（窗体） var frame:JFrame = new JFrame(this, Hello 日程); //创建一个JLabel（标签） var label:JLabel = new JLabel(Hello 日程); //把标签加入到窗体中 frame.getContentPane().append(label); //设置窗体大小为300*200 frame.setSizeWH(300, 200); //显示窗体 frame.show(); } } } 程序中各行的意义已经通过注释讲明，这里就不多说了，具体的细节留到后面章节再逐一讲解。编译运行此程序后会得到如下画面（图1）。 （图1） 一个完整的AsWing程序就完成了，虽然几乎没有任何功能，但是还是比普通的语言介绍的Hello World复杂了一些，足足有20来行代码。其中涉及到窗体的创建，标签的创建，向容器添加子组件，设置窗体大小等内容。可以看到，一个AsWing程序，和普通ActionScript3程序没有什么两样，就是import几个AsWing的类并使用他们而已，完全是纯代码的事情。这里你不用急着理解其中每一行代码的含义，后面章节我们会慢慢讲解相关内容。 AsWing 教程-2.2 创建主界面 (主界面的规划) 在开始编码之前，免不了要先计划一下。何为日程管理软件？我们首先要确定的是：它需要提供哪些功能，大体的界面布局如何？ 对于功能设计，不是本章的要点，这里我们就不加详述，直接列出经过仔细考虑后的功能点： 1. 每个日程，需包含日程名称，日程说明，开始日期和时间，预计进行时间长度，重要程度，日程状态（计划，进行中，取消，已完成，已耽误）。 2. 可以添加，删除，编辑日程 3. 可以对日程依据各种属性进行排序 4. 对于紧急或重要的日程进行区分（颜色区分）。 可以看到，功能并不复杂，也就是一个简单的小程序，它的重要工作量不在逻辑而在UI，所以接下来我们需要认真策划一下UI的设计。按照大多应用程序的操作习惯，我们可以把所有的控制和编辑功能菜单安排在顶端，再增加一个工具栏，提供一些常用的工具按钮比如添加，删除，编辑等按钮，中间部分放置日程列表，如果需要，最下端还可以放一个状态栏，目前我们还不能肯定需不需要状态栏，我们可以先预留出位置，方便以后添加。如此设定，我们可以大致得出一个UI结构图如下。 （图2） 可