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>
_______________________________________________
Laszlo-dev mailing list
[email protected]
http://www.openlaszlo.org/mailman/listinfo/laszlo-dev
