How can I properly display Marquee images on custom cut LCD screen?

[CitznFish 1]

On 5/14/2020 at 6:04 AM, NightShadowPT said:

Alright! The Marquee is fixed.

I just had to ignore the resolution, and brute force all Marquees to Stretch on the "GameMarqueeView.xaml" config file.

It's slightly less flexible because if the Marquee being shown is not close to the correct Ratio it will distort the image, but it will do for most of the files. For the other ones, I'll have to find another Marquee file.

Thank you all for your support. I'll leave you with a photo of the Marquee displaying properly.

 

UPDATE:  I got it working. My main monitor was set to 150% and my marquee was set to 100%. For whatever reason this caused issues with BB in displaying the marquee. So it's working, but I have the smallest font on my 32" monitor now, lol!

 

 

I am having the same exact issue as you. What do you men by "ignore the resolution" and "brute force the the marquee to stretch?  I am going nuts here trying to figure this out.

Can you please share EXACTLY what you did and your xmal files?

 

my marquee monitor is detected at 1680x342 in windows. it also refuses to display any marquee from Bigbox. I have tried ALL of the examples in this thread to no avail.  I cannot figure out how you got yours to work! 

 

Edited August 29, 2020 by CitznFish

[NightShadowPT 4]

2 hours ago, CitznFish said:

I am having the same exact issue as you. What do you men by "ignore the resolution" and "brute force the the marquee to stretch?  I am going nuts here trying to figure this out.

Can you please share EXACTLY what you did and your xmal files?

my marquee monitor is detected at 1680x342 in windows. it also refuses to display any marquee from Bigbox. I have tried ALL of the examples in this thread to no avail.  I cannot figure out how you got yours to work! 

 

Ok, on every Theme folder, you have a file called GameMarqueeView.xaml

You need to edit that file for the Theme you're using (e.g.: C:\Launchbox\Themes\Default\GameMarqueeView.xaml) and force the Height and Width, alongside using "Stretch" on both the Vertical and Horizontal Alignment.

Here is the content of my file, for the theme "City Hunter 2":

<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="900" d:DesignWidth="1600" HorizontalAlignment="Stretch" VerticalAlignment="Center" Style="{DynamicResource UserControlStyle}">
<UserControl.Resources>
<Style x:Key="UserControlStyle" TargetType="UserControl">
		<Setter Property="FocusVisualStyle" Value="{x:Null}" />
		<Setter Property="BorderThickness" Value="0" />
		<Setter Property="Margin" Value="0" />
		<Setter Property="Padding" Value="0" />
		<Setter Property="Background" Value="Black" />
	</Style>
</UserControl.Resources>

<Grid VerticalAlignment="Stretch" HorizontalAlignment="Stretch">
<Image Source="pack://siteoforigin:,,,/Themes/_Realistic Marquee FX/Realistic Marquee FX Subtle Only Plexi.png" RenderOptions.BitmapScalingMode="HighQuality" Stretch="Fill" Panel.ZIndex="99" HorizontalAlignment="Center" VerticalAlignment="Center"/>
<Image Source="{Binding Path=SelectedGame.MarqueeImagePath}" Panel.ZIndex="1" Stretch="Fill" HorizontalAlignment="Center" VerticalAlignment="Center" RenderOptions.BitmapScalingMode="HighQuality"><Image.Effect><DropShadowEffect BlurRadius="99" /></Image.Effect></Image>
<Image Source="{Binding Path=SelectedGame.MarqueeImagePath}" Panel.ZIndex="0" Stretch="Fill" Opacity="0.5" RenderOptions.BitmapScalingMode="LowQuality"><Image.Effect><BlurEffect Radius="99"/></Image.Effect></Image>
</Grid>
</UserControl>

Hope it helps

[SMN 0]

Hi

After editing  the axml file, the marquee appers at the top of the montor

Any advice how to move the marquee image to the bottom of the screen?

 

Thanks

 

 

 

 

[Retro808 1,205]

9 minutes ago, SMN said:

Hi

After editing  the axml file, the marquee appers at the top of the montor

Any advice how to move the marquee image to the bottom of the screen?

 

Thanks

 

 

 

 

Without seeing your actual xaml code it would be hard to say. Not sure what you actually edited or which maquee xaml you used to edit. Typically you would change the row the the images are shown in, but again, it all depends on what the full coded view looks like.

[SMN 0]

18 minutes ago, Retro808 said:

Without seeing your actual xaml code it would be hard to say. Not sure what you actually edited or which maquee xaml you used to edit. Typically you would change the row the the images are shown in, but again, it all depends on what the full coded view looks like.

I'm sorry.

 

<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="fill" 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="fill" Panel.ZIndex="1" RenderOptions.BitmapScalingMode="HighQuality" />
    </Grid>
</UserControl>

 

[Retro808 1,205]

OK. Not sure what edit you did as I do not know what the original looks like. But the issue is the first image source is set to only show in the top of the canvas (the screen).

This line below is why the image is showing in the top. The VerticalAlignment is set to "Top"

        <Image Source="{Binding Path=SelectedGame.MarqueeImagePath}" Stretch="fill" HorizontalAlignment="Center" VerticalAlignment="Top" RenderOptions.BitmapScalingMode="HighQuality" />

What exactly are you trying to have the marquee do? Is the marquee a cut lcd type screen or just a regular monitor?

 

[SMN 0]

I just want the marquee image appear at the bottom of the screen.

I tried edit VerticalAlignment="Top to

VerticalAlignment"down

But that didn't work.

[Retro808 1,205]

Not "Down" the correct reference is "Bottom"

VerticalAlignment="Bottom"

 

[SMN 0]

Aha.. 

I'll test tomorrow.

Thanks

[SMN 0]

14 hours ago, Retro808 said:

Not "Down" the correct reference is "Bottom"

VerticalAlignment="Bottom"

 

Hi

I tried VerticalAlignment="Bottom 

 Unfortunately It didn't change anything.

 

 

[Retro808 1,205]

4 minutes ago, SMN said:

Hi

I tried VerticalAlignment="Bottom 

 Unfortunately It didn't change anything.

 

 

 

Try this. The other code had some other issue as well. So this will at least get the marquee in the right spot. Well somewhat, may need to tweak the grid.

<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}" Grid.Row="3" Grid.Column="0" Stretch="Fill" HorizontalAlignment="Center" VerticalAlignment="Center" RenderOptions.BitmapScalingMode="HighQuality" />
	</Grid>
	
</UserControl>

 

[SMN 0]

That worked! 

Thanks for helping.

 

Any advice on how I Adjust the marquee size?

 

 

[Retro808 1,205]

5 hours ago, SMN said:

That worked! 

Thanks for helping.

 

Any advice on how I Adjust the marquee size?

 

 

Is the image too small or too big for the area you want it to show? If you look at the code you will see the canvas (screen area) is split into 3 even rows. Looking at your image it does not look like your viewing area is exactly 1/3 of the screen. So you can adjust the 3 rows to get the right height. Can you post a pic of what it looks like. It would make it easier to tell you where to adjust.

If you need to make the area bigger try changing the 3rd line of the RowDefinition Height="*" to RowDefinition Height="1.25*" or maybe 1.5* just adjust up or down until you find the sweet spot.

 

[SMN 0]

Here you go.

 

Thanks

[SMN 0]

Looks like we solved it

RowDefinition Height="0.3*" 

Thank you very much for helping