添加基本的界面元素
打开HelloWorldView.mxml,在</s:View> 前加入以下代码
<s:VGroup width="100%" height="100%" verticalAlign="middle" horizontalAlign="center">
<s:Label text="Hello, World!"/>
<s:Button label="Continue" click="navigator.pushView(MyNewView)" styleName="next"/>
</s:VGroup>
添加之后代码如图所示。在容器VGroup中,有一个label,文字是“Hello、World”,还有一个按钮,文字是“Contiune”,当按钮按下后,将出现一个新的View。
创建新的View
1、File > New > MXML Component,显示New MXML Component对话框
2、确认Source Folder是“HelloWorld/src”
3、Package输入“views”
4、Name输入“MyNewView”
5、Layout为None
6、Based on选择“spark.components.View”
如下图
在新的View中设定UI元素
1、打开MyNewView.xml
2、同样,在</s:View>之前,加入以下代码
<s:VGroup width="100%" height="100%" verticalAlign="middle" horizontalAlign="center">
<s:Label text="Success!" />
<s:Button label="Back" click="navigator.popView()" styleName="back" />
</s:VGroup>
以下是最终的代码。在这个View里,有一个label,文本是Success,一个文字为Back的按钮。其代码将导致回到前一个View
![Code to display the "Success!" text on the second screen](http://wwwimages.adobe.com/www.adobe.com/content/dam/Adobe/en/devnet/flashbuilder/articles/hello-world/fig09-061611.jpg)
现在可以进行测试了