多语言展示
当前在线:1605今日阅读:27今日分享:41

如何用Flash Builder中取色器控制label字体颜色

Flex是一种编程语言,使用Flash Builder进行编辑。其中,这个编辑器可以使用组件拖动效果,展示不同的页面。取色器是一种组件,可以使用这个组件控制其他组件的颜色,利用取色器change事件改变颜色。下面有这么一个场景:1、创建三个label标签组件2、创建一个ColorPicker3、利用ColorPicker控制label标签中的text值的字体颜色值详细步骤如下:
工具/原料
1

Flash Builder4.0

2

Windows7

3

Flex

4

ActionScript

5

截图工具

方法/步骤
1

第一步,首先,在Flex项目中的src目录下的默认包新建一个Flex应用程序,取名为“LabelColor.mxml”,默认的模版,如下图所示:

2

第二步,在Application中添加三个标签组件,使用Label组件, 如下图所示:

3

第三步,由于这样三个标签的布局非常混乱,添加一个VBox和HBox,HBox是三个标签水平布局,VBox是使三个标签跟后面的组件垂直分布,如下图所示:

4

第四步,将窗口切换到设计视图,会看到三个标签的文本水平居中,调整位置,如下图所示:

5

第五步,在HBox和VBox中间,添加一个ColorPicker颜色选择器,注意位置,如下图所示:

6

第六步,最后,给ColorPicker颜色选择器添加change事件/** * 颜色器改变事件 */ protected function colorPicker_changeHandler(event:ColorPickerEvent):void { red.setStyle('color',colorPicker.selectedColor); yellow.setStyle('color',colorPicker.selectedColor); blue.setStyle('color',colorPicker.selectedColor); }如下图所示:

7

第七步,运行Flex应用程序,会看到选择不同颜色,字体的颜色也会跟着变化,说明这个场景实现了,如下图所示:

注意事项
1

注意设置label标签的样式:red.setStyle('color',colorPicker.selectedColor);

2

注意ColorPicker事件函数的正确写法

推荐信息