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 Cookbook.Flex 3 Cookbook.Flex 3 Cookbook.Flex 3 Cookbook.Flex 3 Cookbook.Flex 3 Cookbook.
Flex 3 Cookbook简体中文版最新推荐常青Flex 3 Cookbook简体中文版最新推荐常青Flex 3 Cookbook简体中文版最新推荐常青Flex 3 Cookbook简体中文版最新推荐常青
Flex3 CookBook 教程 Flex3 CookBook 教程
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 ...
Flex 3 Cookbook[中文版].pdf 网络上大力推荐的Flex学习图书
Flex3CookBook中文版Flex3CookBook中文版Flex3CookBook中文版Flex3CookBook中文版
如果您是用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...
Flex 3 Cookbook 中文版 Flex 3 Cookbook 中文版 Flex 3 Cookbook 中文版 Flex 3 Cookbook 中文版 Flex 3 Cookbook 中文版
高清彩版 Concurrency in C# Cookbook: 高清彩版 Concurrency in C# Cookbook:
Raspberry Pi Cookbook: Software and Hardware Problems and Solutions 2nd Edition With millions of new users and several new models, the Raspberry Pi ecosystem continues to expand—along with a lot of ...
Flex 4 Cookbook
Flex 3 CookBook源码 Flex 3 CookBook源码
Flex 3 Cookbook.pdfFlex 3 Cookbook.pdfFlex 3 Cookbook.pdfFlex 3 Cookbook.pdf
Chapter 3. Standard Input Chapter 4. Executing Commands Chapter 5. Basic Scripting: Shell Variables Chapter 6. Shell Logic And Arithmetic Chapter 7. Intermediate Shell Tools I Chapter 8. Intermediate ...
iOS Swift Game Development Cookbook: Simple Solutions for Game Development Problems. epub
flex3 cookbook bonus chapter 代码
flex3cookbook.rar Flex的资源很少 珍惜