[WIP] Xbmc Style Skin for VIX

[markus625]

Hi guys

Ive started this thread to keep you updated with the progress of my Xbmc style skin based on Welo, google welo xbmc and your see why.

The purpose of this skin is to keep it unclutered and using a font size that wont strain your eyes when viewing from a 10' away couch, also there only be icons that you actually need to see.

Ill also be posting screenshots of work already done and working on my Duo i will also be asking for help as im not familar with all the code that goes into making a skin.

InfoBar
infobar-screenshot.jpg

SecondInfobar
2nd-infobar-screenshot.jpg

[markus625]

This is what i want for the graphical epg,
The oly thing i cant get right is the showing of the picon in the bottom right hand corner, the channel name for the epg as those picons can be hard to see from 10' away and also the epg guide colors which are the original green,blue etc.
Otherwise its all there.

screenshot14.jpg

This is what im getting so far
screenshot15.jpg

[markus625]

Anyone got any ideas if you can have the main menu behave like the menu does in xbmc confluence skin like below.

xbmc_confluence_skin-512x288.jpg

My idea below is either to have the menu with 6 menu items showing or just 1 menu item with arrows pointing in either direction.

What do you guys think...
screenshot10.jpg screenshot16.jpg

[markus625]

Was hopeing to get this code to work to display either a AM or PM image in the top right hand corner like the code to display the hd or sd logos but couldnt get it to work, any ideas guys.

  

       	        <widget source="global.CurrentTime" render="Pixmap" pixmap="XBMC_test/images/clock-pm.png" position="1199,49" size="32,17"   zPosition="3" alphatest="blend">
      <convert type="ClockToText">Format:%H</convert>
<convert type="ValueRange">12,23</convert>
<convert type="ConditionalShowHide" />
      
      
    </widget>	
       	        <widget source="global.CurrentTime" render="Pixmap" pixmap="XBMC_test/images/clock-am.png" position="1199,49" size="32,17"   zPosition="3" alphatest="blend">
      <convert type="ClockToText">Format:%H</convert>
<convert type="ValueRange">1,11</convert>
<convert type="ConditionalShowHide" />
      
      
    </widget>

Code below for video resolution for comparison

	<widget source="session.CurrentService" render="Pixmap" pixmap="ViX_Night_HD/icons/icon_hd_on.png" position="667,11" size="29,20" zPosition="2" alphatest="blend">
			<convert type="ServiceInfo">VideoWidth</convert>
			<convert type="ValueRange">721,1980</convert>
			<convert type="ConditionalShowHide" />
		</widget>

[rocuelo]

great skin... for ultimo also please!!!

[markus625]

great skin... for ultimo also please!!!

I dont see why i couldnt apply to any device that runs Vix2.3

[markus625]

Movieplayer screen completed today..allthru i cant see all the grays/blacks from the infobar on my tv probably because its a plasma and the contast ratio probably isnt that great.

screenshot17.jpg

[Sicilian]

Looking niiiiccccceeee

Great work

[bassethound]

Looking great so far m8

[paul362]

nice work love to try it when finneshed m8

[OldSkulRide]

Your design is something completely different... Nice work!

[markus625]

Added a 1080P Icon for playing movies which are 1920x1080p or bluray etc.

screenshot18.jpg

[Rob van der Does]

Added a 1080P Icon for playing movies which are 1920x1080p or bluray etc.

How do you manage to get that activated?

[markus625]

How do you manage to get that activated?

Just with the code below.

1080i is 1280x720 and 1080p is 1920x1080

<widget source="session.CurrentService" render="Pixmap" pixmap="XBMC_test/images/icon_hd_p.png" position="1102,635" size="127,29" zPosition="2" alphatest="blend">
			<convert type="ServiceInfo">VideoWidth</convert>
			<convert type="ValueRange">1281,1980</convert>
			<convert type="ConditionalShowHide" />
		</widget>

[Foxylady]

This is looking Ser-weeeeeeeeeeeeeet!
The day will come when it's available.
Take your time markus, as we wouldn't want you to rush the rest and ruin a cracking skin.
Superb job