0

我的 Spark 组件上有一个过渡设置。从状态 1 到状态 2 的变化之一是高度的变化。该值立即得到应用。这是我的代码：

<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

解决方案是使用explicitHeight 属性而不是高度。这是因为高度是 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 回答