`

[转] Flex程序开发心得小结

    博客分类:
  • Flex
阅读更多

和Flash的开发环境相比,Flex提供的组件库确实很诱人,但由于功能太全面,导致程序的体积大,有时候使用不当,可能会影响程序运行效率。

在Flex的帮助手册中,有一个专门的章节讲了程序的优化,下面是我结合帮助作的几点小结:

1、避免容器的多级嵌套,减少相对尺寸、相对定位的使用。
在使用百分比来给容器内的元件定尺寸,一旦容器中的任何一个元件的位置和尺寸变化,都会引发容器对所有子级的重定位动作。如果嵌套的级别很深,这个计算量会很大。

2、尽量使用轻量级的容器
Canvas是体积最小的容器,它只支持绝对定位。很多时候,都可以使用它来代替HBOx和VBox。另外,Canvas也是我们编写自定义容器性质组件的一个首选。它具有容器的基本功能,利于扩展。

3、避免使用大体积的组件,比如DataGrid、AdvancedDataGrid
大个子组件的功能强大,但开销也是非常大的。由于功能的复杂性,使得皮肤、样式、itemRenderer的实现都格外复杂。

4、处理数据时多用分页的方式
在使用数据类型控件时,尽量减少数据一次的显示量。比如TileList(更正:应该是Tile,TileList相反),它会把数据一次性全部创建,不管是不是需要显示,这样很浪费资源。ViewStack 、TabNavigator等在处理元件时,并不是一次创建,只要元件在第一次被显示时才创建,这样,就避免的不必要的开销。

5、setStyle和styleName
Flex 组件的皮肤都是可视化元件,组件在自身初始化时,会使用当前的样式比如styleName完成所有皮肤元件的绘制。 如果我们在运行期间通过setStyle修改了组件的样式,组件的尺寸、位置就会作相应调整。联系到第一条,如果组件位于一个层级很深的容器中,也会有一个大的计算量。

分享到:
评论

相关推荐

    Flex程序开发心得小结

    然而,正如开发者在心得小结中所述,Flex组件库的强大功能也有其缺点,特别是在程序体积和运行效率方面。 首先,Flex组件库的全面性虽然为开发提供了便利,但也使得程序体积变得庞大。在程序中过度使用组件功能可能...

    Flex应用程序开发

    ### Flex应用程序开发:深入理解与实践 #### 一、Flex概览 Flex是Adobe Systems Incorporated推出的一款用于构建高质量的Rich Internet Applications(RIA)的开源框架。它基于Flash平台,允许开发者使用标准的Web...

    flex4.5 开发安卓程序文档

    Flex 4.5是Adobe的一款强大的富互联网应用(RIA)开发框架,主要用于构建具有高度交互性和动态视觉效果的Web应用程序。然而,它同样可以用于开发跨平台的应用程序,包括在Android设备上运行的移动应用。这份"Flex ...

    flex 全球天气预报小程序(自己开发)

    【标题】:“flex 全球天气预报小程序(自己开发)” 这个标题暗示了这是一个使用Flex技术开发的小程序,专门用于提供全球范围内的天气预报服务。Flex是Adobe开发的一个开源框架,主要用于构建富互联网应用程序...

    使用Flex4.5开发Android应用程序

    在本文中,我们将深入探讨如何使用Adobe Flex 4.5框架来开发针对Android操作系统的应用程序。Flex是一款强大的、基于ActionScript的开源开发工具,它允许开发者创建富互联网应用(RIA)以及跨平台的移动应用。Flex ...

    FLEX 3.0程序开发技术详解(下).pdf

    FLEX 3.0程序开发技术详解(下).pdf

    Flex 3开发指南

    - **Flex**:由Adobe Systems开发的一种开源框架,用于构建跨浏览器和跨平台的RIA(Rich Internet Applications)应用程序。 - **Flex 3**:Flex 3作为Flex系列中的一个重要版本,提供了更多的功能和改进,包括增强...

    Flex开发AdobeAIR应用程序

    使用 Adobe Flex 3 开发 Adobe AIR 1.1 应用程序

    flex 地图开发demo

    在IT行业中,Flex是一种基于ActionScript 3.0的开源框架,主要用于构建富互联网应用程序(RIA)。它由Adobe公司提供,允许开发者创建交互性强、视觉效果丰富的Web应用。本项目"flex 地图开发demo"专注于展示如何在...

    Flex与Actionscript3程序开发(源码)

    Flex与Actionscript3程序开发(源码)

    微信小程序+Flex布局示例源代码

    总之,Flex布局是现代前端开发中不可或缺的一部分,特别是在微信小程序这样的跨平台开发环境中。熟练掌握Flex布局,不仅可以提高页面设计的灵活性,还能为用户提供更加美观和适应性的交互体验。通过这个示例源代码,...

    Flex 项目开发,个人专用

    Flex 项目开发,个人专用 Flex 项目开发,个人专用 Flex 项目开发,个人专用 Flex 项目开发,个人专用

    flex界面开发框架

    Flex界面开发框架是一种用于构建富互联网应用程序(RIA)的技术,由Adobe公司开发,主要基于ActionScript编程语言和Flex SDK。Flex提供了丰富的用户界面组件库,允许开发者创建具有交互性和动态效果的Web应用。在本...

    微信小程序 FlexLayout布局 (源码)

    微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小程序 FlexLayout布局 (源码)微信小...

    微信小程序开发中flex布局容器及元素之属性技术释疑.pdf

    微信小程序开发中的Flex布局是一种灵活的布局方式,其核心是通过设置容器的display属性为flex或inline-flex来启用。Flex布局允许容器内的元素能够以灵活的方式进行排列,适应不同屏幕尺寸和分辨率。在微信小程序中,...

    flex游戏开发demo

    Flex是一种基于ActionScript 3.0的开源框架,用于构建富互联网应用程序(RIA)。它允许开发者使用MXML和ActionScript来创建交互式、高性能的Web应用和游戏。在这个Demo中,我们可以深入学习Flex在游戏开发中的应用和...

    Flex4开发实践PPT

    Flex4,全称为Adobe Flex 4,是Adobe公司推出的一款强大的富互联网应用程序(RIA)开发框架,主要用于构建具有丰富用户体验的Web应用。本PPT详细讲述了Flex4的开发实践,旨在帮助开发者从基础到实践全面掌握这一技术...

    [Flex与ActionScript.3程序开发].陈爽,付凯.扫描版

    《Flex与ActionScript 3程序开发》由易到难、由浅人深、循序渐进地介绍了Flex与ActionScript 3程序开发的一般步骤与常用的程序技巧,内容通俗易懂,使用大量实例贯穿全书,力求以实战的形式让读者快速掌握知识点。...

    flex_4 开发详解

    Flex 4 开发详解主要涉及Adobe公司的Flex技术,这是一种用于构建富互联网应用程序(RIAs)的工具和技术。Flex提供了一个现代、基于标准的编程模型,支持公共模板设计、客户端运行环境、编程模型、开发模型以及高级...

Global site tag (gtag.js) - Google Analytics