Quantcast
Channel: Kodi Community Forum - Skinning
Viewing all articles
Browse latest Browse all 1802

Setting the boundary for a zoom animation

$
0
0
Hi, I have a zoom animation on the fanart control of my focusedlayout, but right now it goes beyond the width and height boundaries that I set on the focused item and the image control:

Image

Is there a way to limit the visible boundary of the zoom effect to keep it within the width and height specified on the <focusedlayout> (the area contained within the green rectangle)?

In my viewtypes I have multiple focusedlayouts depending on the size selected in the viewtype options


                <focusedlayout width="960" height="540" condition="Skin.String(FanartColumns,2)">
                    <include>FanartFocusedLayout</include>
                </focusedlayout>
                <itemlayout width="640" height="360" condition="Skin.String(FanartColumns,3)">
                    <include>FanartItemLayout</include>
                </itemlayout>
                <focusedlayout width="640" height="360" condition="Skin.String(FanartColumns,3)">
                    <include>FanartFocusedLayout</include>
                </focusedlayout>
                <itemlayout width="480" height="270" condition="Skin.String(FanartColumns,4)">
                    <include>FanartItemLayout</include>
                </itemlayout>
                <focusedlayout width="480" height="270" condition="Skin.String(FanartColumns,4)">
                    <include>FanartFocusedLayout</include>
                </focusedlayout>

The include FanartFocusedLayout contains the controls and the animation:


<!--Viewtype: Fanart Focused Layout-->
    <include name="FanartFocusedLayout">
        <control type="group">
            <control type="button">
                <visible>false</visible>
            </control>
            <control type="image">
                <animation type="focus" reversible="false">
                    <effect type="zoom" start="125" end="100" time="600" tween="sine" easing="inout" center="auto" />
                </animation>
                <description>Fanart or Landscape</description>
                <aspectratio>scale</aspectratio>
                <texture background="true">$VAR[WallIcon]</texture>
            </control>
            <control type="image">
                <description>Border</description>
                <include>HideMediaDetails</include>
                <texture colordiffuse="$VAR[FocusedColor]" border="10">views/border_5px.png</texture>
            </control>
            <control type="image">
                <description>Focused Check Mark</description>
                <right>15</right>
                <top>15</top>
                <include>CheckFocused</include>
            </control>
        </control>
    </include>

Viewing all articles
Browse latest Browse all 1802

Trending Articles