TransitioningContentControl
The TransitioningContentControl is a ContentControl which can render PageTransitions when the Content changes.
Property | Description |
---|---|
Content | Gets or sets the content to display in the control |
ContentTemplate | |
PageTransition |
Let's assume we have a collection of different images and we want to show them in a slideshow like view. In order to do this we can setup our
TransitioningContentControl
like this:<TransitioningContentControl Content="{Binding SelectedImage}" >
<TransitioningContentControl.ContentTemplate>
<DataTemplate DataType="Bitmap">
<Image Source="{Binding}" />
</DataTemplate>
</TransitioningContentControl.ContentTemplate>
</TransitioningContentControl>

TransitioningContentControl Example
If you don't like the
PageTransition
which is provided by the applied theme, you can also provide your own PageTransition. This can be done in XAML, provided via Binding
or via DynamicResource
.<TransitioningContentControl Content="{Binding SelectedImage}" >
<TransitioningContentControl.PageTransition>
<PageSlide Orientation="Horizontal" Duration="0:00:00.500" />
</TransitioningContentControl.PageTransition>
<TransitioningContentControl.ContentTemplate>
<DataTemplate DataType="Bitmap">
<Image Source="{Binding}" />
</DataTemplate>
</TransitioningContentControl.ContentTemplate>
</TransitioningContentControl>

TransitioningContentControl Example
If you want to disable the transition, set the
PageTransition
to null
.<TransitioningContentControl Content="{Binding SelectedImage}" PageTransition="{x:Null}" >
<TransitioningContentControl.ContentTemplate>
<DataTemplate DataType="Bitmap">
<Image Source="{Binding}" />
</DataTemplate>
</TransitioningContentControl.ContentTemplate>
</TransitioningContentControl>
Last modified 7mo ago