0

Spark コンポーネントに移行設定があります。状態 1 から状態 2 への変化の 1 つは高さの変化です。値はすぐに適用されていました。これが私のコードです：

<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009" 
         xmlns:s="library://ns.adobe.com/flex/spark" 
         xmlns:mx="library://ns.adobe.com/flex/mx" 
         height="200" height.state2="400">

    <s:states>
        <s:State name="state1"/>
        <s:State name="state2"/>
    </s:states>

    <s:transitions>

        <s:Transition fromState="state1" toState="state2" >
            <s:Sequence duration="2000" >
                <s:Rotate3D target="{this}" 
                            angleYFrom="0" angleYTo="90" 
                            startDelay="0" 
                            suspendBackgroundProcessing="true"
                            autoCenterTransform="true" />
                <s:SetAction target="{this}" property="height"/>
                <s:Rotate3D target="{this}" 
                            angleYFrom="-90" angleYTo="0" 
                            startDelay="0" 
                            suspendBackgroundProcessing="true"
                            autoCenterTransform="true" />
            </s:Sequence>
        </s:Transition>
    </s:transitions>

    <s:Rect width="100%" height="100%" >

        <s:fill>
            <s:SolidColor color="#ff0000"/>
        </s:fill>
    </s:Rect>
</s:Group>

そして、私のメインアプリケーションでは：

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx" 
               minWidth="955" minHeight="600" xmlns:local="*" 
               >

    <local:MyGroup id="group" verticalCenter="0" horizontalCenter="0" width="400"/>

    <s:Button label="Change states" click="group.currentState=group.currentState=='state1'?'state2':'state1';"/>
</s:Application>
4

1 に答える 1

1

解決策は、高さではなく明示的な高さプロパティを使用することです。これは、高さが Flex で使用される特別なプロパティ シンボルであるためです。

SetProperty PSEUDONYMS プロパティから:

/**
 *  @private
 *  This is a table of pseudonyms.
 *  Whenever the property being overridden is found in this table,
 *  the pseudonym is saved/restored instead.
 */
private static const PSEUDONYMS:Object =
{
    width: "explicitWidth",
    height: "explicitHeight",
    currentState: "currentStateDeferred"
};

したがって、高さを設定した場合、実際には設定されているのは explicitHeight です。RELATED_PROPERTIES と呼ばれる別の関連プロパティに注意してください。幅と高さの割合に関する追加データと、明示的な幅と高さの情報が含まれています。

詳細については、mx.states.SetProperty を参照してください。

この場合の問題を解決するには、次のように変更します。

            <s:SetAction target="{this}" property="height"/>

これに：

            <s:SetAction target="{this}" property="explicitHeight"/>
于 2012-10-25T17:11:49.933 に答える