Question

如何利用Flash Builder4.0创建桌面应用程序

Answer 1

1. 对 WindowedApplication 组件添加 title 属性，并为此属性赋予值"Hello World"：

　　<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                      xmlns:s="library://ns.adobe.com/flex/spark"
                      xmlns:mx="library://ns.adobe.com/flex/mx"
                      title="Hello World">
</s:WindowedApplication>、

　　2.  对此应用程序添加 Label 组件（将其置于 WindowedApplication 标签内），将 Label 组件的 text 属性设置为"Hello AIR"，并设置布局限制以使其保持居中，如下所示：

　　<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                      xmlns:s="library://ns.adobe.com/flex/spark"
                      xmlns:mx="library://ns.adobe.com/flex/mx"
                      title="Hello World">

   <s:Label text="Hello AIR" horizontalCenter="0" verticalCenter="0"/>
</s:WindowedApplication>

　　3.  在刚输入的 Label 组件标签之前，紧跟 WindowedApplication 开始标签添加以下样式块。

　　<fx:Style>
   @namespace s "library://ns.adobe.com/flex/spark";
   s|WindowedApplication
   { skinClass:ClassReference("spark.skins.spark.SparkChromeWindowedApplicationSkin");
       background-color:#999999;
       background-alpha:"0.7";
   }          
</fx:Style>

　　这些样式设置将应用于整个应用程序，用稍稍透明的灰色呈现窗口。

　　现在，应用程序代码类似于如下内容：

　　<?xml version="1.0" encoding="utf-8"?>
<s:WindowedApplication xmlns:fx="http://ns.adobe.com/mxml/2009"
                      xmlns:s="library://ns.adobe.com/flex/spark"
                      xmlns:mx="library://ns.adobe.com/flex/mx"
                      title="Hello World">
   
   <fx:Style>
       @namespace s "library://ns.adobe.com/flex/spark";
       s|WindowedApplication
       {
       
skinClass:ClassReference("spark.skins.spark.SparkChromeWindowedApplicationSkin");
           background-color:#999999;
           background-alpha:"0.7";
       }          
   </fx:Style>

   <s:Label text="Hello AIR" horizontalCenter="0" verticalCenter="0"/>
</s:WindowedApplication>

　　接下来，要更改应用程序描述符中的一些设置，以允许应用程序变得透明：

1. 在 Flex Navigator 窗格中，在项目的源目录中找到该应用程序的描述符文件。如果项目名为 AIRHelloWorld，则该文件应该名为 AIRHelloWorld-app.xml。

2. 双击该应用程序描述符文件，以便在 Flash Builder 中进行编辑。

3. 在 XML 代码中，找到 systemChrome 和 transparent 属性（属于 initialWindow 属性）的注释行。删除注释。（删除 "<!--" 和 "-->" 注释分隔符。）

4. 将 systemChrome 属性的文本值设为 none，如下所示：

　　<systemChrome>none</systemChrome>

　　将 transparent 属性的文本值设为 true，如下所示：

　　<transparent>true</transparent>

　　保存该文件。

　　测试 AIR 应用程序若要测试编写完的应用程序代码，请在调试模式下运行它。

1. 单击主工具栏上的“调试”按钮 。也可以选择“运行”>“调试” >“AIRHelloWorld 命令”。生成的 AIR 应用程序应如下例所示：

   

2. 通过使用 Label 控件的 horizontalCenter 和 verticalCenter 属性，文本位于窗口的中心位置。移动窗口或调整窗口大小，像对任何其他桌面应用程序所做的那样。

   注： 如果此应用程序不编译，请修正输入代码时无意间造成的语法错误或拼写错误。错误和警告显示在 Flash Builder 的“问题”视图中。