Jump to content
LaunchBox Community Forums

Thumbnail image re-sizing


Grimlock
 Share

Recommended Posts

I've not be able to affect the scale of Thumbnail images (Favorite & Recent). Every property I manipulate results in cropping the image. I've been banging my head against the wall on this one for the past week. Not sure if its a bug, or I'm too much of a noob with xaml. I've scoured the forums and not been able to find a solution. 

@Jason Carr is this something hard coded in the software?

Any help would be super appreciated!!! 

 

Link to comment
Share on other sites

58 minutes ago, Grimlock said:

I've not be able to affect the scale of Thumbnail images (Favorite & Recent). Every property I manipulate results in cropping the image. I've been banging my head against the wall on this one for the past week. Not sure if its a bug, or I'm too much of a noob with xaml. I've scoured the forums and not been able to find a solution. 

@Jason Carr is this something hard coded in the software?

Any help would be super appreciated!!! 

 

What theme are you trying to edit this in?

Link to comment
Share on other sites

Well, the default theme itself can never be edited. It will always revert back to its stock code. This is to ensure there is always a working theme. It can be copied and renamed to something else then edited. That was the main thing I wanted to confirm. 

Editing in other theme's should work though. What specific view xaml are you editing? Perhaps also share the code you changed to, so we can have an idea what you are doing. 

Link to comment
Share on other sites

Sorry, I should have clarified. I'm using a copy of the default theme. 

I've primarily been messing with PlatformWheel1FiltersView.xaml, adjusting the grid sizing. Since that would only crop the image , I thought maybe it was more upstream. I've also tried ThumbnailListView.xaml and ThumbnailGameView.xaml, and still no dice. I've tried so many things I'm not sure what code I would post. Ultimately everything I try, just ends up cropping the image.

image.thumb.png.9b7390590b56415efa32a80732dac4c5.png

Really appreciate the support.

Link to comment
Share on other sites

13 minutes ago, Rincewind said:

@Grimlock have you tried the theme editor app, I am pretty sure you can add the fav and recent box size in there. I'm not at the computer to check but here's the link to try it out.

https://forums.launchbox-app.com/files/file/2115-community-theme-creator-for-bigbox/

 

I've experimented with this, but from my understanding you cannot bring in previously created themes?

Link to comment
Share on other sites

2 hours ago, Grimlock said:

My end goal is to make the thumbnail images smaller, so they fit within the grid dimensions (Rather than cropping off the bottoms). 

 

image.thumb.png.53c5ec4974673982f0461a5e28bdce63.png

<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.Windows.Transitions;assembly=Unbroken.LaunchBox.Windows"
	xmlns:coverFlow="clr-namespace:Unbroken.LaunchBox.Windows.Controls.CoverFlow;assembly=Unbroken.LaunchBox.Windows"
	mc:Ignorable="d"
	d:DesignHeight="562" d:DesignWidth="1000" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" FocusVisualStyle="{x:Null}" BorderThickness="0" Margin="0" Padding="0" Background="#000">

	<UserControl.Resources>
		<Style x:Key="ThumbnailListBoxItemStyle" TargetType="ListBoxItem">
			<Setter Property="FocusVisualStyle" Value="{x:Null}" />
			<!-- PADDING FOR FAVORITES & RECENT GAMES -->
			<Setter Property="Padding" Value="4, 4" />
			<!-- MARGIN FOR FAVORITES & RECENT GAMES -->
			<Setter Property="Margin" Value="0, 0, 36, 0" />
			<Setter Property="Background" Value="Transparent" />
			<Setter Property="BorderBrush" Value="Transparent" />
			<Setter Property="BorderThickness" Value="1" />
			<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Disabled" />
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type ListBoxItem}">
						<Border x:Name="Bd" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}" SnapsToDevicePixels="True">
							<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" ContentTemplate="{TemplateBinding ContentTemplate}" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
						</Border>
						<ControlTemplate.Triggers>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsMouseOver" Value="True" />
								</MultiTrigger.Conditions>
								<Setter TargetName="Bd" Property="Background" Value="#1F3399FF" />
								<Setter TargetName="Bd" Property="BorderBrush" Value="#A83399FF" />
							</MultiTrigger>
							<!-- SELECTION COLOUR FOR FAVORITES & RECENT GAMES -->
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="Selector.IsSelectionActive" Value="False" />
									<Condition Property="IsSelected" Value="True" />
								</MultiTrigger.Conditions>
								<Setter TargetName="Bd" Property="Background" Value="#FF3399FF" />
								<Setter TargetName="Bd" Property="BorderBrush" Value="#FF3399FF" />
							</MultiTrigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="Selector.IsSelectionActive" Value="True" />
									<Condition Property="IsSelected" Value="True" />
								</MultiTrigger.Conditions>
								<Setter TargetName="Bd" Property="Background" Value="#FF3399FF" />
								<Setter TargetName="Bd" Property="BorderBrush" Value="#FF3399FF" />
							</MultiTrigger>
							<Trigger Property="IsEnabled" Value="False">
								<Setter TargetName="Bd" Property="TextElement.Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>

		<Style x:Key="ThumbnailListBoxStyle" TargetType="ListBox">
			<Setter Property="ItemContainerStyle" Value="{DynamicResource ThumbnailListBoxItemStyle}" />
			<Setter Property="BorderBrush" Value="Transparent" />
			<Setter Property="Background" Value="Transparent" />
			<Setter Property="Foreground" Value="White" />
			<Setter Property="FontFamily" Value="Calibri" />
			<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden" />
			<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Hidden" />
			<Setter Property="BorderThickness" Value="0" />
			<Setter Property="Padding" Value="0" />
			<Setter Property="Margin" Value="0" />
			<Setter Property="FocusVisualStyle" Value="{x:Null}" />
			<Setter Property="ItemsPanel">
				<Setter.Value>
					<ItemsPanelTemplate>
						<StackPanel Orientation="Horizontal" IsItemsHost="True" />
					</ItemsPanelTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</UserControl.Resources>

	<Canvas Name="Canvas">
		<transitions:TransitionPresenter TransitionSelector="{Binding BackgroundTransitionSelector}" Content="{Binding BackgroundView}" Height="{Binding ElementName=Canvas, Path=ActualHeight}" Width="{Binding ElementName=Canvas, Path=ActualWidth}" IsContentVideo="true" />

		<Grid Height="{Binding ElementName=Canvas, Path=ActualHeight}" Width="{Binding ElementName=Canvas, Path=ActualWidth}">
			<Grid.Background>
				<SolidColorBrush Color="Black" Opacity="{Binding BackgroundFade}" />
			</Grid.Background>

			<Grid.ColumnDefinitions>
				<ColumnDefinition Width="42*" />
				<ColumnDefinition Width="4*" />
				<ColumnDefinition Width="92*" />
			</Grid.ColumnDefinitions>

			<coverFlow:FlowControl x:Name="FlowControl" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" Grid.Column="0" CoverFactory="{Binding CoverFactory}" ImageType="Clear Logo" CurveAmount="4.5" CameraZPosition="3.0" VisibleCount="14" PageSize="6" Spacing="1.0" ItemZPosition="1.0" SelectedItemZPosition="2.0" />

			<Grid Grid.Column="2">
				<Grid.RowDefinitions>
					<RowDefinition Height="5*" />
					<RowDefinition Height="50*" />
					<RowDefinition Height="2*" />
					<RowDefinition Height="25*" />
					<RowDefinition Height="2*" />
					<RowDefinition Height="25*" />
					<RowDefinition Height="5*" />
				</Grid.RowDefinitions>

					<Grid Grid.Row="1">
						<Grid.ColumnDefinitions>
							<ColumnDefinition Width="44*" />
							<ColumnDefinition Width="4*" />
							<ColumnDefinition Width="57*" />
							<ColumnDefinition Width="4*" />
						</Grid.ColumnDefinitions>

						<transitions:TransitionPresenter Grid.Column="0" TransitionSelector="{Binding ImageTransitionSelector}" Content="{Binding ImageView}" />
						<transitions:TransitionPresenter Grid.Column="2" TransitionSelector="{Binding DetailsTransitionSelector}" Content="{Binding DetailsView}" />
					</Grid>
				<!-- FAVORITE GAMES LIST -->
				<Viewbox Grid.Row="3">
					<transitions:TransitionPresenter TransitionSelector="{Binding TopBoxesTransitionSelector}" Content="{Binding TopBoxesView}" />
				</Viewbox>
				<!-- RECENT GAMES LIST -->
				<Viewbox Grid.Row="5">
					<transitions:TransitionPresenter TransitionSelector="{Binding BottomBoxesTransitionSelector}" Content="{Binding BottomBoxesView}" />
				</Viewbox>
			</Grid>
		</Grid>
	</Canvas>
</UserControl>

 

Edited by wallmachine
  • Thanks 1
Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Unfortunately, your content contains terms that we do not allow. Please edit your content to remove the highlighted words below.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...