[Laszlo-dev] animator problem?

Denis Bohm denis at fireflydesign.com
Thu Dec 15 22:55:48 PST 2005


I'm trying to make a layout with a number of small views where the view 
under the mouse is expanded.  The change in state from normal to 
expanded is animated.  If I slowly move the mouse in and out of a view 
then it works fine.  If I move in and move out before the animation is 
done then the view ends up in an incorrect state (funky size).  This 
happens in the examples in the reference also.  Is this a known bug?

<canvas bgcolor="black">

    <dataset name="photos">
        <photos>
            <photo color="white"/>
            <photo color="red"/>
            <photo color="black"/>
            <photo color="blue"/>
            <photo color="yellow"/>
            <photo color="green"/>
            <photo color="gray"/>
        </photos>
    </dataset>

    <class name="icon" extends="view" width="75" height="75">
        <attribute name="value" type="string" value="red"/>
        <state name="max">
            <animatorgroup name="size" process="simultaneous" 
duration="500">
                <animator name="w" attribute="width" to="150"/>
                <animator name="h" attribute="height" to="150"/>
            </animatorgroup>
        </state>
        <state name="min" apply="true">
            <animatorgroup name="size" process="simultaneous" 
duration="500">
                <animator name="w" attribute="width" to="75"/>
                <animator name="h" attribute="height" to="75"/>
            </animatorgroup>
        </state>
        <method event="onmouseover">
            min.remove();
            max.apply();
        </method>
        <method event="onmouseout">
            max.remove();
            min.apply();
        </method>
        <view width="${parent.width}" height="${parent.height}" 
bgcolor="white"/>
        <view x="1" y="1" width="${parent.width - 2}" 
height="${parent.height - 2}" bgcolor="red"/>
    </class>

    <view name="icons">
        <simplelayout axis="x" spacing="8"/>
        <view name="list" datapath="photos:/photos/photo">
            <icon/>
        </view>
    </view>

</canvas>


More information about the Laszlo-dev mailing list