blob: e382466516506b2ed56eee62f227767007121ac1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
|
<UserControl x:Class="MaterialDesignDemo.TransitionsDemo.Slide6_Origins"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:local="clr-namespace:MaterialDesignDemo.TransitionsDemo"
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="300">
<Grid>
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="Auto"/>
<ColumnDefinition/>
</Grid.ColumnDefinitions>
<materialDesign:Transitioner Name="Transitioner" Grid.Column="1" SelectedIndex="0" DefaultTransitionOrigin="1, 1">
<Border Background="#009688">
<TextBlock Foreground="Azure" Margin="24" TextWrapping="Wrap">You can set .DefaultTransitionOrigin, to help with transitions such as the circle wipe, which are triggered from code.</TextBlock>
</Border>
<materialDesign:TransitionerSlide TransitionOrigin="0.25, 0.25">
<materialDesign:TransitionerSlide.BackwardWipe>
<materialDesign:CircleWipe/>
</materialDesign:TransitionerSlide.BackwardWipe>
<Border Background="#E64A19"/>
</materialDesign:TransitionerSlide>
</materialDesign:Transitioner>
<StackPanel Margin="16 0 16 0">
<Button Click="FirstSlideButton_OnClick">First</Button>
<Button Click="SecondSlideButton_OnClick" Margin="0 16 0 0">Second</Button>
</StackPanel>
<StackPanel Orientation="Horizontal" Grid.Row="1" Grid.ColumnSpan="2" Margin="16" HorizontalAlignment="Right">
<Button Style="{DynamicResource MaterialDesignFloatingActionMiniButton}"
Command="{x:Static materialDesign:Transitioner.MovePreviousCommand}"
>
<materialDesign:PackIcon Kind="StepBackward" />
</Button>
<Button Style="{DynamicResource MaterialDesignFloatingActionMiniButton}"
Command="{x:Static materialDesign:Transitioner.MoveNextCommand}"
Margin="16 0 0 0">
<materialDesign:PackIcon Kind="StepForward" />
</Button>
</StackPanel>
</Grid>
</UserControl>
|
