编写程序代码
要编写这个"Hello World"程序代码,需要编辑此程序的MXML文件(AIRHelloWorld.mxml),在Project Navigator视图中找到它并打开。
所有的Flex AIR程序都包含在MXML WindowedApplication标签内,它创建了一个简单的窗口,只包含标题栏和关闭按钮。
添加代码
1. 在WindowedApplication组件中添加一个title属性,赋值为"Hello World":
<?
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>