编写代码
和所有的Flex程序一样,用Flex framework构建的AIR程序也包含一个主MXML文件,但是不同的是其根组件不是Application而是WindowedApplication。WindowedApplication组件提供了作为桌面程序所需要的最基本的窗口以及窗口控件,下面的步骤将创建一个Hello World程序。
1. 使用文本编辑器,创建一个名为AIRHelloWorld.mxml 文件,其内容如下:
<?
xml version="1.0" encoding="utf-8"
?>
< mx:WindowedApplication xmlns:mx ="http://www.adobe.com/2006/mxml"
layout ="absolute" title ="Hello World" >
</ mx:WindowedApplication >
< mx:WindowedApplication xmlns:mx ="http://www.adobe.com/2006/mxml"
layout ="absolute" title ="Hello World" >
</ mx:WindowedApplication >
2. 下一步,添加Label组件,设置text属性为"Hello AIR",设置对齐方式:
<?
xml version="1.0" encoding="utf-8"
?><?
xml version="1.0" encoding="utf-8"
?>
< mx:WindowedApplication xmlns:mx ="http://www.adobe.com/2006/mxml" layout ="absolute"
title ="Hello World" >
< mx:Label text ="Hello AIR" horizontalCenter ="0" verticalCenter ="0" />
</ mx:WindowedApplication >
< mx:WindowedApplication xmlns:mx ="http://www.adobe.com/2006/mxml" layout ="absolute"
title ="Hello World" >
< mx:Label text ="Hello AIR" horizontalCenter ="0" verticalCenter ="0" />
</ mx:WindowedApplication >
3. 添加样式:
<
mx:Style
>
Application
{
background-image:"";
background-color:"";
background-alpha:"0.5";
}
</ mx:Style >
Application
{
background-image:"";
background-color:"";
background-alpha:"0.5";
}
</ mx:Style >
这些样式将应用与整个程序。
这么是完整代码:
<?
xml version="1.0" encoding="utf-8"
?>
< mx:WindowedApplication xmlns:mx ="http://www.adobe.com/2006/mxml" layout ="absolute" title ="Hello World" >
< mx:Style >
Application
{
background-image:"";
background-color:"";
background-alpha:"0.5";
}
</ mx:Style >
< mx:Label text ="Hello AIR" horizontalCenter ="0" verticalCenter ="0" />
</ mx:WindowedApplication >
< mx:WindowedApplication xmlns:mx ="http://www.adobe.com/2006/mxml" layout ="absolute" title ="Hello World" >
< mx:Style >
Application
{
background-image:"";
background-color:"";
background-alpha:"0.5";
}
</ mx:Style >
< mx:Label text ="Hello AIR" horizontalCenter ="0" verticalCenter ="0" />
</ mx:WindowedApplication >