在Eclipse中的Flex代码编辑器中可以看见自动生成的代码行，其中有个 "Application"标签对，这个标签对就是标志该页面是应用主场景（这个概念相信 使用过Flash设计动画或者网站的界面设计师不会陌生。），而且这个 "Application"标签对在整个系统中只能有一个，这个与大家一直设计的Html代码 形式web页面有很大区别，Html代码形式web页面没有应用主场景的概念，页面间都是相对独 立的，页面间的表单数据传递都是通过页面间的跳转实现。而Flex系统中则基本不会用到页 面跳转，Flex是在一个应用场景页面中通过不同的"Moudle(组件)"过渡切换以实 现功能逻辑，所有表单数据传递都是在一个页面中完成，也就是现在很多人说的"页面 零刷新"。用户在使用Flex开发的系统时，只要第一次下载的主场景页面完整，在不同 的功能组件间进行表单数据传递时，组件的切换会在主场景中通过"Loading"提示 自然过渡到下一逻辑组件或者结果组件，不会看见浏览器的页面刷新现象。
回到我 们的Flex登陆界面开发进程，其实无论对于编程人员或者界面设计人员，可视化的开发视图 可以减少我们的开发时间和提高页面效果开发的效率，我们可以通过 "Source/Design"功能按钮切换开发视图。现在Jackson将视图切换到 "Design",如 图5(Eclipse中的可视化开发视图窗口) 所示：
图5 Eclipse中的可视化开发视图窗口
在这个视图中，我们可以通过拖拉一些常 用组件到场景中来完成页面开发。现在开发的是登陆界面，所以得有录入框组件和提交按钮 组件。我们从左下角的"Components(组件)"功能标签页中，首先在"Layout( 布局)"中要找到"Panel(面板)"并拖拉到右边的主场景编辑窗口。具体如 图 6(在Components中寻找到Panel添加到场景) 所示。一个"Panel(面板)"从某种意 义上说相当于一个Html代码形式的web页面，我们将录入组件和提交按钮组件"装" 到"Panel(面板)"中，就可以对"Panel"内的所有组件进行整体操作。
图6 在Components中寻找到Panel添加到场景