Trying to put together a simple wraplist that zooms on the focused item. I've pretty much got it figured out. However, I can't seem to get the x-coordinate straight for this. Note: I've put "0" in for lack of anything better.
<animation reversible="false" effect="zoom" start="0,180,300,300" end="0,180,100,100" condition="Container(999).OnPrevious" time="200">UnFocus</animation>
The image always wants to jump off to the side before starting the zoom, and no amount of fiddling with the coordinates seems to move things in the proper direction. I could not find a clear definition of the x,y zoom coordinate and their reference / origin, so I've figured it out the best I can and got 3 out of 4 right. Any help would be appreciated. Thanks.
Full snip for reference -
<animation reversible="false" effect="zoom" start="0,180,300,300" end="0,180,100,100" condition="Container(999).OnPrevious" time="200">UnFocus</animation>
The image always wants to jump off to the side before starting the zoom, and no amount of fiddling with the coordinates seems to move things in the proper direction. I could not find a clear definition of the x,y zoom coordinate and their reference / origin, so I've figured it out the best I can and got 3 out of 4 right. Any help would be appreciated. Thanks.
Full snip for reference -
<control type="wraplist" id="999">
<description>Music picklist</description>
<left>30</left>
<top>100</top>
<width>1240</width>
<height>500</height>
<visible>true</visible>
<viewtype label="3D list">list</viewtype>
<orientation>horizontal</orientation>
<pagecontrol>25</pagecontrol>
<scrolltime tween="linear" easing="inout">2200</scrolltime>
<autoscroll>false</autoscroll>
<focusposition>2</focusposition>
<movement>0</movement>
<itemlayout width="115" height="110">
<control type="image">
<left>0</left>
<top>125</top>
<width>100</width>
<height>100</height>
<texture background="true">$INFO[Listitem.Icon]</texture>
</control>
</itemlayout>
<focusedlayout width="315" height="300">
<control type="image">
<width>300</width>
<height>300</height>
<left>0</left>
<top>0</top>
<visible>false</visible>
<texture colordiffuse="$VAR[CustomColorFocus]" border="2">button-transparency00.png</texture>
</control>
<control type="image">
<left>0</left>
<top>0</top>
<width>300</width>
<height>300</height>
<animation reversible="false" effect="zoom" start="300,180,100,100" end="300,180,300,300" condition="Container(999).OnNext" time="200">Focus</animation>
<animation reversible="false" effect="zoom" start="300,180,300,300" end="105,180,100,100" condition="Container(999).OnNext" time="200">UnFocus</animation>
<animation reversible="false" effect="zoom" start="100,180,100,100" end="300,180,300,300" condition="Container(999).OnPrevious" time="200">Focus</animation>
<animation reversible="false" effect="zoom" start="0,180,300,300" end="0,180,100,100" condition="Container(999).OnPrevious" time="200">UnFocus</animation>
<texture background="true">$INFO[Listitem.Icon]</texture>
</control>
<control type="label">
<left>-50</left>
<top>310</top>
<width>400</width>
<height>52</height>
<font>font30</font>
<aligny>center</aligny>
<align>center</align>
<scroll>false</scroll>
<info>ListItem.Album</info>
</control>
</focusedlayout>
<onclick>PlayMedia($INFO[ListItem.FolderPath],isdir)</onclick>
<content target="music" limit="20">musicdb://recentlyplayedalbums/</content>
</control>