Windows 10 Theme for BlueVision skin (2 Viewers)

ge2301

Lead Design MP2
  • Team MediaPortal
  • January 11, 2014
    8,741
    3,501
    Stuttgart
    Home Country
    Germany Germany
    Hwo about adding a grid like in the guide?
    Yes, I also had this thought. Problem is, that the button style does not fit and would need a total overwork.
    Creating only a horizontal grid is possible, but the vertical one is difficult. I'll have a look, but gonna be on business trip until end of the month from Tuesday.
     

    ge2301

    Lead Design MP2
  • Team MediaPortal
  • January 11, 2014
    8,741
    3,501
    Stuttgart
    Home Country
    Germany Germany
    Hwo about adding a grid like in the guide?
    First trial. Creating a flexible grid for a variable number of rows analog to EPG style was easy. Just as mentioned the right button style is missing. Currently the blue focus frame is overlapping the complete line.
    Looks not so bad, but not perfect. I'll try that only the gray borders are highlighted in blue on focus, so the grid stays completely light gray.
    tv.jpg


    I'd like to add the program details of the focused program in the footer, but it does not work. Please give me a hint ...
    This I could not solve yet
     

    ge2301

    Lead Design MP2
  • Team MediaPortal
  • January 11, 2014
    8,741
    3,501
    Stuttgart
    Home Country
    Germany Germany
    I could create a new button style, that does the required things :D Was much easier than I thought. So here the almost final view. Just the scrollbar on the right side is annoying.
    tv.jpg
     

    Lehmden

    Retired Team Member
  • Premium Supporter
  • December 17, 2010
    12,565
    3,946
    Lehmden
    Home Country
    Germany Germany
    Hi.
    I've tested a bit with the Win10 Theme again, (thinking about making a Windows 7 Theme for BV) I saw tons of this in the log files:
    [2015-10-26 19:06:08,132] [241577 ] [DX Render] [WARN ] - RowDefinitionsCollection: Invalid cell span 2 in cell 4; valid range is 1-1
    Got this on various views like Grid or List, in "Series" or "Browse Media" or so.
     

    ge2301

    Lead Design MP2
  • Team MediaPortal
  • January 11, 2014
    8,741
    3,501
    Stuttgart
    Home Country
    Germany Germany
    Hi.
    I've tested a bit with the Win10 Theme again, (thinking about making a Windows 7 Theme for BV) I saw tons of this in the log files:
    [2015-10-26 19:06:08,132] [241577 ] [DX Render] [WARN ] - RowDefinitionsCollection: Invalid cell span 2 in cell 4; valid range is 1-1
    Got this on various views like Grid or List, in "Series" or "Browse Media" or so.
    Corrected this 2 weeks before, but not yet pushed to Github.
     

    ge2301

    Lead Design MP2
  • Team MediaPortal
  • January 11, 2014
    8,741
    3,501
    Stuttgart
    Home Country
    Germany Germany
    Finally I could realize what I planned to do. Here the TV designs. I made the screens more consistent than before, means not every screen has a completely different look.
    The footer information changed compared to previous versions. It's now inline with the footer for movies, series etc.
    • FullGuide (EPG)
    New:
    TV-FullGuide.jpg
    • MainScreen (Appearing during first start-up)
    Previous:
    2.jpg
    New:
    TV-Main.jpg
    • MiniGuide (Appearing when pressing OK or Enter while watching a program)
    Previous:
    3.jpg
    New:
    TV-MiniGuide.jpg
     

    ge2301

    Lead Design MP2
  • Team MediaPortal
  • January 11, 2014
    8,741
    3,501
    Stuttgart
    Home Country
    Germany Germany
    First version of schedule screen:
    Unbenannt.jpg
    The grid layout will come just to answer already potential questions in advance ;)
    Problem I have is that I can not get the EndTime of the schedule in SlimTVStyles.xaml. As you can see everything is working beside that. Looking into the Model I can also find the variable available: https://github.com/MediaPortal/Medi...Client/Models/SlimTvScheduleManagement.cs#L52
    Any idea why this happens? In the footer it is available ...
    XML:
          <StackPanel Orientation="Horizontal" Grid.Column="0" x:Name="Channel">
            <Image x:Name="ChannelLogo" Height="40" Stretch="Uniform" Margin="5,2,5,2">
              <Image.Source>
                <fanart:FanArtImageSource fanart:FanArtMediaType="ChannelTv" fanart:FanArtType="Banner" fanart:FanArtName="{Binding [ChannelName]}"
                                          fanart:MaxWidth="0" fanart:MaxHeight="0"/>
              </Image.Source>
            </Image>
            <Label x:Name="ChannelText" Scroll="Auto" Content="{Binding [ChannelName]}" Color="{ThemeResource TextColor}"
                   FontSize="{ThemeResource SmallFontSize}" Margin="5" VerticalAlignment="Center"/>
          </StackPanel>
        
          <Label x:Name="ItemLabel" Grid.Column="1" Content="{Binding [Name]}" Color="{ThemeResource TextColor}"
                 FontSize="{ThemeResource SmallFontSize}" Margin="5,0,0,0" VerticalAlignment="Center"/>
    
          <Label x:Name="TypeLabel" Grid.Column="2" Content="{Binding [ScheduleType]}" VerticalAlignment="Center"
                 Color="{ThemeResource TextColor}" FontSize="{ThemeResource SmallFontSize}" />
    
          <StackPanel Orientation="Horizontal" Grid.Column="3" >
            <Label x:Name="ProgramStart" Margin="0,0,0,0"  Color="{ThemeResource TextColor}" VerticalAlignment="Center"
                   Content="{Binding [StartTime]}" FontSize="{ThemeResource SmallFontSize}"/>
            <Label Margin="5,0,5,0" Content="—" Color="{ThemeResource TextColor}" VerticalAlignment="Center" />
            <Label x:Name="ProgramEnd" Content="{Binding [EndTime]}" VerticalAlignment="Center"
                Color="{ThemeResource TextColor}" FontSize="{ThemeResource SmallFontSize}"/>
          </StackPanel>
     

    Users who are viewing this thread

    Top Bottom