Apollo One (1 Viewer)

[wizard123]

Question is, the HomeGroupListViewStyle as far as i can see is using MenuListViewStyle which is using DefaultListViewStyle lol is that correct ?

Yes, this is the inheritance chain.

and how would i add the code to OtherControlsOverrides.xaml to style HomeGroupListViewStyle instead of using the inherited defaults.

Not sure if I understood the question right. If you now plan to modifiy the button content style, you should do this here: https://github.com/morpheusxx/Media...lt/styles/OtherControlsOverrides.xaml#L39-L67.

Generally spoken, if you need to modify a style you can:

• Define it with same name inside ApolloOne styles, they will override the "default" ones globally
• Or you define new styles with new names and modify all places where you plan to use the different style without touching the other defaults

For Titanium I also used both ways.

To make more sense basically the question was, i want to add a new style in which the horizontal menu will have no colours just the text and the text will be a greyish colour when not highlighted.

 

[morpheus_xx]

Ok, IC.
This is the horizontal group: https://github.com/morpheusxx/Media...polloOne/screens/master_homemenu.xaml#L20-L26
And the ListViewStyle: https://github.com/morpheusxx/MediaPortal-2/blob/FEAT_ApolloOne/MediaPortal/Incubator/ApolloOne/Skin/ApolloOne/themes/default/styles/OtherControlsOverrides.xaml#L119-L128

Correct way would be to:

1. Define a new ButtonStyle (analog to {ThemeResource HomeButtonStyle}), name it like HomeGroupButtonStyle
2. Define a new ItemContainerStyle (analog to MainMenuMenuItemContainerStyle), name it HomeGroupMenuItemContainerStyle
   1. Inside this new style replace <Button Style="{ThemeResource HomeButtonStyle}" ... HomeGroupButtonStyle
3. Add the Line "<Setter Property="ItemContainerStyle" Value="{ThemeResource HomeGroupMenuItemContainerStyle}"/> to the
   HomeGroupListViewStyle

 

[wizard123]

Hmm, unfortunately i think this is where current team designers will need to learn xaml if they want to design and build the skin
Otherwise i think MP2 will need to take a more traditional approach having the designers design and the coders code.

 

[morpheus_xx]

Did you try my proposed way? I also could do the modifications, but I think it would be better to try yourself

 

[wizard123]

I will give it a go when i catch 5 minutes but the problem is actually knowing how to define a new button style in xaml

 

[morpheus_xx]

If you take the home button style as example:
https://github.com/morpheusxx/Media...efault/styles/ButtonsOverrides.xaml#L225-L276

It looks quite long, but if you ignore the .Triggers (that start storyboards to animate the button on hover), the main content is:

 <Control Style="{ThemeResource HomeButtonControlStyle}" VerticalAlignment="Stretch" HorizontalAlignment="Stretch"/>

This is the "container" of a button: In Titanium I placed there the "glow border", you can still see it commented:
https://github.com/morpheusxx/Media...efault/styles/ButtonsOverrides.xaml#L215-L223

Then the home ListView uses this button: https://github.com/morpheusxx/Media...lt/styles/OtherControlsOverrides.xaml#L17-L37

            <Button.Triggers>
              <Trigger Property="HasFocus" Value="True">
                <Setter TargetName="ItemLabel" Property="Scroll" Value="Auto"/>
                <Setter TargetName="ItemLabel" Property="Color" Value="{ThemeResource TextColor}"/>
                <Setter TargetName="HoverGlow" Property="IsVisible" Value="true"/>
              </Trigger>

(the HoverGlow would be set to visible if control gets focus, but image is no longer present).

 

[morpheus_xx]

Now that the 10th AE release is out, I hope to find some time to push this skin further. @wizard123 did you continue in modifications of button styles?

 

[wizard123]

i have to be honest without a walkthrough of the previous post im waving my wand in the dark lol

 

[ge2301]

Is there any progress on this skin? Quite a few months passed without any posts here I'm just interested

 

[morpheus_xx]

The development happens in this branch (my fork): https://github.com/morpheusxx/MediaPortal-2/commits/FEAT_ApolloOne

For this skin I started from scratch, to remove many of the redundant styles that we have in Titanium: first there was Reflexion skin, which copied many styles, than later they were copied to Titanium. That's why I made a fresh start based on default only.

Funny: in this branch I fixed the background manager issue before, but forgot about it

I plan to rebase the branch and push it to our main repository. Then further styling can continue.