NoodleSkin: Progress and Screenshots

[eNoodle]

Hi guys,

I want to share the progress of my new skin I'm developing for LMCE. Here are the first screenshots. The first one shows the main menu, which acts like the mainmenu from Basic. On the left hand side I realized a tabstrip, which will bring you from every screen to the according floorplan. On the right side is a nvaigation, which will be used for room and user selection, some basic tasks (sleeping, computing, power and advanced). The middle part of the right navigation will be used for screen dependent actions, like room selection on floorplans.

I plan to build a complete replacement for Basic skin, so this skin will support normal horizontal, pda and mobile orbiter. As a bonus I'll also build a skin for mythtv, which will have the same layout as the new skin. Of course, I'll also provide some photoshop templates for the floorplans, so they have also a unique look and feel.

For now the basics are done, the mainmenu is functioning, the first floorplan is ready and a lot of graphic work has been done already. Even the smaller bits, like floorplan icons and so on are ready.

So, let's get back to work, there is a lot to do and time is running.

eNoodle

[eNoodle]

I'll also try to show you some tricks, which makes working with HA Designer much easier.

Floormap Buttons on each page

NoodleSkin has on every single page buttons for the floorplans (the buttons on the left side). Instead of adding "Set Floorplan" on every single screen, I build a group of buttons and added the "Set Floorplan" action to the startup section of this group, this saves some time and is much easier. I now only need to place the group of buttons on the left side and do not need to worry about "Set Floorplan" and "Show Floorplan", because everything is done within the group.

Tabstrip

I did several test trying to realize the Tabstrip on the left side. However, having single buttons and setting different backgrounds for normal and selected state is working, but sometimes you will get ugly borders. I guess this is due the fact, that the screen is resized while rendering. To avoid this, I recommend to use different backgrounds and use transparent buttons.

eNoodle

[chriss]

Great work, eNoodle. Really looking forward to have this included in LMCE, it looks much smoother than Basic skin.

br,
/chriss

[jondecker76]

thats a nice refreshing look. Glad to see it coming together.
I wouldn't mind doing a little skin design myself, but I don't even own a Windows box, and quickdesigner isn't quite finished enough to use yet from what I've tried of it.

Good work!

[tschak909]

Thank you so much for your work.

I can't wait to see what a V2 variation will hold.

When you get the skin closer to completion, we'll help you fold it into the release.

-Thom

[eNoodle]

Thank you so much for your work.

Thank you for your screencasts...

eNoodle

[Marie.O]

jondecker,

[..] quickdesigner isn't quite finished enough to use yet from what I've tried of it.

what kind of shortcomings does QuickDesigner have for you? I like it so far (only been using it for a couple of month). I especially like the copy functionality.

[Steve]

Thats a very interesting look!

[niz23]

eNoodle,

Very nice work!

/niz23

[colinjones]

Great work eNoodle! Thanks! Any chance of a UI2 version of the skin??

[PlatypusPedersen]

Very nice design, excellent work.

[eNoodle]

Thanks guys, I hope I get it done until 810 is released.

[rages]

really beautiful!!!

[aussie]

TOP NOTCH JOB !!!!  

[los93sol]

Woot!  Very nicely done, I'd like to help out with this effort, I've been toying with HADesigner on and off now for quite awhile but was lacking the graphical ability to make something really nice.  It looks like you've got a good design going, shoot me a PM if you want some help getting things ready.