Game View Help Request

[angelobodetti]

Hi All,

I have a game view request but am not proficient in xaml and no matter how much I try I cannot seem to figure out how to make these changes.

Basically I LOVE the CleanBG theme and want something similar in my Games view. 

If someone can do, or show me how to do it. I would like the wheel to be vertical, to eliminate the bottom image (screenshot) and vertical center the top image. I will use the game video as the background so I don't want the screen cluttered with pictures.

Any guidance is appreciated!

[niglurion]

I think I can do it for you tomorrow. It's a good idea to add that to my theme 

Games view needs some work like systems, you're right 

[angelobodetti]

Happy to do it myself, just can't seem to adjust theme items without breaking something.

[niglurion]

In WheelGamesView.xaml: 

Change 

CurveAmount="4.5"

to 

CurveAmount="0" 

It's the curvature of the wheel, it speaks for itself.


And for the other change: 

Delete the line 44 (screens insert):

<transitions:TransitionPresenter Grid.Row="3"  TransitionSelector="{Binding ImageVideoTransitionSelector}" Content="{Binding ImageVideoView}" IsContentVideo="true" />

And change the line 43 like that (just change the row to the 3rd): 

<transitions:TransitionPresenter Grid.Row="3" TransitionSelector="{Binding ImageTransitionSelector}" Content="{Binding ImageView}" />

That's all. 

[angelobodetti]

Perfect! Thank you for the help.

Last question. Row 3 is the bottom, when I try row 2 it is tiny. Any way to make the remaining image centered vertically on the screen? I was looking to see where the row sizes were and figured I could make 2 larger and put the image in that.

Thanks again!

[niglurion]

You have to remove row 1 and 3 and make only one. Then center the content vertically. Like this: 

<Grid Grid.Column="0">

	<Grid.RowDefinitions>

		<RowDefinition Height="4.2*" /> <!-- top margin-->

		<RowDefinition Height="90*" /> <!-- main row-->

		<RowDefinition Height="4.2*" /> <!-- bottom margin-->

	</Grid.RowDefinitions>

	<transitions:TransitionPresenter Grid.Row="1" TransitionSelector="{Binding ImageTransitionSelector}" Content="{Binding ImageView}" VerticalAlignment="Center" />

</Grid>

 

Edited August 17, 2016 by niglurion

[angelobodetti]

Thank you!