[Resolved] Vertical menu moves jerky
#1
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>
Reply
#2
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
Reply
#3
What file do you modify to add your code. Never done this before, i like the more simple look though.
Reply
#4
Sorry for my late reply. It's home.xml.
Reply

Logout Mark Read Team Forum Stats Members Help
[Resolved] Vertical menu moves jerky0