blob: e625eedc4a75aec8559b33c7fc7202d192908550 (
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
|
<UserControl x:Class="MaterialDesignColors.WpfExample.Shadows"
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"
mc:Ignorable="d"
d:DesignHeight="300" d:DesignWidth="300">
<StackPanel Margin="8 8 0 0">
<TextBlock>Raised controls have default shadows set, but the shadows can be overriden.</TextBlock>
<StackPanel Orientation="Horizontal" Margin="0 32 0 0">
<smtx:XamlDisplay Key="shadow_1">
<Button Style="{DynamicResource MaterialDesignRaisedButton}"
>DEPTH 1</Button>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_2" Margin="16 0 0 0">
<Button Style="{DynamicResource MaterialDesignRaisedButton}"
materialDesign:ShadowAssist.ShadowDepth="Depth2"
>DEPTH 2</Button>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_3" Margin="16 0 0 0">
<Button Style="{DynamicResource MaterialDesignRaisedButton}"
materialDesign:ShadowAssist.ShadowDepth="Depth3"
>DEPTH 3</Button>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_4" Margin="16 0 0 0">
<Button Style="{DynamicResource MaterialDesignRaisedButton}"
materialDesign:ShadowAssist.ShadowDepth="Depth4"
>DEPTH 4</Button>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_5" Margin="16 0 0 0">
<Button Style="{DynamicResource MaterialDesignRaisedButton}"
materialDesign:ShadowAssist.ShadowDepth="Depth5"
>DEPTH 5</Button>
</smtx:XamlDisplay>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="0 32 0 0">
<smtx:XamlDisplay Key="shadow_6">
<Button Style="{DynamicResource MaterialDesignFloatingActionMiniButton}"
materialDesign:ShadowAssist.ShadowDepth="Depth1"
>1</Button>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_7" Margin="16 0 0 0">
<Button Style="{DynamicResource MaterialDesignFloatingActionMiniButton}"
materialDesign:ShadowAssist.ShadowDepth="Depth2"
>2</Button>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_8" Margin="16 0 0 0">
<Button Style="{DynamicResource MaterialDesignFloatingActionMiniButton}"
materialDesign:ShadowAssist.ShadowDepth="Depth3"
>3</Button>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_9" Margin="16 0 0 0">
<Button Style="{DynamicResource MaterialDesignFloatingActionMiniButton}"
materialDesign:ShadowAssist.ShadowDepth="Depth4"
>4</Button>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_10" Margin="16 0 0 0">
<Button Style="{DynamicResource MaterialDesignFloatingActionMiniButton}"
materialDesign:ShadowAssist.ShadowDepth="Depth5"
>5</Button>
</smtx:XamlDisplay>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="0 32 0 0">
<smtx:XamlDisplay Key="shadow_11">
<materialDesign:Card materialDesign:ShadowAssist.ShadowDepth="Depth1" Padding="32">DEPTH 1</materialDesign:Card>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_12" Margin="16 0 0 0">
<materialDesign:Card materialDesign:ShadowAssist.ShadowDepth="Depth2" Padding="32">DEPTH 2</materialDesign:Card>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_13" Margin="16 0 0 0">
<materialDesign:Card materialDesign:ShadowAssist.ShadowDepth="Depth3" Padding="32">DEPTH 3</materialDesign:Card>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_14" Margin="16 0 0 0">
<materialDesign:Card materialDesign:ShadowAssist.ShadowDepth="Depth4" Padding="32">DEPTH 4</materialDesign:Card>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_15" Margin="16 0 0 0">
<materialDesign:Card materialDesign:ShadowAssist.ShadowDepth="Depth5" Padding="32">DEPTH 5</materialDesign:Card>
</smtx:XamlDisplay>
</StackPanel>
<StackPanel Orientation="Horizontal" Margin="0 32 0 0">
<smtx:XamlDisplay Key="shadow_16">
<materialDesign:Card materialDesign:ShadowAssist.ShadowDepth="Depth3" materialDesign:ShadowAssist.ShadowEdges="Bottom,Right" Padding="32">CUSTOM CLIP</materialDesign:Card>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_17" Margin="16 0 0 0">
<materialDesign:Card materialDesign:ShadowAssist.ShadowDepth="Depth3" materialDesign:ShadowAssist.ShadowEdges="Top" Padding="32">CUSTOM CLIP</materialDesign:Card>
</smtx:XamlDisplay>
<smtx:XamlDisplay Key="shadow_18" Margin="16 0 0 0">
<materialDesign:Card materialDesign:ShadowAssist.ShadowDepth="Depth3" materialDesign:ShadowAssist.ShadowEdges="Bottom,Left" Padding="32">CUSTOM CLIP</materialDesign:Card>
</smtx:XamlDisplay>
</StackPanel>
</StackPanel>
</UserControl>
|
