上一篇关于Flex登陆开发经验分享前的学习资料分享,相信大家都应该有所学习,对Flex 有了个基本的了解,特别是对Jackson上篇提到的一个外国网站平台,大家从中应该大概的知 道Flex能实现怎样的客户体验,究竟Flex能开发怎样的网站或者系统有了一个直观的感受。 应该已经激起大家学习Flex的热情了,呵呵。
接下来,Jackson将开始分享实际的 Flex登陆开发经验。Jackson将从自己设计过程中想法与创意的变化为主线来进行经验的分享 。会从起初简陋的Flex登陆界面草图开发讲起,到最后的Flex登陆界面成品。中间将讲到 Flex登陆界面的一些创意意图,也会讲到一些用Phoshop进行简单的界面设计方法与技巧(这 对于一些没有进行过界面设计的程序员又想通过简单的设计达到有自己风格的系统界面或许 能起到点作用),最后Jackson也将共享一些Flex3.0源代码供大家学习使用。在此先将最终成 品Show一下,如 图1(百洋医药集团网络办公自动化系统Flex登陆界面成品截图) 所 示:
图1 百洋医药集团网络办公自动化系统Flex登陆界面成品截图
题外话,非常欢 迎各位朋友转载所有Jackson的经验分享的文章内容,但是希望转载文章内容的朋友们能够体 现网络道德,标明出处并给 Jackson博客 一个链接,您的链接就是对Jackson的肯定,将会 是Jackson继续分享经验的动力,在此先感谢各位朋友!
我们继续,首先大家还是需要 先搭建好自己的Flex3.0开发环境(后面提及到的Flex都是指Flex3.0版本),Jackson所在团队 没有直接使用FlexBuilder作为开发环境,而是安装了Flex Builder Eclipse插件版,这是因 为Jackson开发的这个Flex登陆界面是用于以Java开发的系统中使用,整个团队使用的开发环 境是Eclipse,所以选择Flex Builder Eclipse插件版。关于环境配置不是Jackson经验分享 的重点,如果各位朋友对Flex+Java的环境配置感兴趣,可以访问Jackson所在团队组员 yongtree的博客,查阅“整合Flex和Java—配置篇”,文章中有环境配置的 详细介绍。其实对于界面设计工程师来说,哪种版本的Flex IDE都没有太大问题。
好 了,Jackson默认大家已经安装好了开发环境,现在建一个项目名为JcksonLogin。建立项目 的菜单点击步骤为:File → New → Flex Project ,如 图2(新建一个Flex项目) 所示:
图2 新建一个Flex项目