ComboBox的label显示颜色或者图片

最新推荐文章于 2023-11-04 14:36:16 发布

转载最新推荐文章于 2023-11-04 14:36:16 发布 · 1.6k 阅读

文章标签：

#function #class #object #import #string #ui

Flex 专栏收录该内容

44 篇文章

订阅专栏

本文介绍了一种自定义ComboBox的方法，通过对ComboBox进行重写，在其提示标签上显示额外元素，如颜色或图片等。通过指定类名可以创建不同的UI组件，并根据选定项的值更新这些元素。

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

在ComboBox的提示label上显示其他的元素，效果如下图：

这里对ComboBox进行了重写，主要代码如下：

package org.control { import mx.controls.ComboBox; import mx.core.UIComponent; import mx.events.ListEvent; public class AdvancedComboBox extends ComboBox { /** * 显示label的类(可以是颜色,图片等等),通过指定类名来创建不同的UI组件 */ private var _labelClass : Class; /** * 用来显示的UI组件 */ private var iconLabel : UIComponent; /** * iconLabel的值,如果iconLabel是图片,则该值可能是String类型或者是Class类型; * 如果是背景,则有可能是uint.此值的类型根据用户的需要而不同. */ private var _iconPrompt : Object; /** * 标记_iconPrompt是否已改变 */ private var iconPromptChanged : Boolean; public function AdvancedComboBox() { super(); } override protected function commitProperties():void{ super.commitProperties(); if(iconPromptChanged){ iconLabel.setStyle("backgroundColor", iconPrompt); iconPromptChanged = false; } } override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void{ super.updateDisplayList(unscaledWidth, unscaledHeight); if(iconLabel){ iconLabel.width = 25; iconLabel.height = this.height - 5; iconLabel.x = 10; iconLabel.y = (height - iconLabel.height)/2; } } override public function set selectedIndex(value:int):void{ super.selectedIndex = value; if(selectedItem) iconPrompt = selectedItem.value; } /** * 提示的值.Object * @param value * */ public function set iconPrompt(value : Object) : void{ _iconPrompt = value; iconPromptChanged = true; invalidateProperties(); } public function get iconPrompt() : Object{ return _iconPrompt; } /** * "提示的组件"的类名 * @param value * */ public function set labelClass(value : Class) : void{ _labelClass = value; } public function get labelClass() : Class{ return _labelClass; } /** * 创建显示"提示"组件. * */ override protected function createChildren() : void{ super.createChildren(); if(!iconLabel){ iconLabel = new labelClass(); addChild(iconLabel); textInput.x = 30; } } } }