(三)Flex4_Image控件,数据绑定

最新推荐文章于 2022-10-18 14:52:12 发布

原创最新推荐文章于 2022-10-18 14:52:12 发布 · 137 阅读

0 ·

CC 4.0 BY-SA版权

WEB前端@Flex4 专栏收录该内容

19 篇文章

订阅专栏

本文深入探讨了Flex框架中数据绑定的概念及其应用，详细介绍了如何为对象设置id进行引用，以及如何通过id.attribute对数据进行绑定。文章还特别提到了文本控件、图像控件的使用方法，并详细讲解了Image控件的@Embed指令如何用于离线访问图片。最后，文章提供了丰富的示例代码，帮助开发者轻松掌握Flex框架中的文本和图像控件操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数据绑定
1.给需要数据绑定的对象设置id，以便在程序中对其进行引用，通过id.attribute就能定位到那个attribute
2.使用id.attribute={value}对数据进行绑定，当后台数据发生变化时，控件会自动更新以反映新的数据

Flex中的文本控件
Label 单行不可编辑文本
TextInput 单行文本输入框
RichText 多行不可编辑文本
TextArea 多行文本输入框
关于文本布局的更多信息，请参考TLF文本布局框架

Flex中的图像控件
Image控件
能够在运行时加载JPG、GIF、PNG、SWF文件
使用@Embed指令可以将Image控件包含到预生成的SWF文件中，以便离线访问
使用@Embed的好处：1.图片在应用程序开始时就已经加载，用户不需等待图片显示
2.在不访问internet的离线应用程序中可以正确显示图片，因为图片已经包含在生成的SWF文件中
缺点：会显著增加SWF文件的体积
当引入一个图片之后，可以通过一些事件的触发来实现某种功能
mouseOver="this.currentState=xxx" 切换到xxx状态
mouseOut="this.currentState=''" 回到初始状态

----------------------------------------------------------
<declarations>声明服务
<model>标签：构建客户端数据模型
<script>标签：在MXML中定义属性，方法

Form表单的定义