文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

flex使用方法的示例分析

2023-06-17 15:08

关注

这篇文章主要介绍flex使用方法的示例分析,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

Flex是如何工作的

该部分文档的内容是为用户提供关于Adobe?Flex工作机制的一个快速综述。通过本章节的学习,你可以创建你的***个Flex应用程序,并将它与你以前所熟悉的Web开发技术进行比较,以领会Flex的内涵和精髓。

***节构建并运行Flex应用程序

Flex学习手册中Flex是一个提供开发设计和运行支持的架构,它可以使开发人员创建利用Adobe?
Flash?Player9作为前台的“富客户端互联网应用程序/richInternetapplications/RIA”,以满足用户更为直观和***交互性的在线体验。

◆开发Flex应用程序的典型步骤如下(通常是这样):

选取一系列预先定制好的、用于设计应用程序界面的组件(如表格、按钮等等)
2.布置组件以设计用户界面。
3.使用样式和主题来增强视觉方面的设计。
4.添加动态行为(例如程序部件之间的相互作用)。
5.定义并连接所需的数据库服务。
6.将源代码编译成SWF文件,然后在FlashPlayer中运行。

◆Flex学习手册中一个典型的Flex应用程序包括如下元素:

1.Flexframework

Adobe?Flex2framework包含了创建RIA所需要的所有组件,它们是:用于应用程序布局规划的容器;针对用户界面和从用户处获取数据的控制(例如文本框和按钮);广泛支持的数据绑定、数据格式化、以及有效值验证;事件驱动的开发模式。Flexframework被包含在公用组件库(SWC)文件中。

2.MXML

每个Flex应用程序至少包含有一个MXML文件,它被作为该程序的主文件。MXML是一种标记语言,它是基于XML的一种实现,用来创建Flex应用程序。你可以使用它去声明程序中所使用的标签结构的定义。

3.ActionScript3.0

你可以使用ActionScript3.0为应用程序添加动态行为,它是基于ECMAScript的一种实现,类似于JavaScript。你可以将ActionScript作为一个脚本块,在MXML文件中直接进行添加;或者创建一个单独的ActionScript文件,然后将它们导入到MXML文件中。

4.CSS

你可以通过设置组件的属性(properties)来改变组件(按钮、列表框等)的视觉样式。
例如,按钮组件有一个fontFamily属性,你可以使用它来进行字体的设置。样式的属性通常有四种方法来进行控制:通过主题(theme);在CSS文件中进行定义;在MXML文件中的样式块中进行定义;在组件的实例中进行设置。

5.图形资源

与很多应用程序一样,Flex包含了各种各样的图形资源,如图标和图象。

6.数据

一些组件被使用来进行数据显示(combobox或者datagrid)的工作。同时,你还可以使用各种方式来将这些组件与数据联系起来,如使用数组、收集对象、数据模型、以及外部XML数据资源,等等。

Flex应用程序是如何编译和发布的:

Flex学习手册中Flex应用程序被编译成一个SWF文件,然后在FlashPlayer下运行。当一个源代码被编译时,它就被转换成ActionScript类(译者注:这正是Flex精髓的地方之一,即提供从MXML到ActionScript的转换),并与图形和其它资源合并到SWF文件里。在运行时,SWF文件与所需的外部库、服务和数据源进行交互。

一般的Flex应用程序并不需要服务器端所提供的支持。因此,你可以在你的本地计算机上编译它们,然后在Web服务的HTML页面中发布给你的用户。
当然,你还可以将Flex与Adobe?FlexDataServices2、ColdFusionFlashRemotingService、或者其它Java和J2EEService服务器技术结合起来,进行B/S结构的网络应用程
序的开发。

MXML:一切开始的地方

你可以在MXML中使用Flex所提供的组件来定义用户界面。这里有一个主MXML程序文件的例子:

<?xmlversionxmlversion="1.0"encoding="utf-8"?> <mx:Applicationxmlns:mxmx:Applicationxmlns:mx="http://www.adobe.com/2006/mxml"layout="absolute"> <mx:Panel> <mx:TextAreatextmx:TextAreatext="SayhellotoFlex!"/> <mx:Buttonlabelmx:Buttonlabel="Close"/> </mx:Panel> </mx:Application>

如果你对XML已经很熟悉了,就能一眼识别出这个例子的格式。MXML代码的头两行包含了版本号、编码、以及命名空间的信息,文档的主体包含的是程序的具体内容。
Flex应用程序所有的具体内容都被放在<mx:Application>标签对中。同时,你还可以在父标签对中嵌套其它的子标签对(译者注:反正标签是成对出现的,这点一定要记住)。
该例子创建了一个简单的程序,它在屏幕上显示“SayhellotoFlex!”的文字。在该程序中,声明了TextArea和Button组件,并设置了它们相应的text和label属性。

备注:在MXML文件中的每个标签都有前缀mx,它是Flex的设计命名空间。

以上是“flex使用方法的示例分析”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注编程网行业资讯频道!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯