Jump to content
LaunchBox Community Forums
Sign in to follow this  
nschlichtmann

Wheel Boxes overlap different sizes

Recommended Posts

Hey,

 

i use a BigBox theme with different platforms like Super Nintendo, Game Boy, Wii U etc.

All of these platform boxes have different sizes. Wii U boxes are tall like DVD boxes, Super Nintendo boxes are rather wide.

My problem is that the "spacing" command in xaml cover flow just genereally leaves a gap, regardless of the nature of the box, instead of making the gap exactly between the boxes.

It then follows that e.g. the Wii U boxes are exactly next to each other, but the Super Nintendo boxes overlap.

Is it possible to leave a gap between the boxes in relation of their nature instead of just leaving a general gap?

I hope you unterstand my problem, English is not my first language! 🙂

Many thanks in advance!

 

IMG_0837.thumb.jpeg.ad00d76737d69d06ac44314d699b2950.jpegIMG_0838.thumb.jpeg.22129a48700bb46e27b2e6b28a8ed109.jpeg

Edited by nschlichtmann

Share this post


Link to post
Share on other sites

@nschlichtmann

I'm wondering what theme you are using? because this is there specific.... There is a way to change it but it will take some work.

 

 

 

Share this post


Link to post
Share on other sites

I have extremly modified the AllNightLong Theme. But since i don't know much about XAML, the substructure has remained so far, i only changed it graphically according to my wishes. Trial and Error but finally everything works fine!

I guess i have to change something here, right?

<!-- Wheel -->
			<Grid x:Name="Wheel" Panel.ZIndex="250"  >
				<Grid.RowDefinitions>
					<RowDefinition  Height="{Binding ElementName=Prop_Wheel_H, Path=Text}" />
				</Grid.RowDefinitions>
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="{Binding ElementName=Prop_Wheel_W, Path=Text}" />
				</Grid.ColumnDefinitions>
				
				<coverFlow:FlowControl x:Name="FlowControl" Grid.Row="0" Grid.Column="0"
					Opacity="1.0" ImageType="Boxes" CurveAmount="0" VisibleCount="5" PageSize="12"
					CameraZPosition="4.8" ItemZPosition="0.7" SelectedItemZPosition="1.4" Spacing="1.8" RotationAmount="0"  RenderTransformOrigin=".5,.5" >
					<coverFlow:FlowControl.CoverFactory>
						<coverFlow:HorizontalWheelCoverFactory />
					</coverFlow:FlowControl.CoverFactory>
					<coverFlow:FlowControl.RenderTransform>
						<TransformGroup>
							<RotateTransform Angle="0" />
							<ScaleTransform ScaleX="1.3" ScaleY="1.3" />
							<SkewTransform  AngleX="0" AngleY="0" />
						</TransformGroup>
					</coverFlow:FlowControl.RenderTransform>
						
				</coverFlow:FlowControl>
				
				<Grid.RenderTransform>
					<TransformGroup>
						<TranslateTransform X="{Binding ElementName=Prop_Wheel_X, Path=Text}" Y="{Binding ElementName=Prop_Wheel_Y, Path=Text}"/>
						<RotateTransform CenterX="{Binding ElementName=Prop_Wheel_CenterX, Path=Text}" CenterY="{Binding ElementName=Prop_Wheel_CenterY, Path=Text}"  Angle="{Binding ElementName=Prop_Wheel_Angle, Path=Text}" />
						<SkewTransform   CenterX="{Binding ElementName=Prop_Wheel_X, Path=Text}" CenterY="{Binding ElementName=Prop_Wheel_Y, Path=Text}" AngleX="{Binding ElementName=Prop_Wheel_SkewAngleX, Path=Text}" AngleY="{Binding ElementName=Prop_Wheel_SkewAngleY, Path=Text}" />
					</TransformGroup>
				</Grid.RenderTransform>
			</Grid>

I found out, that "spacing" changes the space between the covers, but it don't separate the covers itself, it just adds a static gap. 

Do you understand what i mean? The Boxes, no matter which dimensions they have should have the same gap between. 🙂

Many thanks for your reply!

 

Share this post


Link to post
Share on other sites
51 minutes ago, nschlichtmann said:

I have extremly modified the AllNightLong Theme. But since i don't know much about XAML, the substructure has remained so far, i only changed it graphically according to my wishes. Trial and Error but finally everything works fine!

I guess i have to change something here, right?


<!-- Wheel -->
			<Grid x:Name="Wheel" Panel.ZIndex="250"  >
				<Grid.RowDefinitions>
					<RowDefinition  Height="{Binding ElementName=Prop_Wheel_H, Path=Text}" />
				</Grid.RowDefinitions>
				<Grid.ColumnDefinitions>
					<ColumnDefinition Width="{Binding ElementName=Prop_Wheel_W, Path=Text}" />
				</Grid.ColumnDefinitions>
				
				<coverFlow:FlowControl x:Name="FlowControl" Grid.Row="0" Grid.Column="0"
					Opacity="1.0" ImageType="Boxes" CurveAmount="0" VisibleCount="5" PageSize="12"
					CameraZPosition="4.8" ItemZPosition="0.7" SelectedItemZPosition="1.4" Spacing="1.8" RotationAmount="0"  RenderTransformOrigin=".5,.5" >
					<coverFlow:FlowControl.CoverFactory>
						<coverFlow:HorizontalWheelCoverFactory />
					</coverFlow:FlowControl.CoverFactory>
					<coverFlow:FlowControl.RenderTransform>
						<TransformGroup>
							<RotateTransform Angle="0" />
							<ScaleTransform ScaleX="1.3" ScaleY="1.3" />
							<SkewTransform  AngleX="0" AngleY="0" />
						</TransformGroup>
					</coverFlow:FlowControl.RenderTransform>
						
				</coverFlow:FlowControl>
				
				<Grid.RenderTransform>
					<TransformGroup>
						<TranslateTransform X="{Binding ElementName=Prop_Wheel_X, Path=Text}" Y="{Binding ElementName=Prop_Wheel_Y, Path=Text}"/>
						<RotateTransform CenterX="{Binding ElementName=Prop_Wheel_CenterX, Path=Text}" CenterY="{Binding ElementName=Prop_Wheel_CenterY, Path=Text}"  Angle="{Binding ElementName=Prop_Wheel_Angle, Path=Text}" />
						<SkewTransform   CenterX="{Binding ElementName=Prop_Wheel_X, Path=Text}" CenterY="{Binding ElementName=Prop_Wheel_Y, Path=Text}" AngleX="{Binding ElementName=Prop_Wheel_SkewAngleX, Path=Text}" AngleY="{Binding ElementName=Prop_Wheel_SkewAngleY, Path=Text}" />
					</TransformGroup>
				</Grid.RenderTransform>
			</Grid>

I found out, that "spacing" changes the space between the covers, but it don't separate the covers itself, it just adds a static gap. 

Do you understand what i mean? The Boxes, no matter which dimensions they have should have the same gap between. 🙂

Many thanks for your reply!

 

Edit the ITemZposition and SelectedItemZPosition. That is each item relative position to the camera (or rather how close and how far in the Z axis it is). For example SelectedItemZPosition the higher the number the closer the selected item image will appear to you in the screen. You would need to find a sweet spot that will work with the different box image shapes. It will not be perfect.

Share this post


Link to post
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
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.

Sign in to follow this  

×
×
  • Create New...