wrap list zoom coordinates
#1
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 -

xml:

<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>
Reply
#2
After working on this a bit more, I figured out a workable solution.   For the fourth animation case, I just inserted an instantaneous slide to the left as an offset the jump to the right that I was seeing.   Thought I would post this here for completeness.

xml:

<animation reversible="false" effect="zoom" start="300,185,100,100" end="300,185,300,300" condition="Container(999).OnNext" time="2200">Focus</animation>
<animation reversible="false" effect="zoom" start="300,185,300,300" end="100,185,100,100" condition="Container(999).OnNext" time="2200">UnFocus</animation>
<animation reversible="false" effect="zoom" start="100,185,100,100" end="300,185,300,300" condition="Container(999).OnPrevious" time="2200">Focus</animation>
<animation type="unfocus" condition="Container(999).OnPrevious">
    <effect  reversible="false" type="slide" end="-200,0" time="0"/>
    <effect  reversible="false" type="zoom" start="0,185,300,300" end="200,185,100,100" time="2200"/>
</animation>
Reply

Logout Mark Read Team Forum Stats Members Help
wrap list zoom coordinates0