Kodi Community Forum
[Resolved] Vertical menu moves jerky - Printable Version

+- Kodi Community Forum (https://forum.kodi.tv)
+-- Forum: Support (https://forum.kodi.tv/forumdisplay.php?fid=33)
+--- Forum: Skins Support (https://forum.kodi.tv/forumdisplay.php?fid=67)
+---- Forum: Confluence (https://forum.kodi.tv/forumdisplay.php?fid=125)
+---- Thread: [Resolved] Vertical menu moves jerky (/showthread.php?tid=172594)



[Resolved] Vertical menu moves jerky - AussieFries - 2013-09-02

I have modded Confluence a bit to create a vertical menu.

My problem: Every time I select a different menu item, the item that goes out of focus shortly moves in a jerky way.

Can someone please tell me what I do wrong? I have tried changing values of <scrolltime> and "time" but that only seems to make the transitions slower. The short vibration of the item that has just been deselected doesn't disappear.

I'm not a very advanced skinner so please bear with me Smile

Code:
<control type="fixedlist" id="9000">
    <posx>20</posx>
    <posy>-320</posy>
    <width>1000</width>
    <height>1500</height>
    <onleft>10</onleft>
    <onright>9002</onright>
    <onup>99</onup>
    <ondown>9000</ondown>
    <pagecontrol>-</pagecontrol>
    <scrolltime>500</scrolltime>
    <focusposition>0</focusposition>
    <movement>3</movement>

    <itemlayout height="80" width="300">
        <control type="label">
        <posx>220</posx>
        <posy>0</posy>
        <width>290</width>
        <height>70</height>            
        <font>font_MainMenu</font>
        <textcolor>white</textcolor>
        <align>right</align>
        <aligny>center</aligny>
        <label>$INFO[ListItem.Label]</label>
        <animation effect="zoom" start="75" end="75" center="380,51" time="200" condition="true">Conditional</animation>
        <animation effect="fade" start="100" end="30" time="200" condition="Window.IsVisible(1113) | ControlGroup(9001).HasFocus | ControlGroup(10).HasFocus | Control.HasFocus(9002)">conditional</animation>
        </control>
    </itemlayout>

    <focusedlayout height="80" width="300">
        <control type="label">
        <posx>240</posx>
        <posy>0</posy>
        <width>290</width>
        <height>70</height>
        <font>font_MainMenu</font>
        <textcolor>blue</textcolor>
        <align>right</align>
        <aligny>center</aligny>
        <animation effect="zoom" start="75" end="100" center="380,51" time="500">Focus</animation>
        <animation effect="zoom" start="100" end="75" center="380,51" time="500">UnFocus</animation>
        <label>$INFO[ListItem.Label]</label>
        </control>
    </focusedlayout>



RE: Vertical menu moves jerky - Please help to make it more smoothly - AussieFries - 2013-09-05

I figured it out myself. Please find below the correct code for a smooth vertical home menu.
Code:
            <control type="fixedlist" id="9000">
                <posx>20</posx>
                <posy>-320</posy>
                <width>1000</width>
                <height>1500</height>
                <onleft>10</onleft>
                <onright>9002</onright>
                <onup>99</onup>
                <ondown>9000</ondown>
                <focusposition>0</focusposition>
                <movement>3</movement>
                <itemlayout height="80" width="300">
                    <control type="label">
                        <posx>220</posx>
                        <posy>0</posy>
                        <width>290</width>
                        <height>70</height>
                        <font>font_MainMenu</font>
                        <textcolor>white</textcolor>
                        <align>right</align>
                        <aligny>center</aligny>
                        <label>$INFO[ListItem.Label]</label>
                        <animation effect="zoom" start="75" end="75" center="380,51" time="700" condition="true">Conditional</animation>
                    </control>
                </itemlayout>
                <focusedlayout height="80" width="300">
                    <control type="label">
                        <posx>220</posx>
                        <posy>0</posy>
                        <width>290</width>
                        <height>70</height>
                        <font>font_MainMenu</font>
                        <textcolor>blue</textcolor>
                        <align>right</align>
                        <aligny>center</aligny>
                        <animation effect="zoom" start="75" end="100" center="380,51" time="700">Focus</animation>
                        <animation effect="zoom" start="100" end="75" center="380,51" time="500">UnFocus</animation>
                        <label>$INFO[ListItem.Label]</label>
                    </control>
                </focusedlayout>
                <content>

The home screens look a lot more 'Zen' now and it's much easier to use.
Even though every menu item has it's own background, my AMD E350 CPU and Radeon HD 6310 GPU don't get any hotter than with standard Confluence!

Image

Image


RE: [Resolved] Vertical menu moves jerky - DoomBot - 2013-09-19

What file do you modify to add your code. Never done this before, i like the more simple look though.


[Resolved] Vertical menu moves jerky - AussieFries - 2013-10-24

Sorry for my late reply. It's home.xml.