Jump to content
LaunchBox Community Forums

The Mask

Members
 View Profile  See their activity

  • Posts

    61

  • Joined

  • Last visited

 Content Type 

Posts posted by The Mask

    How to Random Select Game Image with Same Name?

    in Big Box Custom Themes

    Posted · Edited by The Mask

    From Tips and Tricks: (How do you make it so that bigbox selects 1 of many game images of the same game ending in game-1.gif, game-2.gif, game-3.gif, etc? Goal is using custom folders and not paths selected in launchbox options) @Retro808 

    	<TextBlock x:Name="GameGifs" >
				<TextBlock.Text>
					<MultiBinding StringFormat="{}pack://siteoforigin:,,,/StartupThemes/LBFade/Images/Gifs/{0}/{1}.gif">
						<Binding Path="SelectedGame.Platform" />
						<Binding Path="SelectedGame.Title" />
					</MultiBinding>
				</TextBlock.Text>
			</TextBlock>
			<Image gif:ImageBehavior.AnimatedSource="{Binding Text, ElementName=GameGifs}" Stretch="UniformToFill" RenderOptions.BitmapScalingMode="HighQuality"
            Height="{Binding ElementName=Canvas, Path=ActualHeight}" Width="{Binding ElementName=Canvas, Path=ActualWidth}"  />

    XAML Tips and Tricks

    in Big Box Custom Themes

    Posted

    On 10/11/2023 at 9:20 AM, faeran said:

    The way SelectedScale works is that "1.0,1.0" means X value is 100%, and Y value is 100%. I forgot that SelectedOffset is actually "x,y,z", and I would adjust things by decimal points until you understand what each one can do.

    With the code you keep posting, you are probably seeing odd results because you are trying to combine the legacy wheel properties with the new wheel properties.

    Instead, a good starting point is the default theme. Here's the example from one of the platform vertical wheels from the default theme, but I do recommend just diving into the default theme files, and use that as a resource, along with the documentation.pdf: 

        <coverFlow:FlowControl x:Name="FlowControl" HorizontalAlignment="Stretch" VerticalAlignment="Stretch" SelectedOffset="0,0,1"
CurveAmount="0" CameraZPosition="3.0" PageSize="8" Columns="1" Endless="True" SelectedScale="1.4,1.4" ItemSpacing="0,-0.8" SelectedItemSpacing="0,-0.6">

     

    So I got most to work with the Setter method. How do you target the text in the wheel with the Setter method only (example format)?

    XAML Tips and Tricks

    in Big Box Custom Themes

    Posted

    I dont see any changes when using SelectedScale values and when I add SelectedOffsetProperty values, the wheel disappears. ItemSpacing doesn't seem to do anything either. I dunno what the problem is.

      

    <coverFlow:FlowControl
                                x:Name="FlowControl"
                                Height="{Binding ElementName=Canvas, Path=ActualHeight}"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Bottom"
                                CameraZPosition="3.12"
                                ClipToBounds="True"
                                CoverFactory="{Binding CoverFactory}"
                                CurveAmount="0.0"
                                CustomImageType="Steam Banner"
                                Endless="False"
                                MaxVerticalImageResolutionOverride="800"
                                Opacity="1.0"
                                PageSize="4"
                                RenderOptions.BitmapScalingMode="HighQuality"
                                Spacing="1.001"
                                VisibleCount="4">
								<coverFlow:FlowControl.Camera> 
									<OrthographicCamera 
										Position="0,0,5" 
										LookDirection="0,0,-1" 
										NearPlaneDistance="0.01" 
										FarPlaneDistance="1000" 
										Width="2.7" /> 
								</coverFlow:FlowControl.Camera>
								<coverFlow:FlowControl.FlowTemplate>
                                    <DataTemplate>
                                        <coverFlow:FlowContext>
                                          <Grid Background="Transparent" >
                                            <Grid.ColumnDefinitions>
                                              <ColumnDefinition Width="1*"/>
                                              <ColumnDefinition Width="1*"/>
                                            </Grid.ColumnDefinitions>	
											<coverFlow:FlowControl ItemSpacing="0,-20" SelectedScale="3,3" SelectedOffsetProperty="1.5,1.5"/> 
                                            <coverFlow:FlowImage Grid.Column="0" HorizontalAlignment="Stretch" ImageType="Steam Banner" Height="{Binding ElementName=Canvas, Path=ActualHeight}"/>
                                            <TextBlock Grid.Column="1" HorizontalAlignment="Stretch" VerticalAlignment="Center" Text="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type coverFlow:FlowContext}}, Path=DataContext.Title}" />
                                          </Grid>
                                        </coverFlow:FlowContext>
                                    </DataTemplate>
                                </coverFlow:FlowControl.FlowTemplate>
  
  </coverFlow:FlowControl>
    Spoiler

    l

     

    XAML Tips and Tricks

    in Big Box Custom Themes

    Posted · Edited by The Mask

    I haven't. That's the answer I was looking for and I wasn't sure on how to format that from the docs. Thank you. Lastly, how would I separate the selected game's size from the unselected games (selected game bigger/unselected game normal size)?

     

    Edit: tried what you provided but it didn't do anything. I used the camera controls for making items bigger for I couldnt get scale to work either. 

                                <coverFlow:FlowControl
                                x:Name="FlowControl"
                                Height="{Binding ElementName=Canvas, Path=ActualHeight}"
                                HorizontalAlignment="Stretch"
                                VerticalAlignment="Bottom"
                                CameraZPosition="3.12"
                                ClipToBounds="True"
                                CoverFactory="{Binding CoverFactory}"
                                CurveAmount="0.0"
                                CustomImageType="Steam Banner"
                                Endless="False"
                                MaxVerticalImageResolutionOverride="800"
                                Opacity="1.0"
                                PageSize="4"
                                RenderOptions.BitmapScalingMode="HighQuality"
                                Spacing="1.001"
                                VisibleCount="4">
								<coverFlow:FlowControl.Camera> 
									<OrthographicCamera 
										Position="0,0,5" 
										LookDirection="0,0,-1" 
										NearPlaneDistance="0.01" 
										FarPlaneDistance="1000" 
										Width="2.7" /> 
								</coverFlow:FlowControl.Camera>
								<coverFlow:FlowControl.FlowTemplate>
                                    <DataTemplate>
                                        <coverFlow:FlowContext>
                                          <Grid Background="Transparent" >
                                            <Grid.ColumnDefinitions>
                                              <ColumnDefinition Width="1*"/>
                                              <ColumnDefinition Width="1*"/>
                                            </Grid.ColumnDefinitions>	
											<coverFlow:FlowControl ItemSpacing="0,0"/> 
                                            <coverFlow:FlowImage Grid.Column="0" HorizontalAlignment="Stretch" ImageType="Steam Banner" Height="{Binding ElementName=Canvas, Path=ActualHeight}"/>
                                            <TextBlock Grid.Column="1" HorizontalAlignment="Stretch" VerticalAlignment="Center" Text="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type coverFlow:FlowContext}}, Path=DataContext.Title}" />
                                          </Grid>
                                        </coverFlow:FlowContext>
                                    </DataTemplate>
                                </coverFlow:FlowControl.FlowTemplate>	
                                
                            </coverFlow:FlowControl>

     

    XAML Tips and Tricks

    in Big Box Custom Themes

    Posted · Edited by The Mask 

    <coverFlow:FlowControl.FlowTemplate>
                                    <DataTemplate>
                                        <coverFlow:FlowContext>
                                            <coverFlow:FlowImage ImageType="Backgrounds" />
                                            <TextBlock Text="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type coverFlow:FlowContext}}, Path=DataContext.Title}" />
                                        </coverFlow:FlowContext>
                                    </DataTemplate>
                                </coverFlow:FlowControl.FlowTemplate>

    Trying to find the right format. When I use this, it doesnt show text anymore nor any picture. If i take it out of flowcontext and put it str8 into datatemplate, it just crashes

    XAML Tips and Tricks

    in Big Box Custom Themes

    Posted 

    <coverFlow:FlowControl.FlowTemplate>
      <DataTemplate>
         <coverFlow:FlowContext>
           	<FlowImage  *****insert flowimage sub controls here***** />
              <TextBlock Text="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type        coverFlow:FlowContext}}, Path=DataContext.Title}" />
         </coverFlow:FlowContext>
      </DataTemplate>
</coverFlow:FlowControl.FlowTemplate>

    Is that the correct way to use flowimage in this instance?

    XAML Tips and Tricks

    in Big Box Custom Themes

    Posted · Edited by The Mask

    18 hours ago, faeran said:

    Don't think this has ever been possible unfortunately, although I still like to use Visual Studio for its intelliSense.

    This is possible using a FlowControl item template. I feel like you can see an example of this inside of the Documentation.pdf which is in your LaunchBox\Themes folder.

     

    It use to work before the 3rd major update. since, it has become very hard to code because it use to tell me if something was wrong and the image not showing use to be a sign that it would crash and it helps me determine which control goes where.

     

    18 hours ago, faeran said:

     

    This is possible using a FlowControl item template. I feel like you can see an example of this inside of the Documentation.pdf which is in your LaunchBox\Themes folder.

    You can add a textblock that looks something like this: 

    <TextBlock Text="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type coverFlow:FlowContext}}, Path=DataContext.Title}" />

     

    Thanks! This works but it replaces the image. here's what I have so far if you would be ever so kind:

      

    <coverFlow:FlowControl.FlowTemplate>
      <DataTemplate>
         <coverFlow:FlowContext>
              <TextBlock Text="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type        coverFlow:FlowContext}}, Path=DataContext.Title}" />
         </coverFlow:FlowContext>
      </DataTemplate>
</coverFlow:FlowControl.FlowTemplate>

    How to edit so that it is along side the image?

    13.1 Beta Thread

    in Beta Testing

    Posted · Edited by The Mask

    @C-Beats Clipboard01f.thumb.png.337e1a85b2941830c3d7ba0034de2aa4.png

    Possible to add these folders of media to be added to the themes folder but downloaded media still goes to the main lb media folders? I use to use a plugin that did this already but its now broken. Reason is that i would like to separate theme media that i create by hand from what can be downloaded. This media from the theme folder would be read first and if it doesn't exist, then it reads from the main lb/bb area of media. This way, releases can be made with custom media already attached and not overwrite media that ppl already have. This would include pics and vids. If not all, at least for gamevids/background images and platformvids/background images and can be numbered for random selected drawing by bb.

×
×
  • Create New...