-
Notifications
You must be signed in to change notification settings - Fork 3.4k
/
Drawers.xaml
118 lines (118 loc) · 6.98 KB
/
Drawers.xaml
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
<UserControl x:Class="MaterialDesignDemo.Drawers"
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"
xmlns:smtx="clr-namespace:ShowMeTheXAML;assembly=ShowMeTheXAML"
xmlns:system="clr-namespace:System;assembly=mscorlib"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="300">
<smtx:XamlDisplay Key="drawers_1" MaxHeight="{x:Static system:Double.MaxValue}" Margin="5">
<materialDesign:DrawerHost Margin="64" HorizontalAlignment="Center" VerticalAlignment="Center" BorderThickness="2" BorderBrush="{DynamicResource MaterialDesignDivider}">
<materialDesign:DrawerHost.LeftDrawerContent>
<StackPanel Margin="16">
<TextBlock Margin="4" HorizontalAlignment="Center">LEFT FIELD</TextBlock>
<Button Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
CommandParameter="{x:Static Dock.Left}"
Margin="4" HorizontalAlignment="Center"
Style="{DynamicResource MaterialDesignFlatButton}">
CLOSE THIS
</Button>
<Button Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
Margin="4" HorizontalAlignment="Center"
Style="{DynamicResource MaterialDesignFlatButton}">
CLOSE ALL
</Button>
</StackPanel>
</materialDesign:DrawerHost.LeftDrawerContent>
<materialDesign:DrawerHost.TopDrawerContent>
<StackPanel Margin="16" HorizontalAlignment="Center" Orientation="Horizontal">
<TextBlock Margin="4" VerticalAlignment="Center">TOP BANANA</TextBlock>
<Button Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
Style="{DynamicResource MaterialDesignFlatButton}"
Margin="4" VerticalAlignment="Center">
CLOSE ALL
</Button>
<Button Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
CommandParameter="{x:Static Dock.Top}"
Style="{DynamicResource MaterialDesignFlatButton}"
Margin="4" VerticalAlignment="Center">
CLOSE THIS
</Button>
</StackPanel>
</materialDesign:DrawerHost.TopDrawerContent>
<materialDesign:DrawerHost.RightDrawerContent>
<StackPanel Margin="16">
<TextBlock Margin="4" HorizontalAlignment="Center">THE RIGHT STUFF</TextBlock>
<Button Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
CommandParameter="{x:Static Dock.Right}"
Margin="4" HorizontalAlignment="Center"
Style="{DynamicResource MaterialDesignFlatButton}">
CLOSE THIS
</Button>
<Button Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
Margin="4" HorizontalAlignment="Center"
Style="{DynamicResource MaterialDesignFlatButton}">
CLOSE ALL
</Button>
</StackPanel>
</materialDesign:DrawerHost.RightDrawerContent>
<materialDesign:DrawerHost.BottomDrawerContent>
<StackPanel Margin="16" HorizontalAlignment="Center" Orientation="Horizontal">
<TextBlock Margin="4" VerticalAlignment="Center">BOTTOM BRACKET</TextBlock>
<Button Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
Style="{DynamicResource MaterialDesignFlatButton}"
Margin="4" VerticalAlignment="Center">
CLOSE ALL
</Button>
<Button Command="{x:Static materialDesign:DrawerHost.CloseDrawerCommand}"
CommandParameter="{x:Static Dock.Bottom}"
Style="{DynamicResource MaterialDesignFlatButton}"
Margin="4" VerticalAlignment="Center">
CLOSE THIS
</Button>
</StackPanel>
</materialDesign:DrawerHost.BottomDrawerContent>
<Grid MinWidth="480" MinHeight="480">
<Grid VerticalAlignment="Center" HorizontalAlignment="Center">
<Grid.RowDefinitions>
<RowDefinition />
<RowDefinition />
<RowDefinition />
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition />
<ColumnDefinition />
<ColumnDefinition />
</Grid.ColumnDefinitions>
<Button Command="{x:Static materialDesign:DrawerHost.OpenDrawerCommand}"
CommandParameter="{x:Static Dock.Left}"
Grid.Row="1" Grid.Column="0" Margin="4">
<materialDesign:PackIcon Kind="ArrowLeft" />
</Button>
<Button Command="{x:Static materialDesign:DrawerHost.OpenDrawerCommand}"
CommandParameter="{x:Static Dock.Top}"
Grid.Row="0" Grid.Column="1" Margin="4">
<materialDesign:PackIcon Kind="ArrowUp" />
</Button>
<Button Command="{x:Static materialDesign:DrawerHost.OpenDrawerCommand}"
CommandParameter="{x:Static Dock.Right}"
Grid.Row="1" Grid.Column="2" Margin="4">
<materialDesign:PackIcon Kind="ArrowRight" />
</Button>
<Button Command="{x:Static materialDesign:DrawerHost.OpenDrawerCommand}"
CommandParameter="{x:Static Dock.Bottom}"
Grid.Row="2" Grid.Column="1" Margin="4">
<materialDesign:PackIcon Kind="ArrowDown" />
</Button>
<Button Command="{x:Static materialDesign:DrawerHost.OpenDrawerCommand}"
Grid.Row="1" Grid.Column="1" Margin="4"
Style="{DynamicResource MaterialDesignRaisedAccentButton}">
<materialDesign:PackIcon Kind="ArrowAll" />
</Button>
</Grid>
</Grid>
</materialDesign:DrawerHost>
</smtx:XamlDisplay>
</UserControl>