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

上一篇关于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项目

时间: 2024-11-16 11:21:03

Flex登陆界面开发经验分享(三)上的相关文章

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

在Eclipse中的Flex代码编辑器中可以看见自动生成的代码行,其中有个 "Application"标签对,这个标签对就是标志该页面是应用主场景(这个概念相信 使用过Flash设计动画或者网站的界面设计师不会陌生.),而且这个 "Application"标签对在整个系统中只能有一个,这个与大家一直设计的Html代码 形式web页面有很大区别,Html代码形式web页面没有应用主场景的概念,页面间都是相对独 立的,页面间的表单数据传递都是通过页面间的跳转实现.而Fl

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

四.Flex中CSS层叠样式表的应用方法 在"Flex登陆界面开发经验分享三"中Jackson已经介绍了简单的Flex登陆界面布局的简单流程,Jackson已经将Flex登陆布局的草图设计出来了,Flex登陆界面代码如 图1(Flex登陆界面草图代码)演示如 例1(Flex登陆框草图列子演示).相信大家应该从草图出来的那一刻开始,脑子就开始有想法了,^-^ 因为这个Flex登陆框实在是没有太多的操作体验和美感呈现,我们需要进一步地设计优化它. 图1 Flex登陆界面草图代码 例1 Fl

Flex登陆界面开发经验分享五:Flex登陆框美化

在上一篇Flex登陆界面开发经验分享四中,Jackson已经将登陆界面的 一些布局方法和简单的CSS应用方法进行了分享,而且还增加了背景平铺的代码供大家学习. 这次Jackson继续改变这个Flex登录框,让它更具美感.可能对于没有设计经验的编程人员, 处理图片哪怕是一个小图标也是困难的.所以Jackson在这里尽量将简单地介绍一些 Photoshop处理图片的方法,希望能给编程的朋友一些学习参考. 我们继续来改造这个Flex登录框,现在的Flex登陆框还是比较单调,Jackson在改造的时 候

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

一.选型经验浅谈Jackson为什么选择Flex? 关键词(Keyword): Flex,Flex3.0,RIA,富互联网应用 现在大家都开始重视起客户体验了,随着带宽的不 断增容,电脑配置的不断升级,承载着丰富友好的RIA(Rich Internet Applications)富互联 网应用在提高用户交互体验上变得越来越重要.现在用于开发RIA(Rich Internet Applications)富互联网应用的技术比较多,比较流行的有JAVA FX.基于J2EE的AJAX框架 (JSF,AJ

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

Jackson在使用Flex3.0开发前,也经过了一段时间的学习.买了一些关于Flex3.0开发丛 书同时也在网络上查阅了大量的资料,看书可以系统了解Flex3.0的开发流程与方法,而在网 络上查阅资料可以针对某个自己需要的功能细节获得别人一些好经验. 图1 Jackson推荐Flex开发丛书 Jackson在此推荐几本对于入门者比较容易学习 的Flex书籍,大家可以上当当或者卓越搜索订购.邱彦林写的<Flex 第一步>.人民邮电出 版社翻译的<Adobe Flex高级编程>和孙颖

为springside_miniweb提供一个flex登陆界面(第一部分)

miniweb采用的是spring security作为权限管理,我一直想搞一个flex界面.仿照igenko和puremvc的demo,搞了一个. 首先是修改一下服务端,主要是增加上对于graniteds的支持! 1.在pom.xml中加入依赖包 <!--utilsend--> <!--graniteds --> <dependency> <groupId>org.graniteds</groupId> <artifactId>gr

C#,跪求:退出主程序直接跳到登陆界面,该怎么办?

问题描述 如题所述,把退出程序了,怎么把登陆界面显示出来??谢谢各位大神了 解决方案 解决方案二:不好意思...上述说的有点问题:应该是退出程序了,怎么显示登陆界面?解决方案三:]你这个是不是像QQ的那种切换用户呀,退出当前用户然后显示登录窗,这样即可privatevoidmnuReLogin_Click(objectsender,EventArgse){if(Utility.ShowQuestionMessage("是否切换用户?")==System.Windows.Forms.Di

通用社区登陆组件技术分享(开源)下篇:OAuth 源码下载及原理解说

上节内容: 1:通用社区登陆组件技术分享(开源)上篇:OAuth 授权登陆介绍 2:通用社区登陆组件技术分享(开源)中篇:OAuth 登陆组件流程及组件集成方法   本节内容: 1:简述组件设计的过程及思路及部分重点源码讲解 2:源码下载 3:扩展机制说明  附源码截图:等会看以下思路时,可以对照着看:   一:简述组件设计的过程及思路   1:为什么想到弄成组件? 当重复的代码或相似的事件>=2个时,我都会想一下,是否还可能有第3个,第4个相近的,如果有,就会统一处理,组件就是设计的再通用一些

通用社区登陆组件技术分享(开源)中篇:OAuth 登陆组件流程及组件集成方法

上节内容:通用社区登陆组件技术分享(开源)上篇:OAuth 授权登陆介绍   本节包括以下内容: 1:第三方社区账号登陆的授权流程 2:OAuth2 组件的下载及web.config配置 3:OAuth2 组件的5行代码编写流程 4 :总结与下节内容预告     一: 第三方社区账号登陆的授权流程 1:首先从这里开始:用户进入登陆界面   2:用户点击用新浪微博或QQ登陆,系统跳到第三方授权页面,(QQ示例授权界面) 3:确定授权后,第三方跳转返回你的回调页(在应用里设置),通常仍是系统登陆页面