手抄报 安全手抄报 手抄报内容 生活知识 生活百科 英语手抄报 清明节手抄报 节约用水手抄报 知识问答

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

时间:2026-04-02 23:33:03

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

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

2、第二步,在Application中添加三个标签组件,使用Label组件,

<s:Label text="红"/>

<s:Label text="黄"/>

<s:Label text="蓝"/>

如下图所示:

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

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

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

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

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

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

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

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);

}

如下图所示:

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

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

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

© 2026 手抄报圈
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com