blob: f89d8f047dc11f63456ac13959460674b09b5fb2 (
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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
|
<UserControl x:Class="MaterialDesignDemo.TransitionsDemo.Slide5_TransitioningContent"
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:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="300"
Background="{DynamicResource MaterialDesignPaper}">
<Grid HorizontalAlignment="Center" Width="418" >
<Grid.RowDefinitions>
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
<RowDefinition Height="Auto" />
</Grid.RowDefinitions>
<materialDesign:TransitioningContent OpeningEffect="{materialDesign:TransitionEffect SlideInFromRight, Duration=0:0:1.2}">
<materialDesign:ColorZone Mode="PrimaryMid" materialDesign:ShadowAssist.ShadowDepth="Depth3" Margin="4">
<StackPanel Margin="16" Orientation="Horizontal">
<materialDesign:PackIcon Kind="Account" Height="32" Width="32" />
<TextBlock Style="{DynamicResource MaterialDesignHeadlineTextBlock}" Margin="16 0 0 0">Contacts</TextBlock>
</StackPanel>
</materialDesign:ColorZone>
</materialDesign:TransitioningContent>
<ItemsControl Grid.Row="1">
<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Columns="4" />
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>
<ItemsControl.Resources>
<Style TargetType="{x:Type materialDesign:ColorZone}" BasedOn="{StaticResource {x:Type materialDesign:ColorZone}}">
<Setter Property="Width" Value="96" />
<Setter Property="Height" Value="96" />
<Setter Property="Margin" Value="4" />
<Setter Property="Mode" Value="PrimaryLight" />
</Style>
</ItemsControl.Resources>
<materialDesign:TransitioningContent OpeningEffect="{materialDesign:TransitionEffect ExpandIn}">
<materialDesign:ColorZone>
<materialDesign:PackIcon Kind="Phone" VerticalAlignment="Center" HorizontalAlignment="Center" />
</materialDesign:ColorZone>
</materialDesign:TransitioningContent>
<materialDesign:TransitioningContent OpeningEffectsOffset="{materialDesign:IndexedItemOffsetMultiplier 0:0:0.05}">
<materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:TransitionEffect Kind="ExpandIn" />
</materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:ColorZone>
<materialDesign:PackIcon Kind="Phone" VerticalAlignment="Center" HorizontalAlignment="Center" />
</materialDesign:ColorZone>
</materialDesign:TransitioningContent>
<materialDesign:TransitioningContent OpeningEffectsOffset="{materialDesign:IndexedItemOffsetMultiplier 0:0:0.05}">
<materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:TransitionEffect Kind="ExpandIn" />
</materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:ColorZone>
<materialDesign:PackIcon Kind="Phone" VerticalAlignment="Center" HorizontalAlignment="Center" />
</materialDesign:ColorZone>
</materialDesign:TransitioningContent>
<materialDesign:TransitioningContent OpeningEffectsOffset="{materialDesign:IndexedItemOffsetMultiplier 0:0:0.05}">
<materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:TransitionEffect Kind="ExpandIn" />
</materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:ColorZone>
<materialDesign:PackIcon Kind="Phone" VerticalAlignment="Center" HorizontalAlignment="Center" />
</materialDesign:ColorZone>
</materialDesign:TransitioningContent>
<materialDesign:TransitioningContent OpeningEffectsOffset="{materialDesign:IndexedItemOffsetMultiplier 0:0:0.05}">
<materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:TransitionEffect Kind="ExpandIn" />
</materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:ColorZone>
<materialDesign:PackIcon Kind="Phone" VerticalAlignment="Center" HorizontalAlignment="Center" />
</materialDesign:ColorZone>
</materialDesign:TransitioningContent>
<materialDesign:TransitioningContent OpeningEffectsOffset="{materialDesign:IndexedItemOffsetMultiplier 0:0:0.05}">
<materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:TransitionEffect Kind="ExpandIn" />
</materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:ColorZone>
<materialDesign:PackIcon Kind="Phone" VerticalAlignment="Center" HorizontalAlignment="Center" />
</materialDesign:ColorZone>
</materialDesign:TransitioningContent>
<materialDesign:TransitioningContent OpeningEffectsOffset="{materialDesign:IndexedItemOffsetMultiplier 0:0:0.05}">
<materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:TransitionEffect Kind="ExpandIn" />
</materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:ColorZone>
<materialDesign:PackIcon Kind="Phone" VerticalAlignment="Center" HorizontalAlignment="Center" />
</materialDesign:ColorZone>
</materialDesign:TransitioningContent>
<materialDesign:TransitioningContent OpeningEffectsOffset="{materialDesign:IndexedItemOffsetMultiplier 0:0:0.05}">
<materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:TransitionEffect Kind="ExpandIn" />
</materialDesign:TransitioningContent.OpeningEffects>
<materialDesign:ColorZone>
<materialDesign:PackIcon Kind="Phone" VerticalAlignment="Center" HorizontalAlignment="Center" />
</materialDesign:ColorZone>
</materialDesign:TransitioningContent>
</ItemsControl>
<StackPanel Orientation="Horizontal" Grid.Row="2" HorizontalAlignment="Right">
<Button Style="{DynamicResource MaterialDesignFloatingActionMiniButton}"
Command="{x:Static materialDesign:Transitioner.MovePreviousCommand}"
VerticalAlignment="Center" HorizontalAlignment="Left"
Margin="16">
<materialDesign:PackIcon Kind="StepBackward" />
</Button>
<Button Style="{DynamicResource MaterialDesignFloatingActionAccentButton}"
Command="{x:Static materialDesign:Transitioner.MoveNextCommand}"
VerticalAlignment="Top"
Margin="16">
<materialDesign:PackIcon Kind="StepForward" />
</Button>
</StackPanel>
</Grid>
</UserControl>
|
