Kodi Community Forum
Question about Skin - Printable Version

+- Kodi Community Forum (https://forum.kodi.tv)
+-- Forum: Development (https://forum.kodi.tv/forumdisplay.php?fid=32)
+--- Forum: Skinning (https://forum.kodi.tv/forumdisplay.php?fid=12)
+--- Thread: Question about Skin (/showthread.php?tid=227973)



Question about Skin - WinLow - 2015-05-26

I try learn how to modify a skin and try add 1 button.

Image

1 . But my cursor form keyboard can not go to my new button.
2. If I want change the image this button. How I do it.

Thanks


RE: Question about Skin - Piers - 2015-05-26

Have you set an <onleft> etc. for the favourites button?


RE: Question about Skin - phil65 - 2015-05-26

Please always post your code when asking questions.


RE: Question about Skin - WinLow - 2015-05-26

(2015-05-26, 18:26)phil65 Wrote: Please always post your code when asking questions.

Code:
        <control type="group" id="10">
            <left>20</left>
            <top>55r</top>
            <include>Window_OpenClose_Animation</include>
            <control type="button" id="20">
                <description>Power push button</description>
                <left>115</left>
                <top>0</top>
                <width>45</width>
                <height>45</height>
                <label>31003</label>
                <font>-</font>
                <onclick>ActivateWindow(ShutdownMenu)</onclick>
                <texturefocus border="5">floor_buttonFO.png</texturefocus>
                <texturenofocus border="5">floor_button.png</texturenofocus>
                <onleft>21</onleft>
                <onright>21</onright>
                <onup>9002</onup>
                <ondown>9003</ondown>
            </control>
            <control type="image">
                <description>Power Icon</description>
                <left>120</left>
                <top>5</top>
                <width>35</width>
                <height>35</height>
                <aspectratio>keep</aspectratio>
                <texture>icon_power.png</texture>
            </control>
            <control type="button" id="21">
                <description>Favourites push button</description>
                <left>60</left>
                <top>0</top>
                <width>45</width>
                <height>45</height>
                <label>1036</label>
                <font>-</font>
                <onclick>ActivateWindow(Favourites)</onclick>
                <texturefocus border="5">floor_buttonFO.png</texturefocus>
                <texturenofocus border="5">floor_button.png</texturenofocus>
                <onleft>20</onleft>
                <onright>20</onright>
                <onup>9002</onup>
                <ondown>9003</ondown>
            </control>
            <control type="image">
                <description>Favourites Icon</description>
                <left>65</left>
                <top>5</top>
                <width>35</width>
                <height>35</height>
                <aspectratio>keep</aspectratio>
                <texture>icon_favourites.png</texture>
            </control>
            
            <control type="button" id="5">
                <description>Settings push button</description>
                <left>5</left>
                <top>0</top>
                <width>45</width>
                <height>45</height>
                <label>31959</label>
                <font>-</font>
                <onclick>ActivateWindow(Settings)</onclick>
                <texturefocus border="5">floor_buttonFO.png</texturefocus>
                <texturenofocus border="5">floor_button.png</texturenofocus>
                <onleft>59</onleft>
                <onright>59</onright>
                <onup>9002</onup>
                <ondown>9003</ondown>            
            </control>
            <control type="image">
                <description>Settings Icon</description>
                <left>10</left>
                <top>5</top>
                <width>35</width>
                <height>35</height>
                <aspectratio>keep</aspectratio>
                <texture>icon_search.png</texture>
            </control>    
            
            
            
        </control>

I did change in Home.xml.
My goal is make a Settings button and want to change the picture (search for now)

Thanks.


RE: Question about Skin - WinLow - 2015-05-26

(2015-05-26, 18:14)Piers Wrote: Have you set an <onleft> etc. for the favourites button?

Hi,

On Power button <onleft>21</onleft>
Favorites button <onleft>20</onleft>

If I want to add one more Setting button what is the value for <onleft>


RE: Question about Skin - WinLow - 2015-05-26

(2015-05-26, 18:14)Piers Wrote: Have you set an <onleft> etc. for the favourites button?

Thanks, I know what is means <onleft> or <onright>

Code:
<control type="button" id="5">
                <description>Settings push button</description>
                <left>5</left>
                <top>0</top>
                <width>45</width>
                <height>45</height>
                <label>31959</label>
                <font>-</font>
                <onclick>ActivateWindow(Settings)</onclick>
                <texturefocus border="5">floor_buttonFO.png</texturefocus>
                <texturenofocus border="5">floor_button.png</texturenofocus>
                <onleft>20</onleft>
                <onright>21</onright>
                <onup>9002</onup>
                <ondown>9003</ondown>            
            </control>
            <control type="image">
                <description>Settings Icon</description>
                <left>10</left>
                <top>5</top>
                <width>35</width>
                <height>35</height>
                <aspectratio>keep</aspectratio>
                <texture>icon_search.png</texture>
            </control>


Next question:

How to change the image, right now I use icon_search.png. If I make new icon, how I upload to Kodi?


RE: Question about Skin - sualfred - 2015-05-26

%skinfolder%/media

http://kodi.wiki/view/Skin_structure


RE: Question about Skin - WinLow - 2015-05-26

(2015-05-26, 19:16)sualfred Wrote: %skinfolder%/media

http://kodi.wiki/view/Skin_structure

Hi Need use TexturePacker. How to add more picture in existing Textures.xbt?


RE: Question about Skin - WinLow - 2015-05-26

I found solution:

https://github.com/e0xify/KodiXBMCTextureTool/blob/master/Kodi%20Texture.exe

Thanks All.