Apollo One (2 Viewers)

[ge2301]

Any menu item that is in the standard screens should be the same as the main menu bar ( a darker color for unselected and white for selected no backgrounds ) i dont know why your trying to use the blue one ive mentioned before that the blue one is only to be used in the extra dialogs where there is a black overlay, all should stay true to the screenshots i posted previously.

I didn't try anything. As morpheus_xx mentioned, the blue button background is currently implemented as on my screenshot. I didn't know it's unintentionally, because so far I haven't seen a mockup from the settings menu. I have same opinion with you, that white for "selected" and "grey" for unselected is easy and visually fine.

 

[ge2301]

@morpheus_xx
Trying to come more into xaml. More things became clear, but still hard because the complete structure is huge.
Therefore I try to start with easy things.

Blue=modified
Red=not working

Buttons.xaml

<!-- ***************************** Storyboards ******************************** -->
<ResourceWrapper x:Key="SquareButtonZoomCoefficient" Resource="1.04"/>
<ResourceWrapper x:Key="WideButtonZoomCoefficientX" Resource="1.02"/>
<ResourceWrapper x:Key="WideButtonZoomCoefficientY" Resource="1.04"/>​

Currently wide and square buttons are separated, but even though the move-over sclaing effects differ a lot dependend on button size (e.g. Browse Folder in "mediahub").
Is it possible to to use instead of a scaling factor a fixed "scaling-offset" that is added to all directions? I was checking online, but couldn't find something comparable.

<!-- Home items button style -->​

<Style x:Key="HomeButtonControlStyle" TargetType="{x:Type Control}">

<Setter Property="Template">​

<Setter.Value>
<ControlTemplate>

<Border x:Name="ButtonControlRectangle"​

IsVisible ="False"
CornerRadius="{ThemeResource ButtonControlRadiusX}"
BorderBrush="{ThemeResource MediaItemsFocusedBorderBrush}"
BorderThickness="2.5"
Margin="-3"/>

<Border.Effect>
<BlurEffect Radius="10"/>
</Border.Effect>​

</ControlTemplate>
</Setter.Value>
</Setter>
</Style>

Brushes.xaml

<ResourceWrapper x:Key="MediaItemsFocusedBorderBrush">
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">

<GradientStop Color="{ThemeResource HomeNonFocusedColor}" Offset="0"/>
<GradientStop Color="{ThemeResource TextColor}" Offset="0.30"/>
<GradientStop Color="{ThemeResource TextColor}" Offset="0.70"/>
<GradientStop Color="{ThemeResource HomeNonFocusedColor}" Offset="1"/>​

</LinearGradientBrush></ResourceWrapper>​

For some reasons the gradient brush does not work. Visible is only the value of the stop at offset="1".
I think since DX11 implementation this does not work any more and selectino borders are only grey.
In case it can not be fixed, I'd set the border color better to "TextColor"

Currently looks like this:


Edit:
I just realized something interesting in above screenshot. The dropshadow of the huge "browse media" button is smaller than the button in terms of height. In your posted screenshot for backdrops I didn't see this. I can reproduce same after restart of MP2.

 

[morpheus_xx]

@wizard123 can you please give me some more details about used fonts? It looks different here.

I need such info: FontFamily (Fira Sans OT Light), FontWeight (Normal), FontSize (30).
For:

• Top main navigation
• Media Items List view
  
• Movie / Series details (header and normal text).

Can you also please create a "watched"/"unwatched" indicator?
Another wish: my girlfriend complains about the "Dexter" image for "TV". Can you select another one, maybe the current one of "EPG"?

 

[morpheus_xx]

@ge2301 regarding your questions:

Here you find my recent addition of effects: https://github.com/MediaPortal/MediaPortal-2/commit/c2a792951922f63b368a1aacb44e1c7fd2db8869. But I already found some open issues with nested effects/controls. So for now if you experience issues, there are still bugs to be fixed.

Brushes.xaml
<ResourceWrapper x:Key="MediaItemsFocusedBorderBrush">
<LinearGradientBrush StartPoint="0,0" EndPoint="1,1">
<GradientStop Color="{ThemeResource HomeNonFocusedColor}" Offset="0"/>
<GradientStop Color="{ThemeResource TextColor}" Offset="0.30"/>
<GradientStop Color="{ThemeResource TextColor}" Offset="0.70"/>
<GradientStop Color="{ThemeResource HomeNonFocusedColor}" Offset="1"/>
</LinearGradientBrush></ResourceWrapper>

I noticed as well. One more bug of the DX11/D2D switch. Need to investigate this.

 

[HomeY]

I just tried to pull the FEAT_ApolloOne branch and it throws an error:

Your configuration specifies to merge with the ref 'FEAT_ApolloOne'
from the remote, but no such ref was fetched.


git did not exit cleanly (exit code 1) (1235 ms @ 4-1-2015 16:51:05)

Is this branch removed?

No branches found matching “FEAT_ApolloOne”.

 

[ge2301]

I just tried to pull the FEAT_ApolloOne branch and it throws an error:
Code (Text):
Your configuration specifies to merge with the ref 'FEAT_ApolloOne'
from the remote, but no such ref was fetched.


git did not exit cleanly (exit code 1) (1235 ms @ 4-1-2015 16:51:05)
Is this branch removed?

Yes the branch was deleted by morpheus. Latest state for Apollo One can be found in weekly branch https://github.com/MediaPortal/MediaPortal-2/tree/Weekly
or if related to new visual effects, here: https://github.com/MediaPortal/MediaPortal-2/tree/FEAT_DX11_D2D_v2

 

[morpheus_xx]

Currently looks like this:
Unbenannt.jpg
Edit:
I just realized something interesting in above screenshot. The dropshadow of the huge "browse media" button is smaller than the button in terms of height. In your posted screenshot for backdrops I didn't see this. I can reproduce same after restart of MP2.

The "shadow" effect cares about Alpha channel information: the big button uses a semi-transparent fill. So the shadow is ligther than for full opaque images. I had to figure this out as well

 

[wizard123]

@wizard123 can you please give me some more details about used fonts? It looks different here.

I need such info: FontFamily (Fira Sans OT Light), FontWeight (Normal), FontSize (30).
For:

• Top main navigation
• Media Items List view
  
• Movie / Series details (header and normal text).

Can you also please create a "watched"/"unwatched" indicator?
Another wish: my girlfriend complains about the "Dexter" image for "TV". Can you select another one, maybe the current one of "EPG"?

• Top main navigation ( Fira Sana OT, Light, 36 )
  
• Media Items List view Main ( Fira Sana OT, Regular, 28 ) Sub text ( genre etc ) ( Fira Sana OT, Regular, 22 )
  
• Movie / Series details (header and normal text). Header ( Fira Sana OT, Regular, 30 ) Normal ( Fira Sana OT, Light, 27 )

They are the current settings but i also need to install the latest build once you have set them so i can check them properly.

I will look at the watched indicators next, the tiles for tv were changed when i first did the rework did i not post them ? i will take a look.

 

[wizard123]

Attached the tiles, refer to post 1 and screenshot home_v2

 

[l337]

your skin certainly looks ok from but against current xbmc / kodi skins he is not demanding