博客
关于我
第五章 自定义组件开发 第一节 自定义Flex组件
阅读量:162 次
发布时间:2019-02-28

本文共 1079 字,大约阅读时间需要 3 分钟。

Flex 组件开发指南

在 Flex 开发中,组件与控件的概念常常让开发者感到困惑。本节将从基础 concepts 出发,解答这些术语的区别及其在开发中的意义。

组件与控件的区别

组件是一个可以复用、可交互的可视化或非可视化对象,Flex 中的组件包括 validators、formatters、effects、managers、controls 和 containers 等。其中,控件则是能够在界面上呈现出来的可视组件,如 Button、VBox 等。

所有的控件都是组件,但并非所有组件都是控件。因此,在 Flex 开发中,组件的概念要比控件更为广泛,而控件则是具体的可视化组件。

为什么需要自定义组件

随着应用程序的复杂化,使用现有的 Flex 组件可能会遇到以下问题:

  • 模块化开发:将应用程序拆分为多个独立的功能模块,便于不同开发人员协作。
  • 代码复用:创建通用逻辑的组件,使其可在多个项目中重复使用。
  • 扩展现有功能:通过继承 Flex 的预定义组件,添加新的行为或功能。
  • 创建自定义组件的方法

    在 Flex 中,自定义组件可以通过两种方式实现:

  • MXML 文件:适用于简单的组件修改或布局容器,Flex 编译器会自动生成对应的 ActionScript 类。
  • ActionScript 文件:适用于复杂的逻辑扩展或非可视化组件,如 Validator、Formatter 等。
  • 使用自定义组件的步骤

  • 创建组件文件:将组件定义在 .mxml 或 .as 文件中。
  • 引入项目:将组件文件添加到项目的 ActionScript 源路径中。
  • 在应用程序中引用:在 MXML 文件中使用 <component> 标签或在 ActionScript 中使用 new Component() 初始化。
  • 组件文件类型

    Flex 支持多种组件文件格式:

  • MXML 文件:直接定义组件,编译后生成对应的 ActionScript 类。
  • ActionScript 文件:通过继承 Flex 类层次结构的类创建自定义组件。
  • SWC 文件:将组件打包,适合多个项目重复使用。
  • RSL 文件:为减少 SWF 文件大小,共享组件部署在独立文件中。
  • 注意事项

    • MXML 组件:适合简单的布局或样式定制,Flex 编译器会自动处理 addChild 等方法。
    • ActionScript 组件:适合复杂的逻辑扩展或非可视化功能。
    • SWC 文件:适合需要复用组件的项目,减少重复代码。

    通过以上方法,可以高效地创建和管理 Flex 应用程序中的自定义组件,提升开发效率和代码可维护性。

    转载地址:http://ciyj.baihongyu.com/

    你可能感兴趣的文章
    No module named tensorboard.main在安装tensorboardX的时候遇到的问题
    查看>>
    No module named ‘MySQLdb‘错误解决No module named ‘MySQLdb‘错误解决
    查看>>
    No new migrations found. Your system is up-to-date.
    查看>>
    No qualifying bean of type XXX found for dependency XXX.
    查看>>
    No qualifying bean of type ‘com.netflix.discovery.AbstractDiscoveryClientOptionalArgs<?>‘ available
    查看>>
    No resource identifier found for attribute 'srcCompat' in package的解决办法
    查看>>
    no session found for current thread
    查看>>
    No toolchains found in the NDK toolchains folder for ABI with prefix: mips64el-linux-android
    查看>>
    NO.23 ZenTaoPHP目录结构
    查看>>
    no1
    查看>>
    NO32 网络层次及OSI7层模型--TCP三次握手四次断开--子网划分
    查看>>
    NOAA(美国海洋和大气管理局)气象数据获取与POI点数据获取
    查看>>
    NoClassDefFoundError: org/springframework/boot/context/properties/ConfigurationBeanFactoryMetadata
    查看>>
    node exporter完整版
    查看>>
    Node JS: < 一> 初识Node JS
    查看>>
    Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime(72)
    查看>>
    Node 裁切图片的方法
    查看>>
    Node+Express连接mysql实现增删改查
    查看>>
    node, nvm, npm,pnpm,以前简单的前端环境为什么越来越复杂
    查看>>
    Node-RED中Button按钮组件和TextInput文字输入组件的使用
    查看>>