Mr. RetroLust's Marquee Screen Filler Magic

[Mr. RetroLust]

7 minutes ago, Sascha-FFM said:

This is exactly what I was looking for on my new 1920x360 display. Unfortunately it does not look as I hoped. The marquee is displaying too low and a bit to big (therefore cut off). Monitor reports as 1920x1080 towards windows, but only the top third is actually shown.

What I did so far is to add VerticalALignment="Top" at Image source and I modified DesignHeight and DesignWidth to reflect 1920x360, but this doesnt appear to do what I was hoping for.

Any ideas how I could achieve that I get a picture which vertically fills the screen and is blurred at the right and left (as the monitor is normally too wide to care about blurring top and bottom)?

Sorry bro, I can't help you out with this, it looks as it should on my display, maybe @Retro808 can help as he has some experience with this if I remember correctly.

[Retro808]

@Sascha-FFM Take a look in this thread. It pretty much deals with what you are having issues with I believe. There are some examples of how you can edit the PlatformMarqueeView.xaml and GameMarqueeView.xaml to get the correct alignment. If you need help post in that thread and we can assist. It would be helpful if you show a pic of what exactly you are seeing.

[Sascha-FFM]

Thanks for coming back to me that fast.

You made me dig some deeper into the forum and I found this.

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             xmlns:transitions="clr-namespace:Unbroken.LaunchBox.Wpf.Transitions;assembly=Unbroken.LaunchBox.Wpf"
             xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
             xmlns:cal="http://www.caliburnproject.org"
             mc:Ignorable="d"
             d:DesignHeight="562" d:DesignWidth="1000" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Style="{DynamicResource UserControlStyle}">

<!-- GRID DEFINITIONS -->
            
            
    <Grid Height="1080" Width="1920">
        <Grid.ColumnDefinitions>                       
            <ColumnDefinition Width="1*" />
    </Grid.ColumnDefinitions>
        <Grid.RowDefinitions>
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
            <RowDefinition Height="*" />
        </Grid.RowDefinitions>
               
               
        <!-- GAME MARQUEE -->
               
               
        <Image Source="{Binding Path=SelectedGame.MarqueeImagePath}" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Top" RenderOptions.BitmapScalingMode="HighQuality" />
            <TextBlock x:Name="GameMarquee" Visibility="Visible">
                <TextBlock.Text>
                    <MultiBinding StringFormat="{}pack://siteoforigin:,,,/Arcade - Marquee/_Default.png">
                    <Binding Path="SelectedGame.Platform"/>
                    </MultiBinding>
                </TextBlock.Text>
            </TextBlock>
        <Image x:Name="MainMarquee" Grid.RowSpan="3" Grid.Row="0" Grid.ColumnSpan="8" Grid.Column="0" Source="{Binding Text, ElementName=GameMarquee, FallbackValue='pack://siteoforigin:,,,/Arcade - Marquee/_Default.png'}" Opacity="100" Stretch="Uniform" Panel.ZIndex="1" RenderOptions.BitmapScalingMode="HighQuality" />
    </Grid>
</UserControl>

This provides a properly sized and aligned marquee. Now I "only" need to figure out how to merge this with your XML-Magic. I have next to no knowledge there, but I will try.

[Sascha-FFM]

In case someone wants to achieve the same - which is running the filler magic on a 1920x360 display - here is the working XAML-file. This has been done by @Retro808

So once again a big thank you for your help!

<UserControl xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             mc:Ignorable="d"
             d:DesignHeight="1080"
             d:DesignWidth="1920"
             HorizontalAlignment="Stretch"
             VerticalAlignment="Stretch"
             FocusVisualStyle="{x:Null}"
             BorderThickness="0"
             Margin="0"
             Padding="0"
             Background="#000">
	<!-- GRID DEFINITIONS -->						   
	<Grid >
			<Grid.ColumnDefinitions>                       
				<ColumnDefinition Width="1*" />
			</Grid.ColumnDefinitions>
			<Grid.RowDefinitions>
				<RowDefinition Height="*" />
				<RowDefinition Height="*" />
				<RowDefinition Height="*" />
			</Grid.RowDefinitions>
				   				   
			<!-- GAME MARQUEE -->   
		<Image Source="{Binding Path=SelectedGame.MarqueeImagePath}" Panel.ZIndex="9" Grid.Row="0" Grid.Column="0" Stretch="Uniform" HorizontalAlignment="Center" VerticalAlignment="Center" RenderOptions.BitmapScalingMode="HighQuality"><Image.Effect><DropShadowEffect BlurRadius="99" /></Image.Effect></Image>
		<Image Source="{Binding Path=SelectedGame.MarqueeImagePath}" Panel.ZIndex="0" Grid.Row="0" Grid.Column="0" Stretch="Fill" RenderOptions.BitmapScalingMode="LowQuality"><Image.Effect><BlurEffect Radius="99"/></Image.Effect></Image>

	</Grid>
	
</UserControl>