Изображение как метка с флажком в Flex

Question

Я хочу использовать изображение в своем флажке в качестве метки, кто-нибудь знает, как?

Answer 1

Когда я пытался сделать то же самое с 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}" />
...

Надеюсь, что это может помочь вам начать или дать вам несколько идей.

Answer 2

Чтобы использовать изображение в качестве метки, используйте следующий код.

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