Как получить значок флажка из класса флажок Flex ActionScript?

Question

Я хочу получить изображение checkBox, присутствующее в классе checkBox в Flex Framework. Как мне получить доступ к этому изображению.

нужна помощь

привет.

Answer 1

Если вы используете компоненты Flex 4, значок флажка является не изображением, а векторным контуром внутри стандартной темы оформления компонента флажка. Если вы хотите получить доступ к этому из класса, вы можете сделать:

var mySkin:CheckBoxSkin = this.skin as CheckBoxSkin;
mySkin.check = WhateverYouWannaDoWithIt;

Но если вы просто хотите изменить внешний вид вашего флажка, просто создайте пользовательский CheckBoxSkin (затем вы также можете добавить значки изображений) и назначьте его своему компоненту флажка.

Answer 2

Как упоминал Крис, галочка рисуется с использованием FXG, а не сохраняется как растровое изображение.Вот галочка FXG, взятая из CheckBoxSkin (и немного очищенная):

<s:Path left="2" top="0" id="check"
        data="M 9.2 0.1 L 4.05 6.55 L 3.15 5.0 L 0.05 5.0 L 4.6 9.7 L 12.05 0.1 L 9.2 0.1">        
    <s:fill>
        <s:SolidColor id="checkMarkFill" color="0" alpha="0.8" />
    </s:fill>
</s:Path>

Вы можете создать пользовательский компонент, который просто отображает этот путь и вставляет его в любое удобное вам место.Надеюсь, это поможет.

Answer 3

Я предполагаю, что вы хотите изменить изображение?

Если это так, то это хороший пример для Flex 3:

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/08/25/changing-a-checkbox-controls-icon/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            [Bindable]
            [Embed(source="assets/icon_accept.gif")]
            public var AcceptIcon:Class;

            [Bindable]
            [Embed(source="assets/icon_alert.gif")]
            public var AlertIcon:Class;
        ]]>
    </mx:Script>

    <mx:CheckBox id="checkBox"
            label="Custom icon test (selected={checkBox.selected})"

            disabledIcon="{AlertIcon}"
            downIcon="{AlertIcon}"
            overIcon="{AlertIcon}"
            upIcon="{AlertIcon}"

            selectedDisabledIcon="{AcceptIcon}"
            selectedDownIcon="{AcceptIcon}"
            selectedOverIcon="{AcceptIcon}"
            selectedUpIcon="{AcceptIcon}"
         />

</mx:Application>

Пример с blog.flexexamples.com (который почти всегда в наши дни!