"Hello World" uygulama kodunu yazmak için, düzenleyicide açık olan uygulama MXML dosyasını (AIRHelloWorld.mxml) düzenlersiniz. (Dosya açık değilse, dosyayı açmak için Proje Gezgini'ni kullanın.)
Masaüstündeki Flex AIR uygulamaları MXML WindowedApplication etiketine dahildir. MXML WindowedApplication etiketi başlık çubuğu ve kapat düğmesi gibi temel pencere kontrollerini içeren basit bir pencere oluşturur.
-
WindowedApplication bileşenine bir
başlık
niteliği ekleyin ve onu
"Hello World"
değerine atayın:
<?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>
-
Uygulamaya bir Etiket bileşeni ekleyin (onu WindowedApplication etiketinin içine yerleştirin). Etiket bileşeninin
text
özelliğini
"Hello AIR"
değerine ayarlayın ve mizanpaj sınırlamalarını ortaya hizalı tutmak için burada gösterildiği gibi ayarlayın:
<?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>
-
Onu izleyen stil bloğunu WindowedApplication etiketini açtıktan hemen sonra ve yeni girdiğiniz etiket bileşen etiketinden önce ekleyin.
<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>
Bu stil ayarları uygulamanın tamamına uygulanır ve pencere arka planını çok az saydam gri olacak şekilde oluşturur.
Uygulama kodu artık aşağıdaki gibi görünür:
<?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>
Daha sonra, uygulamanın saydam olmasına izin vermek için uygulama tanımlayıcısında bazı ayarları değiştireceksiniz:
-
Flex Gezgini bölmesinde, uygulama tanımlayıcısı dosyasını projenin kaynak dizininde bulun. Projenizi AIRHelloWorld olarak adlandırdıysanız, bu dosyanın adı AIRHelloWorld-app.xml olur.
-
Uygulama açıklayıcısı dosyasını Flash Builder'da düzenlemek için çift tıklatın.
-
XML kodunda, (
initialWindow
özelliğinin)
systemChrome
ve
transparent
özelliklerine ilişkin yorumlanan satırları bulun. Yorumları kaldırın. (
"<! --"
ve
"-->"
yorum ayırıcıları.)
-
systemChrome
özelliğinin metin değerini aşağıdaki gibi
none
olarak ayarlayın:
<systemChrome>none</systemChrome>
-
transparent
özelliğinin metin değerini aşağıdaki gibi
true
olarak ayarlayın:
<transparent>true</transparent>
-
Dosyayı kaydedin.
tıklatın.
