• 1(current)
  • 2
  • 3
  • 4
  • 5
  • 36
  • Next 
  Thread Closed
 
Thread Rating:
  • 2 Vote(s) - 5 Average
Skin MOD - CarPC-touch
#1
Updated skin continue on this thread: https://forum.kodi.tv/showthread.php?tid=320735

(2015-04-30, 03:33)Ned Scott Wrote: This isn't mine, but a mod done by a user who goes by Duro/idorel77.

https://github.com/idorel77/skin.CarPC-touch_carbon

http://www.engineering-diy.blogspot.ro/s...label/kodi

Image

Image

Image

Image

Hi, Thanks Ned,
Thaks to everybody for the feedback Smile

**+1 Looks nice (except for the odd BMW logo in the center)**
You can change the logo from the skin settings.
You can change also buttons ''Navigation and Radio'' from settings(last photo)

There are available more colors - Red , Blue, Green, White - and the color you can change from - Settings-Appearance-Theme

Have fun!
#2
Thanks for this great work. As it better fits my current project, I have to mod this skin's images though, which includes (but not only) an orange-like colour theme. Are the pictures that comprise the textures.xbt available somewhere?
#3
I've been trying this skin a little more and have noticed there is no going back from the file manager. To reproduce this:
  1. Press any of Video, Pictures, Music
  2. Press Files
  3. Navigate to any item in an existing library or device
  4. Bring the context menu with a long press on an audio, image or video file
  5. Select Switch media
  6. Select File manager
Is it by design? I'll dig in eventually but is it possible to add a back button there (i.e. is that window skinnable like the rest)?

EDIT, self-replying: Yes, the window is skinnable and *is* skinned as FileManager.xml. So far it looks like the window definition is incomplete. I'll try fixing it.

Other than that, Kudos to the skinner, idorel77.
#4
Ned, are you still developing this?
#5
I only came across it. idorel77 is the one developing it.
#6
Thanks
#7
I have taken the liberty to fix FileManager.xml so as it be usable. As the patch is much longer than the file itself (close to twice the size actually), here it is in its full length.

Code:
<?xml version="1.0" encoding="UTF-8"?>
<window>
    <defaultcontrol>20</defaultcontrol>
    <allowoverlay>no</allowoverlay>
    <controls>
        <include>CommonBackground</include>

        <control type="image">
            <left>0</left>
            <top>100r</top>
            <width>1280</width>
            <height>100</height>
            <texture>floor.png</texture>
            <animation effect="slide" start="0,10" end="0,0" time="150" condition="Window.Previous(Home)">WindowOpen</animation>
            <animation effect="slide" start="0,0" end="0,10" time="150" condition="Window.Next(Home)">WindowClose</animation>
        </control>
        <control type="image">
            <description>Section header image</description>
            <left>20</left>
            <top>3</top>
            <width>56</width>
            <height>56</height>
            <aspectratio>keep</aspectratio>
            <texture>icon_system.png</texture>
        </control>
        <control type="grouplist">
            <left>80</left>
            <top>5</top>
            <width>1000</width>
            <height>64</height>
            <orientation>horizontal</orientation>
            <itemgap>5</itemgap>
            <control type="label">
                <font>font30_title</font>
                <label>$LOCALIZE[7]</label>
            </control>
        </control>

        <!-- Left group -->

        <control type="group">
            <left>30</left>
            <top>64</top>
            <animation type="WindowOpen" reversible="false">
                <effect type="zoom" start="80" end="100" center="640,360" easing="out" tween="back" time="225" />
                <effect type="fade" start="0" end="100" time="225" />
            </animation>
            <animation type="WindowClose" reversible="false">
                <effect type="zoom" start="100" end="80" center="640,360" easing="in" tween="back" time="225" />
                <effect type="fade" start="100" end="0" time="225" />
            </animation>
            <control type="image">
                <left>0</left>
                <top>0</top>
                <width>610</width>
                <height>580</height>
                <texture border="20" colordiffuse="60000000">DialogBack.png</texture>
            </control>
            <!-- control type="image">
                <left>0</left>
                <top>612</top>
                <width>610</width>
                <height>64</height>
                <texture border="10">ContentPanelMirror.png</texture>
            </control -->
            <control type="image">
                <left>496</left>
                <top>20</top>
                <width>96</width>
                <height>96</height>
                <aspectratio>keep</aspectratio>
                <info>Container(20).ListItem.Icon</info>
                <bordertexture border="5">button-nofocus.png</bordertexture>
                <bordersize>3</bordersize>
            </control>
            <control type="label">
                <description>Header label</description>
                <left>30</left>
                <top>32</top>
                <width>470</width>
                <height>30</height>
                <font>font50_title</font>
                <label>A</label>
                <align>left</align>
                <aligny>center</aligny>
                <textcolor>blue</textcolor>
                <shadowcolor>black</shadowcolor>
            </control>
            <control type="label" id="101">
                <description>Current directory text label</description>
                <left>30</left>
                <top>80</top>
                <width>470</width>
                <height>30</height>
                <font>font24_title</font>
                <textcolor>selected</textcolor>
                <shadowcolor>black</shadowcolor>
                <scroll>true</scroll>
                <align>left</align>
                <aligny>center</aligny>
            </control>
            <control type="scrollbar" id="30">
                <left>10</left>
                <top>128</top>
                <width>25</width>
                <height>432</height>
                <texturesliderbackground border="0,14,0,14">ScrollBarV.png</texturesliderbackground>
                <texturesliderbar border="2,16,2,16">ScrollBarV_bar.png</texturesliderbar>
                <texturesliderbarfocus border="2,16,2,16">ScrollBarV_bar_focus.png</texturesliderbarfocus>
                <textureslidernib>-</textureslidernib>
                <textureslidernibfocus>-</textureslidernibfocus>
                <onleft>31</onleft>
                <onright>20</onright>
                <ondown>20</ondown>
                <onup>20</onup>
                <showonepage>false</showonepage>
                <orientation>vertical</orientation>
            </control>

            <control type="list" id="20">
                <left>40</left>
                <top>128</top>
                <width>540</width>
                <height>432</height>
                <onleft>30</onleft>
                <onright>21</onright>
                <onup>20</onup>
                <ondown>4300</ondown>
                <pagecontrol>30</pagecontrol>
                <scrolltime>200</scrolltime>
                <itemlayout height="40" width="540">
                    <control type="image">
                        <left>0</left>
                        <top>0</top>
                        <width>540</width>
                        <height>41</height>
                        <texture border="0,2,0,2">MenuItemNF.png</texture>
                    </control>
                    <control type="label">
                        <left>0</left>
                        <top>0</top>
                        <width>500</width>
                        <height>40</height>
                        <font>font16</font>
                        <aligny>center</aligny>
                        <selectedcolor>selected</selectedcolor>
                        <textcolor>grey2</textcolor>
                        <align>left</align>
                        <info>ListItem.Label</info>
                    </control>
                    <control type="label">
                        <left>330</left>
                        <top>0</top>
                        <width>200</width>
                        <height>40</height>
                        <font>font16</font>
                        <aligny>center</aligny>
                        <selectedcolor>selected</selectedcolor>
                        <textcolor>grey</textcolor>
                        <align>right</align>
                        <info>ListItem.Label2</info>
                    </control>
                </itemlayout>
                <focusedlayout height="40" width="540">
                    <control type="image">
                        <left>0</left>
                        <top>0</top>
                        <width>540</width>
                        <height>41</height>
                        <visible>!Control.HasFocus(20)</visible>
                        <texture border="0,2,0,2">MenuItemNF.png</texture>
                    </control>
                    <control type="image">
                        <left>0</left>
                        <top>0</top>
                        <width>540</width>
                        <height>41</height>
                        <visible>Control.HasFocus(20)</visible>
                        <texture border="0,2,0,2">MenuItemFO.png</texture>
                    </control>
                    <control type="image">
                        <left>340</left>
                        <top>5</top>
                        <width>200</width>
                        <height>31</height>
                        <texture border="0,0,14,0">MediaItemDetailBG.png</texture>
                        <visible>Control.HasFocus(20) + !IsEmpty(ListItem.Label2)</visible>
                    </control>
                    <control type="label">
                        <left>0</left>
                        <top>0</top>
                        <width>500</width>
                        <height>40</height>
                        <font>font16</font>
                        <aligny>center</aligny>
                        <selectedcolor>selected</selectedcolor>
                        <textcolor>white</textcolor>
                        <align>left</align>
                        <info>ListItem.Label</info>
                    </control>
                    <control type="label">
                        <left>330</left>
                        <top>0</top>
                        <width>200</width>
                        <height>40</height>
                        <font>font16</font>
                        <aligny>center</aligny>
                        <selectedcolor>selected</selectedcolor>
                        <textcolor>grey</textcolor>
                        <align>right</align>
                        <info>ListItem.Label2</info>
                    </control>
                </focusedlayout>
            </control>
        </control>

        <!-- Right group -->

        <control type="group">
            <left>650</left>
            <top>64</top>
            <animation type="WindowOpen" reversible="false">
                <effect type="zoom" start="80" end="100" center="640,360" easing="out" tween="back" time="225" />
                <effect type="fade" start="0" end="100" time="225" />
            </animation>
            <animation type="WindowClose" reversible="false">
                <effect type="zoom" start="100" end="80" center="640,360" easing="in" tween="back" time="225" />
                <effect type="fade" start="100" end="0" time="225" />
            </animation>
            <control type="image">
                <left>0</left>
                <top>0</top>
                <width>610</width>
                <height>580</height>
                <texture border="20" colordiffuse="60000000">DialogBack.png</texture>
            </control>
            <!-- control type="image">
                <left>0</left>
                <top>612</top>
                <width>610</width>
                <height>64</height>
                <texture border="10">ContentPanelMirror.png</texture>
            </control -->
            <control type="image">
                <left>20</left>
                <top>20</top>
                <width>96</width>
                <height>96</height>
                <aspectratio>keep</aspectratio>
                <info>Container(21).ListItem.Icon</info>
                <bordertexture border="5">button-nofocus.png</bordertexture>
                <bordersize>3</bordersize>
            </control>
            <control type="label">
                <description>Header label</description>
                <left>110</left>
                <top>32</top>
                <width>470</width>
                <height>30</height>
                <font>font50_title</font>
                <label>B</label>
                <align>right</align>
                <aligny>center</aligny>
                <textcolor>blue</textcolor>
                <shadowcolor>black</shadowcolor>
            </control>
            <control type="label" id="102">
                <description>Current directory text label</description>
                <left>110</left>
                <top>80</top>
                <width>470</width>
                <height>30</height>
                <font>font24_title</font>
                <textcolor>selected</textcolor>
                <shadowcolor>black</shadowcolor>
                <scroll>true</scroll>
                <align>right</align>
                <aligny>center</aligny>
            </control>
            <control type="scrollbar" id="31">
                <left>575</left>
                <top>128</top>
                <width>25</width>
                <height>432</height>
                <texturesliderbackground border="0,14,0,14">ScrollBarV.png</texturesliderbackground>
                <texturesliderbar border="2,16,2,16">ScrollBarV_bar.png</texturesliderbar>
                <texturesliderbarfocus border="2,16,2,16">ScrollBarV_bar_focus.png</texturesliderbarfocus>
                <textureslidernib>-</textureslidernib>
                <textureslidernibfocus>-</textureslidernibfocus>
                <onleft>21</onleft>
                <onright>30</onright>
                <ondown>21</ondown>
                <onup>21</onup>
                <showonepage>false</showonepage>
                <orientation>vertical</orientation>
            </control>

            <control type="list" id="21">
                <left>30</left>
                <top>128</top>
                <width>540</width>
                <height>432</height>
                <onleft>20</onleft>
                <onright>31</onright>
                <onup>21</onup>
                <ondown>4300</ondown>
                <pagecontrol>31</pagecontrol>
                <scrolltime>200</scrolltime>
                <itemlayout height="40">
                    <control type="image">
                        <left>0</left>
                        <top>0</top>
                        <width>540</width>
                        <height>41</height>
                        <texture border="0,2,0,2">MenuItemNF.png</texture>
                    </control>
                    <control type="label">
                        <left>0</left>
                        <top>0</top>
                        <width>500</width>
                        <height>40</height>
                        <font>font16</font>
                        <aligny>center</aligny>
                        <selectedcolor>selected</selectedcolor>
                        <textcolor>grey2</textcolor>
                        <align>left</align>
                        <info>ListItem.Label</info>
                    </control>
                    <control type="label">
                        <left>330</left>
                        <top>0</top>
                        <width>200</width>
                        <height>40</height>
                        <font>font16</font>
                        <aligny>center</aligny>
                        <selectedcolor>selected</selectedcolor>
                        <textcolor>grey</textcolor>
                        <align>right</align>
                        <info>ListItem.Label2</info>
                    </control>
                </itemlayout>
                <focusedlayout height="40">
                    <control type="image">
                        <left>0</left>
                        <top>0</top>
                        <width>540</width>
                        <height>41</height>
                        <visible>!Control.HasFocus(21)</visible>
                        <texture border="0,2,0,2">MenuItemNF.png</texture>
                    </control>
                    <control type="image">
                        <left>0</left>
                        <top>0</top>
                        <width>540</width>
                        <height>41</height>
                        <visible>Control.HasFocus(21)</visible>
                        <texture border="0,2,0,2">MenuItemFO.png</texture>
                    </control>
                    <control type="image">
                        <left>340</left>
                        <top>5</top>
                        <width>200</width>
                        <height>31</height>
                        <texture border="0,0,14,0">MediaItemDetailBG.png</texture>
                        <visible>Control.HasFocus(21) + !IsEmpty(ListItem.Label2)</visible>
                    </control>
                    <control type="label">
                        <left>0</left>
                        <top>0</top>
                        <width>500</width>
                        <height>40</height>
                        <font>font16</font>
                        <aligny>center</aligny>
                        <selectedcolor>selected</selectedcolor>
                        <textcolor>white</textcolor>
                        <align>left</align>
                        <info>ListItem.Label</info>
                    </control>
                    <control type="label">
                        <left>330</left>
                        <top>0</top>
                        <width>200</width>
                        <height>40</height>
                        <font>font16</font>
                        <aligny>center</aligny>
                        <selectedcolor>selected</selectedcolor>
                        <textcolor>grey</textcolor>
                        <align>right</align>
                        <info>ListItem.Label2</info>
                    </control>
                </focusedlayout>
            </control>
        </control>

        <!-- Item info -->

        <control type="label">
            <description>number of files/pages in left list text label</description>
            <left>128</left>
            <top>53r</top>
            <posy>80</posy>
            <width>570</width>
            <font>font16</font>
            <align>left</align>
            <scroll>true</scroll>
            <textcolor>grey</textcolor>
            <shadowcolor>black</shadowcolor>
            <label>([COLOR=blue]$INFO[Container(20).NumItems][/COLOR]) $LOCALIZE[31025] - $LOCALIZE[31024] ([COLOR=blue]$INFO[Container(20).CurrentPage]/$INFO[Container(20).NumPages][/COLOR])</label>
        </control>

        <control type="label">
            <description>number of files/pages in left list text label</description>
            <right>128</right>
            <top>53r</top>
            <posy>80</posy>
            <width>570</width>
            <font>font16</font>
            <align>right</align>
            <scroll>true</scroll>
            <textcolor>grey</textcolor>
            <shadowcolor>black</shadowcolor>
            <label>([COLOR=blue]$INFO[Container(21).NumItems][/COLOR]) $LOCALIZE[31025] - $LOCALIZE[31024] ([COLOR=blue]$INFO[Container(21).CurrentPage]/$INFO[Container(21).NumPages][/COLOR])</label>
        </control>

        <!-- Bottom bar -->

        <control type="group" id="4300">
            <include>Window_OpenClose_Animation_Slide_Up</include>
            <posx>95r</posx>
            <posy>85r</posy>
            <control type="button" id="4301">
                <ondown>20</ondown>
                <onup>21</onup>
                <onleft>4311</onleft>
                <description>Back Button</description>
                <posx>0</posx>
                <posy>0</posy>
                <width>82</width>
                <height>82</height>
                <texturenofocus border="4">floor_button_t.png</texturenofocus>
                <texturefocus border="4">floor_buttonfo.png</texturefocus>
                <onclick>back</onclick>
            </control>
            <control type="image">
                <description>Back Button Image</description>
                <posx>0</posx>
                <posy>0</posy>
                <width>82</width>
                <height>82</height>
                <texture>icon_back_w.png</texture>
                <bordersize>12</bordersize>
            </control>
        </control>

        <control type="group" id="4310">
            <include>Window_OpenClose_Animation_Slide_Up</include>
            <posx>190r</posx>
            <posy>85r</posy>
            <control type="button" id="4311">
                <ondown>20</ondown>
                <onup>21</onup>
                <onright>4301</onright>
                <description>Home Button</description>
                <posx>0</posx>
                <posy>0</posy>
                <width>82</width>
                <height>82</height>
                <texturenofocus border="4">floor_button_t.png</texturenofocus>
                <texturefocus border="4">floor_buttonfo.png</texturefocus>
                <onclick>ActivateWindow(Home)</onclick>
            </control>
            <control type="image">
                <description>Home Button Image</description>
                <posx>0</posx>
                <posy>0</posy>
                <width>82</width>
                <height>82</height>
                <texture>icon_home.png</texture>
                <bordersize>12</bordersize>
            </control>
        </control>

        <include>BehindDialogFadeOut</include>
    </controls>
</window>

I took example on Confluence's file manager with bigger fonts, mostly. Enjoy!
#8
Hi Vinzc,
probably i missed this . I will try to fix this and i think i will add a small button in home for file manager.

Thanks
#9
@idorel77

I have no idea about a button in the home page. What I did is replace the system update button from the Settings page since my requirements did not include upgrading the skin. Might be an idea to make it another home button setting in the Skin parameters, what do you think?
#10
Hi Vinzc,
i fixed file manager and added a button in home ''Files''.

Have fun!

Image



Image
#11
Hello.
I have "carpc" in my cars for 5 years.
I tried a different shell such as "centrafuse" "iCarDS" "Winamp + Skin Touch", etc.
Xbmc also tried, but it was not convenient.
Your "CarPC-touch" it's wonderful.

Thank you for it.

I have a few suggestions and questions.

Need "Minimize" button !!!

What size should the picture with the logo? (BMW Skoda etc.)

I can help with the Russian language.
To do need translate "strings.po"?

Thank you for attention.
#12
@idorel77

Just wow! That's perfect. Thanks for the work!

I've also noticed once the slideshow (from library "Pictures") is active there's no going back. I need a keyboard to hit "Back". Can it be fixed? (I'll also try looking that up on my own.)

@syntezit
The logo shall be 400 pixel square, transparent PNG.
#13
@vinzc
Thank you, I picked up the logo.


It is necessary minimization button.
#14
Hi idorel,
I really luv this skin a lot. And I was wondering if it is a possibility to change some of the home buttons to execute a different function.
ie: substitute the FM Radio button for a streaming radio like shoutcast, Pandora etc.
And also substitute the navigation button for a navigation app of my choice. I use iGO Primo.
What I'm trying to describe is if I tap and hold a button can a app be assigned to that button? Can this be added to the code?
I see that this skin is geared towards Rpi2 and not Android tablets.
This is the Kodi version for Android 5.0 that is installed on my 7" tablet.
thanks heeps for this excellent skin my friend. Smile
#15
Hi guys,

I love this skin! I think it is perfect for smaller touchscreens, for smartphones for example, but I missed the PVR option. I replaced the favourite button on the main screen with a link into the PVR Live TV menu. On the Settings main menu I replaced the System Update button with "Live TV Settings".

It works but I have to change the name written on the button itself. I know, n00b question... I am new in coding Big Grin Which file do I have to edit to change the button's name, in order for it to say "TV" instead of "System Update"?

Also, I am trying to mod this skin so that it can be used by all devices with small screens. Opinions and help are welcome!
  • 1(current)
  • 2
  • 3
  • 4
  • 5
  • 36
  • Next 
  Thread Closed
 
Thread Rating:
  • 2 Vote(s) - 5 Average



Logout Mark Read Team Forum Stats Members Help
CarPC-touch52