New Community Theme: Bamboo (1 Viewer)

[morpheus_xx]

I really have a hard time to find the place where something is defined in MP2 skins. This is completely irritating as I'm not able to find the logic behind all this up to now.

There are some things you should read: http://wiki.team-mediaportal.com/2_MEDIAPORTAL_2/8_Contribute/Skin_Design/2_Creating_Skins_for_MP2
And maybe also related MSDN documentation: http://msdn.microsoft.com/en-us/library/ms745683(v=vs.110).aspx.

The main philosophy is to define styles once and than use them multiple times.
Styles can "inherit" (BasedOn=...) other styles.
Styles can be changed by themes.

 

[Lehmden]

Thanks for the links.
Finished for today. Did not manage to get rid of the scroll indicator below home menu buttons. Die (ahm try) another day. The buttons are not as far down as I wanted them (they should be directly above the bottom bar with newsticker). But it is at least a bit like I want it. Changing backgrounds are fake for now but shows what I want.
Focused menu item weather:

Focused men item music:

Focused menu item movies:

Focused men item pictures:

Focused menu item settings:

Focused menu item shutdown:

I will continue to work on this when I find the time...

 

[morpheus_xx]

Great progress @Lehmden!

To your question about scrollbars: they are defined by the ScrollViewer style. There is already a style that shows "<" and ">" as indicator (copy from Reflexion skin):

https://github.com/MediaPortal/Medi...fault/styles/OtherControlsOverrides.xaml#L109
Which must be added to the "HomeMenuListViewStyle" as done in Reflexion:
https://github.com/MediaPortal/Medi.../styles/OtherControlsOverrides.xaml#L205-L210 (adding Style="{ThemeResource MainMenuScrollViewerStyle}" to ScrollViewer)

 

[ge2301]

Great progress @Lehmden!

To your question about scrollbars: they are defined by the ScrollViewer style. There is already a style that shows "<" and ">" as indicator (copy from Reflexion skin):

https://github.com/MediaPortal/Medi...fault/styles/OtherControlsOverrides.xaml#L109
Which must be added to the "HomeMenuListViewStyle" as done in Reflexion:
https://github.com/MediaPortal/Medi.../styles/OtherControlsOverrides.xaml#L205-L210 (adding Style="{ThemeResource MainMenuScrollViewerStyle}" to ScrollViewer)

I think I didn't get it completely. I can modify some settings of the scroll bar appearance, but I'm not able to completely deactivate it.
By deleting the part completly from OtherControlsOverrides.xaml I can also not remove the scroll bar.

My target is to have following main menue

• Stackpanel with 1 row instead of Wrappanel with 2 rows --> Done
• 5 instead of 3 buttons per row --> Done
  
• Always focus on centered button --> Not possible yet due to problem
• Limitless scrolling, means there is no first or last button. Advantage, one doesn't have to consider in which direction to scroll, in the end one will always reach the button --> Can it be achieved somehow to have a list which end is connected to the beginning?

 

[morpheus_xx]

Nice idea and good sketch !

What you propose is often called "carousel control" and you can find some WPF examples like: http://wpfcarousel.codeplex.com/.

The code for that is not so complicated, we might port this to a MPF control...

Edit: if someone is not able to compile the example, I have added a binary

 

[Lehmden]

HI.
This would be something I also would like for my skin version... Similar to the seamless scrolling in MP1 listviews. When you reach the last item it starts over again with the first.

 

[morpheus_xx]

The code from linked example compiles inside MP2, curious if this works already, stay tuned

 

[morpheus_xx]

After small code adjustments I see something on screen, but not yet as expected
Good news is: scale and opacity changes are working already, I need to find the cause for the Y offset. After this I need to implement focus handling, as the given example only reacts on mouse, but not key left/right

But I think we might get a working version soon

 

[azzuro]

hey morph, your implementation of caroussel can be good with 3D glasses, the menu with 3D effect lol

 

[ge2301]

Nice, this can result in a great menue
I found following code, which results in basically what I intended.
http://drwpf.com/blog/category/panels/