当前位置: > 网站建设 > Flex教程 >

Flex登陆界面开发经验分享(三)下

时间:2012-03-25 | 栏目:Flex教程 | 点击:

在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添加到场景

您可能感兴趣的文章:

相关文章