Kodi Community Forum
Solved how to maintain same space between icons through focusing - 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: Solved how to maintain same space between icons through focusing (/showthread.php?tid=336302)

how to maintain same space between icons through focusing - Spiderfish - 2018-10-09

Hi guys,
I hope I can explain it good what I am looking for:

I made a new page and I put icons ith horizontal order and every icon with item layout shape is 150x150 px size and when i focus on it I made it 210x210 px. it works and fine but I need when focus to maintain the distance between icons..How can I do it?

here is what I did:

  <control type="panel" id="2">
            <posx>70</posx>
            <posy>27</posy>
            <height>720</height>
            <width>1280</width>
            <onup>2</onup>
            <ondown>2</ondown>
            <onleft>2</onleft>
            <onright>2</onright>
            <focusposition>2</focusposition>
            <orientation>horizontal</orientation>

        <itemlayout width="230" height="230">
    
                <control type="image">
                <posx>0</posx>
                <posy>0</posy>
                <width>150</width>
                <height>150</height>
                <texture>white.jpg</texture>
            </control>
      
            <control type="label">
                    <posx>128</posx>
                    <posy>110</posy>
                    <width>128</width>
                    <height>20</height>
                    <label>$INFO[ListItem.label]</label>
                    <align>center</align>
                    <aligny>center</aligny>
                    <font>font12</font>
                    <textcolor>black</textcolor>
                    <scroll>true</scroll>
                    <visible>false</visible>
            </control>
            
            <control type="image">
                <posx>0</posx>
                <posy>0</posy>
                <width>150</width>
                <height>150</height>
                <colordiffuse></colordiffuse>
                <texture>$INFO[ListItem.ActualIcon]</texture>
            </control>

        </itemlayout>
    
        <focusedlayout  width="230" height="230">

                <control type="image">
                <posx>0</posx>
                <posy>0</posy>
                <width>210</width>
                <height>210</height>
                <texture>white.jpg</texture>
            </control>
      
            <control type="image">
                <posx>0</posx>
                <posy>0</posy>
                <width>210</width>
                <height>210</height>
              <texture>blue.png</texture>
            </control>
      
                  <control type="image">
                <posx>0</posx>
                <posy>191</posy>
                <width>210</width>
                <height>40</height>
                <texture>blue.png</texture>
            </control>

            <control type="image">
                <posx>0</posx>
                <posy>0</posy>
                <width>210</width>
                <height>210</height>
                <texture>$INFO[ListItem.ActualIcon]</texture>
            </control>
            <control type="label">
                    <posx>0</posx>
                    <posy>210</posy>
                    <width>210</width>
                    <height>20</height>
                    <label>$INFO[ListItem.label]</label>
                    <align>center</align>
                    <aligny>center</aligny>
                    <font>font12</font>
                    <textcolor>yellow</textcolor>
                  <visible>true</visible>
            </control>

        </focusedlayout>

So I need to keep the space the same between Icons when I focus on each icon. what shall I add in itemlayout or focuslayout?

RE: how to maintain same space between icons through focusing - Hitcher - 2018-10-09

Firstly we use left and top instead of posx and posy.

Then align them using left and top so they're central.

List item image -

xml:
<control type="image">

    <posx>40</posx>

    <posy>40</posy>

    <width>150</width>

    <height>150</height>

    <texture>white.jpg</texture>

</control>

Focused item image -

xml:
<control type="image">

    <posx>10</posx>

    <posy>10</posy>

    <width>210</width>

    <height>210</height>

    <texture>white.jpg</texture>

</control>

Repeat with the other controls.

RE: how to maintain same space between icons through focusing - Spiderfish - 2018-10-09

Thank you very much.

Fixed!

how to maintain same space between icons through focusing - Klojum - 2018-10-09

Thread marked solved.