图像作为带有复选框的标签在Flex中

时间:2010-01-15 18:58:34

标签: flex checkbox

我想在我的复选框中使用图片作为标签,有人知道吗?

2 个答案:

答案 0 :(得分:3)

当我尝试用RadioButton做同样的事情时,我最终不得不创建自己的组件。这就是我所做的:

<强> IconRadioButton.mxml

<?xml version="1.0" encoding="utf-8"?>
<mx:HBox xmlns:mx="http://www.adobe.com/2006/mxml">
    <mx:Script>
    <![CDATA[
        import mx.controls.RadioButtonGroup;

        [Bindable]
        public var imgLabel:Class;

        [Bindable]
        public var groupName:RadioButtonGroup;

        [Bindable]
        public var selected:Boolean;

        [Bindable]
        public var value:String;

        ]]>
    </mx:Script>
    <mx:RadioButton 
        id="radioBtn"
        group="{groupName}"
        groupName="{groupName}"
        selected="{selected}"
        label=""
        value="{value}"
        visible="{visible}"
        includeInLayout="{includeInLayout}" />
    <mx:Image source="{imgLabel}" click="{radioBtn.selected = true}" />
</mx:HBox>

然后你可以像这样使用它:

<?xml version="1.0" encoding="utf-8"?>
<mx:Application 
    xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:controls="com.example.controls.*">
<controls:IconRadioButton 
    groupName="{group}" 
    imgLabel="{AssetsFactory.getInstance().iconCCVisa}" 
    value="{CreditCardTypes.VISA}" />
...

希望可能会让你开始或给你一些想法。

答案 1 :(得分:1)

要将图像用作标签,请使用以下代码。

    <mx:HBox width="100%">
        <mx:RadioButton groupName="Yield"/>
        <mx:Image source="@Embed('/scripts/btn_highest.png')"/>
    </mx:HBox>