Author Topic: NoodleSkin: Progress and Screenshots  (Read 10985 times)

eNoodle

  • Veteran
  • ***
  • Posts: 93
    • View Profile
NoodleSkin: Progress and Screenshots
« on: March 01, 2009, 02:54:44 pm »
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

  • Veteran
  • ***
  • Posts: 93
    • View Profile
Re: NoodleSkin: Progress and Screenshots
« Reply #1 on: March 01, 2009, 03:08:10 pm »
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

  • Veteran
  • ***
  • Posts: 140
    • View Profile
Re: NoodleSkin: Progress and Screenshots
« Reply #2 on: March 01, 2009, 03:09:28 pm »
Great work, eNoodle. Really looking forward to have this included in LMCE, it looks much smoother than Basic skin.

br,
/chriss

jondecker76

  • Alumni
  • wants to work for LinuxMCE
  • *
  • Posts: 763
    • View Profile
Re: NoodleSkin: Progress and Screenshots
« Reply #3 on: March 01, 2009, 05:06:59 pm »
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

  • LinuxMCE God
  • ****
  • Posts: 5549
  • DOES work for LinuxMCE.
    • View Profile
Re: NoodleSkin: Progress and Screenshots
« Reply #4 on: March 01, 2009, 05:49:25 pm »
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

  • Veteran
  • ***
  • Posts: 93
    • View Profile
Re: NoodleSkin: Progress and Screenshots
« Reply #5 on: March 01, 2009, 06:21:22 pm »
Thank you so much for your work.

Thank you for your screencasts... ;)

eNoodle

Marie.O

  • Administrator
  • LinuxMCE God
  • *****
  • Posts: 3675
  • Wastes Life On LinuxMCE Since 2007
    • View Profile
    • My Home
Re: NoodleSkin: Progress and Screenshots
« Reply #6 on: March 01, 2009, 07:15:09 pm »
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

  • Veteran
  • ***
  • Posts: 67
  • 16 Years Linux exp.
    • View Profile
Re: NoodleSkin: Progress and Screenshots
« Reply #7 on: March 01, 2009, 09:25:37 pm »
Thats a very interesting look!
Hybrid core Gigabyte GA-EP45-UD3R m/b 2.8Ghz 2 gig ram. HVR1600 on the core. 2 Orbiter on Android for control 1 phone the other tablet. Running 10.04

niz23

  • Guru
  • ****
  • Posts: 361
    • View Profile
Re: NoodleSkin: Progress and Screenshots
« Reply #8 on: March 01, 2009, 10:02:00 pm »
eNoodle,

Very nice work!

/niz23

colinjones

  • Alumni
  • LinuxMCE God
  • *
  • Posts: 3003
    • View Profile
Re: NoodleSkin: Progress and Screenshots
« Reply #9 on: March 01, 2009, 10:25:16 pm »
Great work eNoodle! Thanks! Any chance of a UI2 version of the skin??

PlatypusPedersen

  • Regular Poster
  • **
  • Posts: 43
  • Hugs?
    • View Profile
Re: NoodleSkin: Progress and Screenshots
« Reply #10 on: March 02, 2009, 03:26:09 am »
Very nice design, excellent work. :)

eNoodle

  • Veteran
  • ***
  • Posts: 93
    • View Profile
Re: NoodleSkin: Progress and Screenshots
« Reply #11 on: March 02, 2009, 08:36:16 am »
Thanks guys, I hope I get it done until 810 is released.

rages

  • Guru
  • ****
  • Posts: 182
    • View Profile
Re: NoodleSkin: Progress and Screenshots
« Reply #12 on: March 02, 2009, 04:11:13 pm »
really beautiful!!!

aussie

  • Regular Poster
  • **
  • Posts: 32
    • View Profile
Re: NoodleSkin: Progress and Screenshots
« Reply #13 on: March 03, 2009, 08:07:59 am »
TOP NOTCH JOB !!!! :) 

los93sol

  • Guru
  • ****
  • Posts: 396
    • View Profile
Re: NoodleSkin: Progress and Screenshots
« Reply #14 on: March 03, 2009, 07:17:47 pm »
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.