[WIP] Metro UI Media Center

  Thread Rating:
  • 2 Votes - 3 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Post Reply
Dvorac Offline
Junior Member
Posts: 39
Joined: Dec 2010
Reputation: 0
Post: #16
starcitysecrets Wrote:wow that netflix view is so cool! so jealous that I didnt make that.

is this netflix addon in development or released then?

I am not exactly sure as to how far it is but there is some development going on over here.

On a side note I added a Hulu Plus mockup.
(This post was last modified: 2010-12-16 05:26 by Dvorac.)
find quote
Dvorac Offline
Junior Member
Posts: 39
Joined: Dec 2010
Reputation: 0
Post: #17
When playing movies - this is definitely going to change as I am really unsure how to do it. If anyone has an idea that might help for button placement I would be more than happy to listen.

[Image: playingmenu.png]
find quote
D0nR0s4 Offline
Senior Member
Posts: 280
Joined: Nov 2009
Reputation: 0
Location: Germany
Post: #18
Dvorac Wrote:When playing movies - this is definitely going to change as I am really unsure how to do it. If anyone has an idea that might help for button placement I would be more than happy to listen.

[Image: playingmenu.png]

Quite sure we can't do the popup thing on top of the current time, but not entirely certain.
find quote
Arcanthur Offline
Skilled Skinner
Posts: 423
Joined: Sep 2008
Reputation: 9
Location: 33.65 84.42
Post: #19
D0nR0sa Wrote:Quite sure we can't do the popup thing on top of the current time, but not entirely certain.

Not possible, also as nice as these mocks look I'm sad to say a lot of it is not currently possible in xbmc, such as filtering the library by letter. Also separating the contents of a list view with a letter. Also true "blur" is not incorporated into the skinning engine yet either, so using it would require some hacks.

Keep up the work though, as you may inspire a dev to incorporate some of these features.

Also the way the text fades isn't possible as we cant use a "diffuse texture" on fonts. You have to either use a standard colordiffuse and or make clever use of overlaying a background texture. Both have their faults though.
(This post was last modified: 2010-12-16 21:52 by Arcanthur.)
find quote
Dvorac Offline
Junior Member
Posts: 39
Joined: Dec 2010
Reputation: 0
Post: #20
Arcanthur Wrote:Not possible, also as nice as these mocks look I'm sad to say a lot of it is not currently possible in xbmc, such as filtering the library by letter. Also separating the contents of a list view with a letter. Also true "blur" is not incorporated into the skinning engine yet either, so using it would require some hacks.

For the blur all I had planned to do was simply have a 2nd fanart associated with each original unblurred fanart, so that it isn't too cpu intensive anyway.

Quote:Also the way the text fades isn't possible as we cant use a "diffuse texture" on fonts. You have to either use a standard colordiffuse and or make clever use of overlaying a background texture. Both have their faults though.

For the fonts it isn't possible to add a drop shadow while applying a semi-transparent gradient overlay? Hmm, I might need to rethink a few things then.

Thank you for everything by the way as I have no idea what is/isn't possible.
find quote
>>X<< Offline
Alaska Group
Posts: 2,901
Joined: Jun 2009
Location: On a farm trying to catch a fox
Post: #21
Arcanthur Wrote:Not possible, also as nice as these mocks look I'm sad to say a lot of it is not currently possible in xbmc, such as filtering the library by letter

Maybe could be done with a playlist I use to have one playlist for each letter in my favourites using the rule Title Starts With just so I could jump quickly to something
find quote
Dvorac Offline
Junior Member
Posts: 39
Joined: Dec 2010
Reputation: 0
Post: #22
A couple more mockups - girlfriend is now home so thank her for giving me some spare time to work on this. Also any additional mockups will now be posted here until the limit is reached.

Movies - showcase view - derived from netflix instant queue

[Image: moveshowcase.png]

Side-settings - although I need to change the toggle switches as they are straight from WP7 templates

[Image: sidelist.png]

Side-settings alt

[Image: sidelistalt.png]

Notification Center (bottom right of every window)

[Image: NotificationCenter.png]
(This post was last modified: 2010-12-23 06:17 by Dvorac.)
find quote
Maxoo Offline
Fan
Posts: 391
Joined: Mar 2010
Reputation: 12
Location: Paris, France
Post: #23
Really nice !
find quote
D0nR0s4 Offline
Senior Member
Posts: 280
Joined: Nov 2009
Reputation: 0
Location: Germany
Post: #24
My vote is on side menu no. 2
find quote
pieh Offline
Team-Kodi Member
Posts: 672
Joined: Aug 2010
Reputation: 13
Location: Poland
Post: #25
D0nR0sa Wrote:Quite sure we can't do the popup thing on top of the current time, but not entirely certain.
Actually it is possible - You just need small python script that will move/animate some GUI elements - easy to do if any1 is interested Smile

---edit:
Separation items in list by first letter could be done by dedicated plugin

nothing is impossible Smile
(This post was last modified: 2010-12-21 00:13 by pieh.)
find quote
rd1979 Offline
Senior Member
Posts: 246
Joined: Jul 2008
Reputation: 1
Post: #26
I like every mock up I've seen yet, except the transport buttons one. This skin should definitely be made.
find quote
Fraincs Offline
Member
Posts: 71
Joined: Aug 2010
Reputation: 0
Post: #27
Awesome skin so far makes me wonder why I'm doing mine!
find quote
thomas.ross Offline
Junior Member
Posts: 2
Joined: May 2010
Reputation: 0
Location: Glasgow, Scotland
Post: #28
How about using "reFocus" as a base? It seems to have the same general layout as your mockups Smile just throwing it out there.
find quote
Dvorac Offline
Junior Member
Posts: 39
Joined: Dec 2010
Reputation: 0
Post: #29
Updated reply #22 with a larger version of the notification center. Something that I tried to focus on when designing it was that I wanted to make it blend in and be something that you see only in the background as library updates are anything but discreet on most skins.

On a side note I am not sure if I will be able to continue with the skin after classes start on the 9th (yay 19 credits) so I might just release the PSD files once I get them organized.
(This post was last modified: 2010-12-23 06:37 by Dvorac.)
find quote
Dvorac Offline
Junior Member
Posts: 39
Joined: Dec 2010
Reputation: 0
Post: #30
EDIT: All information will be added to first post from now on. Three PSD files have been added so far.
(This post was last modified: 2010-12-24 20:45 by Dvorac.)
find quote
Post Reply