"Hello World" 응용 프로그램 코드를 작성하려면 응용 프로그램 MXML 파일(AIRHelloWorld.mxml)을 편집기에서 열어 편집해야 합니다. 파일이 열려 있지 않으면 Project Navigator를 사용하여 여십시오.
데스크톱의 Flex AIR 응용 프로그램은 MXML WindowedApplication 태그 내에 포함됩니다. MXML WindowedApplication 태그는 제목 표시줄, 닫기 버튼 같은 기본 윈도우 컨트롤이 포함된 간단한 윈도우를 만듭니다.
-
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>
-
응용 프로그램에 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>
-
여는 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>
다음으로, 응용 프로그램 설명자에서 응용 프로그램을 투명하게 만드는 몇 가지 설정을 변경합니다.
-
Flex Navigator 윈도우에서 프로젝트의 소스 디렉토리에 있는 응용 프로그램 설명자 파일을 찾습니다. 프로젝트 이름을 AIRHelloWorld로 지정했으므로 이 파일의 이름은 AIRHelloWorld-app.xml입니다.
-
응용 프로그램 설명자 파일을 두 번 클릭하여 Flash Builder에서 편집합니다.
-
XML 코드에서
systemChrome
및
transparent
속성에 대한 주석 줄을 찾습니다. 이 줄은
initialWindow
속성 안에 있습니다. 주석을 제거합니다. 즉,
"<!--"
및
"-->"
주석 구분 기호를 제거하십시오.
-
다음과 같이
systemChrome
속성의 텍스트 값을
none
으로 설정합니다.
<systemChrome>none</systemChrome>
-
다음과 같이
transparent
속성의 텍스트 값을
true
로 설정합니다.
<transparent>true</transparent>
-
파일을 저장합니다.
을 클릭합니다.
