Kodi Community Forum

Hi!

based on estuary refresh in Krypton, I am trying to create a wraplist at the bottom of the screen from which a cover zooms out towards the top of the screen.
The cover pictures are assembled from several elements (cover icon, box, resolution icon, age restriction icon, ...) and are thus called by an "include content".

Im trying a code like this fro the focused image:

<focusedlayout width="460" top="-300">
   <control type="group">
      <control type="group"> 
            <include content="InfoWallMovieLayoutSmall"></include>
            <animation effect="zoom" time="400" start="0,0,253,378" end="-400,0,456,624" center="auto">focus</animation>
            <animation effect="zoom" time="400" end="0,0,253,378" start="-400,0,456,624" center="auto">unfocus</animation>
         </control>
      <left>90</left>
      <top>0</top>
   </control>
</focusedlayout>


This results in an erroneously displayed image of the focused cover:


I runs perfectly, when I use a "simple zoom" without "slide" coordinates, like 
<animation effect="zoom" time="400" start="253,378" end="456,624" center="auto">focus</animation>

However, the image zooms out to the bottom then, but id should move up. 

Any ideas how I can make it work?

IIRC the method of calling an include changed some time ago.
Rather than use:
you should use:

Hi dnairb, 

thanks for your hint. I tried it, however, this dosn't change anything here.

Your zoom code works perfectly fine for me when I tested. Have you tried putting it into the group control above where it is?
It is hard to tell what is going on without knowing what is in InfoWallMovieLayoutSmall.

Thanks jurialmunkey for trying my code. I have tried to play with it a bit, but I couldn't make it work. 
I have shortened my code for InfoWallMovieLayoutSmall to a minimum for demonstration (it is located in View_54_InfoWall.xml):

<include name="InfoWallMovieLayoutSmall">
            <control type="group">
                    <visible>!String.IsEmpty(ListItem.Art(poster))</visible>
                    <control type="image">
                        <left>11</left>
                        <top>11</top>
                        <width>203</width>
                        <height>278</height>
                        <texture background="true">$INFO[ListItem.Art(poster)]</texture>
                    </control>
                </control> 
</include>

With the code I posted above inside the wraplist, I don't see any image or anymation from focussedlayout. If I change
center="auto" to center="100,100" in that code, I get the erroneous graphics I have shown.

To make it even more simple, I have tried this code for my wraplist, which still produces similiar graphic errors for me:


                <control type="wraplist" id="517">
                    <left>-50</left>
                    <top>190</top>
                    <width>150%</width>
                    <height>704</height>
                    <focusposition>1</focusposition>
                    <movement>0</movement>
                    <pagecontrol>5199</pagecontrol>
                    <oninfo condition="SubString(ListItem.DBType,set)">ActivateWindow(1064)</oninfo>
                    <scrolltime>400</scrolltime> <!-- war <scrolltime tween="cubic" easing="out">500</scrolltime> -->
                    <orientation>horizontal</orientation>
                    <onleft>517</onleft>
                    <onup>9000</onup>
                    <ondown>5199</ondown>
                    <onright>517</onright>
                    <visible>Container.Content(movies) | Container.Content(seasons) | Container.Content(sets) | Container.Content(tvshows)</visible>
                    <preloaditems>10</preloaditems>
                    <viewtype label="Poster Small">icon</viewtype>
                    
                    <itemlayout width="200" top="200">
                        <control type="group">
                        <!--<include content="InfoWallMovieLayoutSmallTry"></include>-->
                            <control type="image"> 
                                <texture background="true">$INFO[ListItem.Art(poster)]</texture>
                                <left>11</left>
                                <top>11</top>
                                <width>203</width>
                                <height>278</height>
                            </control> 
                            <top>410</top>
                        </control>
                    </itemlayout>
                    
                    <focusedlayout width="460">
                        <control type="group"> 
                        <!--<include content="InfoWallMovieLayoutSmallTry"></include>-->
                            <control type="image"> 
                                <texture background="true">$INFO[ListItem.Art(poster)]</texture>
                            </control> 
                            <animation effect="zoom" time="200" start="0,0,203,278" end="0,0,456,624" center="auto">focus</animation>
                            <animation effect="zoom" time="200" end="0,0,203,278" start="0,0,456,624" center="auto">unfocus</animation>
                        </control>
                    </focusedlayout>
                </control>

can't reproduce it. this is what i see when i try your code... looks correct to me:

This is odd, since I see the graphic errors in my laptop and in my desktop.

However, it seems I found a solution. Apparently, I need to add additional height and width statements for the group in the focussedlayout.