Windows 10 Theme for BlueVision skin (1 Viewer)

[ge2301]

@morpheus_xx
How can I make the player buttons work, I added following code to FullScreenContentVideo.xaml and the buttons are visible as intended, but have no effects.
I tried to add TargetType="{x:Type mp_special_controlslayerControl}" (see below), but then nothing is shown anymore. Somehow the Player Controls needs to be added, but I'm not sure how.

      <Border Background="#D9000000" BorderThickness="0" Grid.Row="0" Grid.Column="0" Grid.ColumnSpan="3"
              VerticalAlignment="Stretch" HorizontalAlignment="Stretch" Margin="0,0,0,40" >
        <StackPanel x:Name="PlayControlsPanel" Orientation="Horizontal" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="0,5,0,0" TargetType="{x:Type mp_special_controls:PlayerControl}">
          <!-- Morpheus_xx: we want to see buttons always, not only when using mouse // IsVisible="{Binding ShowMouseControls}" -->

          <!-- No difference between "Mouse" and "No Mouse" case here, always use buttons so they are functional in OSD -->
          <Grid x:Name="AudioPanel" VerticalAlignment="Center" HorizontalAlignment="Center" Margin="4">
            <Button x:Name="AudioActiveButton" IsVisible="{Binding IsAudio}" Style="{ThemeResource AudioActiveButtonStyle}" Command="{Command AudioButtonPressed}"/>
            <Button x:Name="AudioInactiveButton" IsVisible="{Binding !IsAudio}" Style="{ThemeResource AudioInactiveButtonStyle}" Command="{Command AudioButtonPressed}"/>
          </Grid>
          <Border Width="50"/>
          <Button x:Name="SelectTitleButton" Style="{ThemeResource ShowDvdMenuButtonStyle}" Margin="{ThemeResource PlayerControlButtonMargins}"
                              IsVisible="{Binding Source={StaticResource VideoPlayerModel},Path=PlayerUIContributor.TitlesAvailable}"
                              Command="{Command Source={StaticResource VideoPlayerModel},Path=PlayerUIContributor.OpenChooseTitleDialog}"/>
          <Button x:Name="PreviousChapterButton" Style="{ThemeResource PreviousChapterButtonStyle}" Margin="{ThemeResource PlayerControlButtonMargins}"
                              IsVisible="{Binding Source={StaticResource VideoPlayerModel},Path=PlayerUIContributor.ChaptersAvailable}"
                              Command="{Command Source={StaticResource VideoPlayerModel},Path=PlayerUIContributor.PrevChapter}"/>
          <Button x:Name="SelectChapterButton" Style="{ThemeResource SelectChapterButtonStyle}" Margin="{ThemeResource PlayerControlButtonMargins}"
                              IsVisible="{Binding Source={StaticResource VideoPlayerModel},Path=PlayerUIContributor.ChaptersAvailable}"
                              Command="{Command Source={StaticResource VideoPlayerModel},Path=PlayerUIContributor.OpenChooseChapterDialog}"/>
          <Button x:Name="NextChapterButton" Style="{ThemeResource NextChapterButtonStyle}" Margin="{ThemeResource PlayerControlButtonMargins}"
                              IsVisible="{Binding Source={StaticResource VideoPlayerModel},Path=PlayerUIContributor.ChaptersAvailable}"
                              Command="{Command Source={StaticResource VideoPlayerModel},Path=PlayerUIContributor.NextChapter}"/>
          <Button x:Name="SelectSubtitleButton" Style="{ThemeResource SelectSubtitleButtonStyle}" Margin="{ThemeResource PlayerControlButtonMargins}"
                              IsVisible="{Binding Source={StaticResource VideoPlayerModel},Path=PlayerUIContributor.SubtitlesAvailable}"
                              Command="{Command Source={StaticResource VideoPlayerModel},Path=PlayerUIContributor.OpenChooseSubtitleDialog}"/>
          <Border Width="50"/>
          <Button x:Name="SkipBackButton" Style="{ThemeResource SkipBackButtonStyle}" Margin="{ThemeResource PlayerControlButtonMargins}" IsVisible="{Binding CanSkipBack}"
                    Command="{Command Previous}"/>
          <Button x:Name="RewindButton" Style="{ThemeResource RewindButtonStyle}" Margin="{ThemeResource PlayerControlButtonMargins}" IsVisible="{Binding CanSeekBackward}"
                              Command="{Command SeekBackward}"/>
          <Button x:Name="PlayButton" Style="{ThemeResource PlayButtonStyle}" Margin="{ThemeResource PlayerControlButtonMargins}" IsVisible="{Binding CanPlay}"
                              Command="{Command Play}"/>
          <Button x:Name="PauseButton" Style="{ThemeResource PauseButtonStyle}" Margin="{ThemeResource PlayerControlButtonMargins}" IsVisible="{Binding CanPause}"
                              Command="{Command Pause}"/>
          <Button x:Name="StopButton" Style="{ThemeResource StopButtonStyle}" Margin="{ThemeResource PlayerControlButtonMargins}" IsVisible="{Binding CanStop}"
                              Command="{Command Stop}"/>
          <Button x:Name="ForwardButton" Style="{ThemeResource ForwardButtonStyle}" Margin="{ThemeResource PlayerControlButtonMargins}" IsVisible="{Binding CanSeekForward}"
                              Command="{Command SeekForward}"/>
          <Button x:Name="SkipForwardButton" Style="{ThemeResource SkipForwardButtonStyle}" Margin="{ThemeResource PlayerControlButtonMargins}" IsVisible="{Binding CanSkipForward}"
                              Command="{Command Next}"/>
        </StackPanel>
      </Border>

 

[ge2301]

Could make it work finally. FullScreenVideoControl looks ike this now

 

[ge2301]

@morpheus_xx
The navigation problem, that some buttons are skipped is not related to negative margins or transformations. I removed transformations completely and the problem remains also here
Means currently many controls in MP2 can not be used with keyboard or remote control! I hope we can find a solution soon, because it's a huge bug affecting usability I think.

 

[ge2301]

I'll be in vacation for 3 weeks. Just upped beta version 0.2 in first post.
New are the player controls in Windows 10 optic and some bugfixes.

 

[ge2301]

@morpheus_xx
as I received some feedbacks, is it possible to add an setting , that allows to deactivate the movement of the background FanArts? I personally like it, but not all users do so. If we leave the choice to users, everybody can be happy .
It can be a general option, for example also valid for Titan skin.

 

[Timhoh1234]

@morpheus_xx
How can I transfer the info note to the footer area ("Disable windows automatic ...")? I'd would like to do so, to make it consistant with the BV logic (Infos always in the buttom)
I didn't see a seperate control for this, so the info seems to come together with the menu items.

Additionally I would also like to add infos for the menu buttons in the footer area. If the user focuses e.g. the Schedule button in TV section, the footer shows with 1-2 sentences what can be done there. Some people might think it's not necessary, but especially for people coming from WMC it can help a lot to feel confident with the architecture of MP2.

Hello,
I'm a new MP2 user coming from Windows MediaCenter. The installation went well, but I have some problems with the navigation.
I would really appreciate, if there could be a "help" text for all menu buttons. This is something helping new MP2 guys.
From design point of view, I'd also like to see all help texts in the footer.

Last but not least. Nice skin! But looking forward to see the WMC skin aswell

 

[ge2301]

Hi Timhoh,

welcome as new user to MP2. The changes you asked for are planned. Because we work on many topics at the same time, implementation may take a while.

To realize the help texts for menu buttons, some changes in the backend need to be done, as Morpheus_xx mentioned.
I started to move the existing help texts to the footer, but stucked.

I think all settings are handled by Configuration plugins and its screen https://github.com/MediaPortal/Medi...lt/screens/configuration-section.xaml#L18-L25. This label should be the one which you need to place into the footer placeholder.

Ok, this label needs to come to the footer. At the same time I'd like to eliminate the same label in the center area. Therfore I copied the configuration-section.xaml to the screen folder of the theme and deleted the marked label section.
If I do so, the settings remain empty without error logs. So I placed once the original configuration-section.xaml in screen folder of the theme and I face the same situation. What am I doing wrong?

@morpheus_xx sorry for annoying you Just saw that this point is still open.

 

[ge2301]

Meanwhile I got it so far:

    <ControlTemplate x:Key="Contents_Template">
      <DockPanel LastChildFill="False">
        <DockPanel LastChildFill="True" DockPanel.Dock="Bottom" Height="120" Margin="20,0,20,20"
            HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
          <Label Color="{ThemeResource HintTextColor}" DockPanel.Dock="Center"
              HorizontalAlignment="Stretch"
              DataContext="{Binding ElementName=ConfigItemsList,Path=CurrentItem}"
              Content="{Binding [Help]}" Wrap="True"
              IsVisible="{Binding Converter={StaticResource ReferenceToBoolConverter}}"/>
        </DockPanel>

        <ListView x:Name="ConfigItemsList"
            DockPanel.Dock="Center"
            HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
            Style="{ThemeResource ContentsMenuListViewStyle}"
            DataContext="{Binding Source={StaticResource Model}}"
            ItemsSource="{Binding ConfigSettings}">
          <ListView.Resources>
            <CommandBridge x:Key="Menu_Command" Command="{Binding Path=Command,Mode=OneTime}"/>
          </ListView.Resources>
        </ListView>
        <Label DockPanel.Dock="Center" Content="[Configuration.NoSettingsInThisSection]" IsVisible="{Binding ElementName=ConfigItemsList,Path=IsEmpty}"
            HorizontalAlignment="Center" VerticalAlignment="Center"
            Color="{ThemeResource HintTextColor}" FontSize="{ThemeResource SmallFontSize}"/>
      </DockPanel>
    </ControlTemplate>

    <ControlTemplate x:Key="Footer_Template">
        <DockPanel LastChildFill="True" Height="120" Margin="0,0,0,0"
            HorizontalAlignment="Stretch" VerticalAlignment="Stretch">
          <Label Color="{ThemeResource HintTextColor}" DockPanel.Dock="Center"
              HorizontalAlignment="Stretch"
              DataContext="{Binding ElementName=ConfigItemsList,Path=CurrentItem}"
              Content="{Binding [Help]}" Wrap="True"
              IsVisible="{Binding Converter={StaticResource ReferenceToBoolConverter}}"/>
        </DockPanel>
    </ControlTemplate>

Only the DataContext="{Binding ElementName=ConfigItemsList,Path=CurrentItem}" is not working.
Is it not possible to bind an elementname from another control? Please give a hint

 

[ge2301]

I'd like to keep the Coverflow view for "Videos" and "Series" with the same aspect ratio as for "Movies".
In order to do so with visually nice results I want to overlay the episode screenshot over the series poster. Here a Mock-up, what do you think?

To do so I need to get the series poster for an episode. Sounds easier than it is actually.

        <Image.Source>
          <fanart:FanArtImageSource fanart:FanArtMediaType="Series" fanart:FanArtType="Poster" fanart:FanArtName="{Binding SimpleTitle}"/>
        </Image.Source>

does not work.

  <Grid.Resources>
    <fanart:FanArtImageSourceConverter x:Key="FanArtImageSourceConverter"/>
  </Grid.Resources>
  <Image Grid.Row="0" Grid.Column="0" HorizontalAlignment="Right" VerticalAlignment="Center" Stretch="Uniform" Margin="1" Width="380" Height="555"
         Source="{Binding Source={StaticResource FanArtBackgroundModel}, Path=ImageSource, Converter={StaticResource FanArtImageSourceConverter}, ConverterParameter=Poster;380;555}">
  </Image>

does also not work in this case

Do we need the MIA rework for that, or is it already possible somehow?

 

[morpheus_xx]

Only the DataContext="{Binding ElementName=ConfigItemsList,Path=CurrentItem}" is not working.
Is it not possible to bind an elementname from another control?

I have checked this. One error is in markup, it needs to be x:Key="Alternative_Footer_Template". But the real issue is, that you cannot address another element by name from within a control template. I have tried to set DataContext to TemplatedParent, didn't help. I tried different ways for binding without success.
The issue is the name lookup in control: it tries to find the control, then it looks in parent until a INameScope is found. This happens inside template only, not the screen which uses the template.

This means we would need a backing model for menu item selection where we can bind to from footer. So no immediate solution possible right now