Transition Presenters

Transition Presenters are elements that are usually tied to child views. Everything inside of a transition presenter will have a transition effect applied to it that can be chosen by a user within their options menu.

Written By Brian Faeran

Last updated 7 months ago

Transition Presenters for Root Platform/Filter Views

ImageVideoTransitionSelector
The type of transition to use for videos and secondary images

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

BackgroundTransitionSelector
The type of transition to use for background images and videos

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

ImageTransitionSelector
The type of transition to use for images, usually the Banner image for a platform depending on user settings.

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

TopBoxesTransitionSelector
The type of transition to use for the top game thumbnails

<transitions:TransitionPresenter TransitionSelector="{Binding TopBoxesTransitionSelector}" Content="{Binding TopBoxesView}" />

BottomBoxesTransitionSelector
The type of transition to use for the bottom game thumbnails

<transitions:TransitionPresenter TransitionSelector="{Binding BottomBoxesTransitionSelector}" Content="{Binding BottomBoxesView}" />

DetailsTransitionSelector
The type of transition to use for the details of the selected platform or filters

<transitions:TransitionPresenter Grid.Column="2" TransitionSelector="{Binding DetailsTransitionSelector}" Content="{Binding DetailsView}" />

Transition Presenters for Root Game Views

BackgroundTransitionSelector
The type of transition to use for background images and videos

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

ImageTransitionSelector
The type of transition to use for selected game’s main image

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

ImageVideoTransitionSelector
The type of transition to use for videos and secondary images

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

GameDetailsTransitionSelector
The type of transition to use for the selected game’s details

<transitions:TransitionPresenter Grid.Column="2" TransitionSelector="{Binding GameDetailsTransitionSelector}" Content="{Binding GameDetailsView}" />

ListTransitionSelector
The type of transition to use for game lists

<transitions:TransitionPresenter Grid.Column="0" TransitionSelector="{Binding ListTransitionSelector}" Content="{Binding ListView}" />

ImageView
The view to use for the selected game’s main image; will return a view of type ImageView

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

BackgroundView
The view to use for the background; will return a view of type BackgroundView or ImageVideoView

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

ImageVideoView
The view to use for non-background videos/secondary images; will return a view of type ImageVideoView

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

GameDetailsView
The view to use for the selected game’s details; will return a view of type GameDetailsView or TwoColumnGameDetailsView

<transitions:TransitionPresenter Grid.Column="2" TransitionSelector="{Binding GameDetailsTransitionSelector}" Content="{Binding GameDetailsView}" />

ListView
The view to use for the games list or the game details menu items; will return one of the child list views; does not apply to CoverFlow or wheel views

<transitions:TransitionPresenter Grid.Column="0" TransitionSelector="{Binding ListTransitionSelector}" Content="{Binding ListView}" />