Kodi Community Forum
Lithium - Yet another skin in development for XBMC - 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)
+---- Forum: WIP Skins (https://forum.kodi.tv/forumdisplay.php?fid=160)
+---- Thread: Lithium - Yet another skin in development for XBMC (/showthread.php?tid=57227)

Pages: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

- D0nR0s4 - 2009-12-23

Thanks for all your answers and for the github link, didn't see it before.

- fozzieb - 2009-12-24

WOW simply amazing skin, keep up the good work

- toneman77 - 2009-12-31

I'm still impressed by this skin. one of the very very few skins that i can read flawlessly from 4,5m distance. Looking forward to see further updates. thumbs up

- reddragon220 - 2010-01-03

January 2, 2010 - NEW VERSION UPLOADED
- Too many things to list just check it out!

pre1014 Wrote:looking real good!
Cool - glad you like it.
D0nR0sa Wrote:Thanks for all your answers and for the github link, didn't see it before.
No problem - and I don't think I posted it before.
fozzieb Wrote:WOW simply amazing skin, keep up the good work
Will do!
toneman77 Wrote:I'm still impressed by this skin. one of the very very few skins that i can read flawlessly from 4,5m distance. Looking forward to see further updates. thumbs up
Ask and ye shall receive. Cool

Also - the last xbmc version had over 340 downloads! Very cool stuff.

- ppic - 2010-01-03

good work !!!

- newg - 2010-01-03

good work. I like legibility on my old HDTV CRT and the skin overall but I do miss the showcase view being on the bottom instead of the middle of the screen. I also miss the Episode view in TV. Having never played with any of the skins, can I just add those views in from the last edition of the skin?

- reddragon220 - 2010-01-04

ppic Wrote:good work !!!
Thanks!

newg Wrote:good work. I like legibility on my old HDTV CRT and the skin overall but I do miss the showcase view being on the bottom instead of the middle of the screen. I also miss the Episode view in TV. Having never played with any of the skins, can I just add those views in from the last edition of the skin?
All of the code for the views are still around - I just haven't finished figuring out how to revamp that particular view yet. Have patience - it's coming. Try using the info low list view and letting me know how that works out.

You might want to try out the plex version (it doesn't have the xbmc optimizations but that's alright) as I've adjusted some things today and the info list is better from a design standpoint. You can download it here at github.

- francyboy - 2010-01-07

i make this view modding the showcase view ... i think is really nice.

Image Image

Code:
<includes>    
    <include name="show_case">
        <control type="group">
            <include>preferences_animation</include>
            <include>no_header</include>
            <visible>Control.IsVisible(58)</visible>
            <posx>-163</posx>
            <posy>74</posy>

            <!-- Select List -->
            <control type="group">
                <control type="fixedlist" id="58">
                    <animation type="Conditional" condition="Control.hasfocus(581) + Skin.HasSetting(horizontal_scroll)">
                        <effect type="slide" end="0,-20" center="auto" time="200"/>
                    </animation>

                    <viewtype label="Show Case">list</viewtype>
                    <include>orientation_horizontal</include>

                    <width>1443</width>
                    <height>612</height>


                    <ondown>581</ondown>
                    
                    <pagecontrol>581</pagecontrol>

                    <focusposition>1</focusposition>

                    <itemlayout width="204" height="295">
                        <control type="image">
                            <posx>-30</posx>
                            <posy>340</posy>
                            <width>192</width>
                            <height>288</height>
                            <info>ListItem.thumb</info>
                            <texture diffuse="showcase/thumb_mask.png"></texture>
                            <bordertexture border="5">showcase/thumb_shadow.png</bordertexture>
                            <bordersize>5</bordersize>
                        </control>
                    </itemlayout>
                    <focusedlayout width="480" height="720">
                        <control type="image">
                            <posx>-30</posx>
                            <posy>-40</posy>
                            <width>480</width>
                            <height>720</height>
                            <info>ListItem.thumb</info>
                            <texture diffuse="showcase/thumb_mask_focus.png"></texture>
                            <bordertexture border="5">showcase/thumb_focus_shadow.png</bordertexture>
                            <bordersize>5</bordersize>
                        </control>
                    </focusedlayout>
                </control>

            </control>
            <!-- Scrollbar horizontal -->
            <control type="group">
                <visible allowhiddenfocus="true">Control.hasfocus(581) + Skin.HasSetting(horizontal_scroll)</visible>
                    <animation type="Conditional" condition="Control.hasfocus(581)">
                        <effect type="fade" end="100" time="200"/>
                    </animation>
                <posy>556</posy>
                <posx>669</posx>
                <control type="image">
                    <width>267</width>
                    <height>26</height>
                    <posy>0</posy>
                    <texture>Zen/elements/common/scrollbar/scrollbar_bg_horizontal.png</texture>
                </control>
                <control type="scrollbar" id="581">
                    <width>267</width>
                    <height>26</height>
                    <orientation>horizontal</orientation>
                    <onup>50</onup>
                    <onleft>501</onleft>
                    <onright>501</onright>
                    <ondown>101</ondown>
                    <textureslidernib>Zen/elements/common/scrollbar/scrollbar_nib.png</textureslidernib>
                    <textureslidernibfocus>Zen/elements/common/scrollbar/scrollbar_nib_focus.png</textureslidernibfocus>
                </control>
            </control>

        </control>
    </include>
</includes>

And this is my mod of the dialogvideoinfo.xml :

Image Image

Quote:<window id="2003">
<defaultcontrol always="true">5</defaultcontrol>
<allowoverlay>no</allowoverlay>

<controls>
<control type="image">
<description>Cover Image</description>
<width>1280</width>
<height>720</height>
<texture>info/info_bg.png</texture>
<aspectratio>stretch</aspectratio>
</control>

<control type="image" id="3">
<description>Cover Image</description>
<posx>19</posx>
<posy>-70</posy>
<width>432</width>
<height>648</height>
<texture diffuse="info/thumb_mask.png"></texture>
<bordertexture border="5">info/thumb_shadow.png</bordertexture>
<bordersize>5</bordersize>
</control>

<control type="image">
<description>Actor panel</description>
<posy>10</posy>
<width>1280</width>
<height>720</height>
<texture>info/actor_panel.png</texture>
<aspectratio>stretch</aspectratio>
</control>


<control type="label" id="20">
<description>Title</description>
<posx>511</posx>
<posy>35</posy>
<width>769</width>
<label>-</label>
<font>Menu</font>
<scroll>true</scroll>
<textcolor>ffe8e8db</textcolor>
</control>

<control type="grouplist" id="1">
<posx>510</posx>
<posy>108</posy>
<width>750</width>
<height>222</height>
<itemgap>0</itemgap>
<onup>1</onup>
<ondown>50</ondown>
<onright>6</onright>
<onleft>8</onleft>
<orientation>horizontal</orientation>
<control type="button" id ="8">
<description>Play</description>
<visible>!Control.IsEnabled(9)</visible>
<label>$LOCALIZE[208]</label>
<font>Small</font>
<textcolor>ffe8e8db</textcolor>
<disabledcolor>7fe8e8db</disabledcolor>
<width>150</width>
<height>48</height>
<texturefocus>info/button.png</texturefocus>
<texturenofocus>-</texturenofocus>
</control>
<control type="button" id ="9">
<description>Resume</description>
<visible>Control.IsEnabled(9)</visible>
<label>$LOCALIZE[13404]</label>
<font>Small</font>
<textcolor>ffe8e8db</textcolor>
<disabledcolor>7fe8e8db</disabledcolor>
<width>150</width>
<height>48</height>
<texturefocus>info/button.png</texturefocus>
<texturenofocus>-</texturenofocus>
</control>
<control type="button" id ="5">
<description>Plot/Cast</description>
<label>$LOCALIZE[206]</label>
<font>Small</font>
<textcolor>ffe8e8db</textcolor>
<disabledcolor>7fe8e8db</disabledcolor>
<width>150</width>
<height>48</height>
<texturefocus>info/button.png</texturefocus>
<texturenofocus>-</texturenofocus>
</control>
<control type="button" id="11">
<description>Trailer button</description>
<label>$LOCALIZE[20410]</label>
<font>Small</font>
<textcolor>ffe8e8db</textcolor>
<disabledcolor>7fe8e8db</disabledcolor>
<width>150</width>
<height>48</height>
<texturefocus>info/button.png</texturefocus>
<texturenofocus>-</texturenofocus>
</control>
<control type="button" id ="10">
<description>Get Thumb</description>
<label>Thumbnail</label>
<font>Small</font>
<textcolor>ffe8e8db</textcolor>
<disabledcolor>7fe8e8db</disabledcolor>
<width>150</width>
<height>48</height>
<texturefocus>info/button.png</texturefocus>
<texturenofocus>-</texturenofocus>
</control>
<control type="button" id="12">
<description>Fanart button</description>
<label>Fanart</label>
<font>Small</font>
<textcolor>ffe8e8db</textcolor>
<disabledcolor>7fe8e8db</disabledcolor>
<width>150</width>
<height>48</height>
<texturefocus>info/button.png</texturefocus>
<texturenofocus>-</texturenofocus>
</control>
<control type="button" id ="6">
<description>Refresh</description>
<label>$LOCALIZE[184]</label>
<font>Small</font>
<textcolor>ffe8e8db</textcolor>
<disabledcolor>7fe8e8db</disabledcolor>
<width>150</width>
<height>48</height>
<texturefocus>info/button.png</texturefocus>
<texturenofocus>-</texturenofocus>
</control>
</control>





<control type="group">
<posx>-200</posx>
<posy>0</posy>
<control type="textbox">
<posx>700</posx>
<posy>180</posy>
<width>757</width>
<height>200</height>
<label>$INFO[listitem.Plot]</label>
<font>Small</font>
<textcolor>ffe8e8db</textcolor>
<autoscroll delay="6000" time="3000" repeat="10000"></autoscroll>
</control>
<control type="fixedlist" id="50">
<viewtype label="Show Case">list</viewtype>
<info>listitem.castandrole</info>
<include>orientation_horizontal</include>
<width>2280</width>
<height>768</height>
<onup>1</onup>
<focusposition>1</focusposition>
<viewtype label="Show Case">list</viewtype>
<itemlayout width="192" height="308">
<control type="image">
<posx>10</posx>
<posy>460</posy>
<width>192</width>
<height>288</height>
<info>listitem.icon</info>
<texture diffuse="showcase/thumb_mask.png"></texture>
<bordertexture border="5">showcase/thumb_shadow.png</bordertexture>
<bordersize>5</bordersize>
</control>
</itemlayout>
<focusedlayout width="192" height="308">
<control type="image">
<posx>10</posx>
<posy>460</posy>
<width>192</width>
<height>288</height>
<info>listitem.icon</info>
<texture diffuse="showcase/thumb_mask_focus.png"></texture>
<bordertexture border="5">showcase/thumb_focus_shadow.png</bordertexture>
<bordersize>5</bordersize>
</control>
</focusedlayout>
</control>
</control>
</controls>
</window>


- ralob - 2010-01-09

The skin looks wonderful. Is there any svn or git hosting the latest code? I only ask because it may be easier for users to have up-to-the-second testing without you needing to constantly upload versions.

- paularms - 2010-01-09

Any chance you're going to put in an option to "dim" the fanart in the background of views? I know quite a few other skins have it–and it'd really make posters pop a bit more.

- reddragon220 - 2010-01-11

francyboy Wrote:i make this view modding the showcase view ...
Cool stuff Francyboy - I'm looking forward to see what else you come up with. I'll try to clean up my code and image folder to make things easier. Feel free to PM me if you have any questions.

ralob Wrote:The skin looks wonderful. Is there any svn or git hosting the latest code? I only ask because it may be easier for users to have up-to-the-second testing without you needing to constantly upload versions.
I think I posted it earlier but there is a git repository at http://github.com/reddragon220/Lithium. I need to clean up the XBMC branch and bring it up to pace with the plex oriented master branch. (I've got a nasty context menu bug to fix and then we're a go ahead for another release).

paularms Wrote:Any chance you're going to put in an option to "dim" the fanart in the background of views? I know quite a few other skins have it–and it'd really make posters pop a bit more.
I did have that option at one point but right now your not allowed to change just how dimmed the fanart is (it's hard coded at the moment). I'll work on implementing that in the next option.

p.s. A couple of people have pm'd me - don't worry I'm not ignoring you, I'll get back to all of you soon.

- francyboy - 2010-01-11

reddragon220 Wrote:(I've got a nasty context menu bug to fix and then we're a go ahead for another release)

Solved! Big Grin just add a line to the coordinates

Code:
<coordinates>
    <system>1</system>
    <posx>0</posx>
    <posy>0</posy>
    [color=red][b]<origin x="0" y="150"/>[/b][/color]
</coordinates>


- reddragon220 - 2010-01-12

francyboy Wrote:Solved! Big Grin just add a line to the coordinates
Code:
<coordinates>
    <system>1</system>
    <posx>0</posx>
    <posy>0</posy>
    [color=red][b]<origin x="0" y="150"/>[/b][/color]
</coordinates>
Not quite, that prevents the dialog from auto-centering. The real problem was that the footer was still in a group. Moving the id from the group to the actual image cleaned everything up.

- D0nR0s4 - 2010-01-12

Is it only me that some images (view settings, home menu background) are missing, or are they just not implemented? Oh, and the fanart view is lagging when scrolling, prob. due to the big fanart images that get loaded. Probably solvable by preloading, because it seems to work e.g. in alaska. However, great skin and it's growing.

- francyboy - 2010-01-12

New DialogVideoInfo plus spinnig dvd :-D

Image


Quote:Not quite, that prevents the dialog from auto-centering. The real problem was that the footer was still in a group. Moving the id from the group to the actual image cleaned everything up.

I don't get what you mean ... can you post an image? this is what i get when i call the context menu :

Image