2.3
用
ColorPicher
设置
Canvas
的颜色
2.3.1
问题
你打算让用户用一个颜色选择器改变一个组件的颜色
2.3.2
解答
用颜色选择器给用户提供一个调色板以供选择,用
ColorPicker
组件的
change
事件来设置
canvas
的背景色。
2.3.3 讨论
创建一个应用,让用户能访问
ColorPicker
控件的调色板,改变一个
Canvas
控件的背景色。
ColorPicker
控件提供了一种途径,让用户从颜色样本中选择一个颜色。
ColorPicker
组件的
change
事件与
setColor
方法关联在一起,
setColor
方法接受一个
ColorPickerEvent
对象作为一个参数。这个
ColorPickerEvent
对象包含了在
ColorPicker
组件的调色板中当前被选中的颜色的信息。请看如下的代码:
<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="vertical">
<mx:Canvas id="cnv" width="450" height="450"
backgroundColor="#eeaeaea">
<mx:ColorPicker id="pckr" right="10" top="10"
change="setColor(event)"/>
</mx:Canvas>
<mx:Script>
<![CDATA[
import mx.events.ColorPickerEvent;
private function setColor(evt:ColorPickerEvent):void
{
cnv.setStyle("backgroundColor",evt.color); }
]]>
</mx:Script>
</mx:Application>
当用户选择了一个新的颜色,
Canvas
的
backgroundColor
样式就被更新了。注意,因为
backgroundColor
是一个样式属性,而不是
Canvas
控件的属性,所以我们使用
setStyle
方法来更新该样式:
private function setColor(evt:ColorPickerEvent):void
{
cnv.setStyle("backgroundColor",evt.color); }
分享到:
相关推荐
Flex 3 Cookbook 简体中文版是一本专注于Flex 3技术的实用指南,由翻译协作组精心编译并免费传播。这本书旨在帮助开发者深入理解和应用Flex 3框架,包括ActionScript和MXML这两个核心组成部分。 ActionScript是Flex...
Android Cookbook: Problems and Solutions for Android Developers by Ian F. Darwin English | 10 May 2017 | ASIN: B071VLZ9ZK | 838 Pages | AZW3 | 12 MB Jump in and build working Android apps with the ...
《Flex3 CookBook 教程》是一本专为开发者准备的深入指南,旨在帮助读者掌握Adobe Flex 3这一强大的富互联网应用程序(RIA)开发框架。Flex 3是用于构建交互式、高性能的Web应用程序的开源工具,它基于ActionScript ...
《NGINX Cookbook: Advanced Recipes for High Performance Load Balancing》是由Derek DeJonghe编写的,这本书在2019年出版,ISBN为9781491968932,包含了175页的英文内容,格式为PDF。这本书专门针对那些希望提升...
如果您是用Flex, 很好用的一本書。 Flex 3 Cookbook by Joshua Noble; Todd AndersonPublisher: O'ReillyPub Date: May 6, 2008 Print ISBN-13: 978-0-596-52985-7 Pages: 704 The best way to show off a powerful...
《Flex3 Cookbook》是针对Adobe Flex 3这一版本的开发指南,主要涵盖了使用Flex构建富互联网应用程序(RIA)的各种技术和策略。Flex是一个开源框架,它允许开发者使用MXML和ActionScript来创建交互式、高性能的Web...
《Flex 4 Cookbook》是一本由Joshua Noble、Todd Anderson、Garth Braithwaite、Marco Casario 和 Rich Tretola 联合编写的英文书籍,由著名的O'Reilly Media出版,专注于Flex 4技术的实用教程。本书旨在帮助读者...
这个压缩包包含了“Flex中文帮助”和“Flex3Cookbook中文版”,是初学者入门Flex开发的重要参考资料。 Flex中文帮助是针对Flex SDK的官方文档的中文翻译版,它详细介绍了Flex框架的各种组件、类库、API以及编程模型...
Flex 4 Cookbook
- 本书详细解释了安装 VMware ESX 3.x 的步骤,包括准备硬件、安装介质的选择、基本配置参数设置等。通过遵循这些指导,读者可以顺利地部署和配置 ESX 服务器。 - **1.6 VMware ESXi 3.5 概览** - VMware ESXi 3.5...
Flex 3 CookBook源码 Flex 3 CookBook源码
《Flex 3 Cookbook》是一本专注于Adobe Flex 3开发的实用指南,对于想要深入学习和掌握Flex技术的开发者来说,是一份不可多得的资源。这本书由经验丰富的作者撰写,其翻译质量高,内容准确,避免了常见的翻译错误,...
Flex 3 Cookbook 是一本专注于Adobe Flex 3技术的实用指南,旨在帮助开发者深入理解和应用Flex 3框架。Flex 3 是一个用于构建富互联网应用程序(RIA)的开发平台,它结合了MXML和ActionScript 3.0,使得UI设计和编程...
《Flex3 Cookbook》是针对Adobe Flex 3这一版本的开发指南,它包含了丰富的代码示例和实践教程,帮助开发者深入理解和应用Flex技术。这个完整版的资源包括了源码、范例XML数据以及Bonus Chapter的代码,对于学习和...
《Flex 3 Cookbook》中文版是一本针对Adobe Flex 3技术的实践指南,旨在帮助初学者及有一定经验的开发者深入理解和应用Flex技术。这本书详细介绍了如何利用Flex框架创建富互联网应用程序(RIA),提供了大量实例代码...