Skip to content

Commit 2099289

Browse files
wongjiahauwongjiahau
committed
Succesfully injected XamlDisplayerPanel into Expander.xaml
1 parent ccda4ce commit 2099289

File tree

2 files changed

+97
-93
lines changed

2 files changed

+97
-93
lines changed

‎MainDemo.Wpf/Expander.xaml

Lines changed: 94 additions & 93 deletions
Original file line numberDiff line numberDiff line change
@@ -4,54 +4,20 @@
44
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
55
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
66
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
7+
xmlns:codeDisplayer="clr-namespace:CodeDisplayer;assembly=CodeDisplayer"
78
mc:Ignorable="d"
89
d:DesignHeight="400" d:DesignWidth="600">
9-
<Grid>
10-
<Grid.RowDefinitions>
11-
<RowDefinition Height="Auto" />
12-
<RowDefinition Height="Auto" />
13-
</Grid.RowDefinitions>
14-
<Grid.ColumnDefinitions>
15-
<ColumnDefinition Width="1*" />
16-
<ColumnDefinition Width="1*" />
17-
</Grid.ColumnDefinitions>
18-
<StackPanel>
19-
<Expander HorizontalAlignment="Stretch"
20-
Header="Expander Example 1a">
21-
<StackPanel Orientation="Vertical"
22-
TextBlock.Foreground="{DynamicResource MaterialDesignBody}"
23-
Margin="24,8,24,16">
24-
<TextBlock Text="Your Content" />
25-
<TextBlock Opacity=".68" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
26-
TextWrapping="Wrap"/>
27-
</StackPanel>
28-
</Expander>
29-
<Expander HorizontalAlignment="Stretch"
30-
Header="Expander Example 1b">
31-
<StackPanel Orientation="Vertical"
32-
TextBlock.Foreground="{DynamicResource MaterialDesignBody}"
33-
Margin="24,8,24,16">
34-
<TextBlock Text="Your Content" />
35-
<TextBlock Opacity=".68" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
36-
TextWrapping="Wrap"/>
37-
</StackPanel>
38-
</Expander>
39-
<Expander HorizontalAlignment="Stretch"
40-
Header="Expander Example 1c">
41-
<StackPanel Orientation="Vertical"
42-
TextBlock.Foreground="{DynamicResource MaterialDesignBody}"
43-
Margin="24,8,24,16">
44-
<TextBlock Text="Your Content" />
45-
<TextBlock Opacity=".68" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
46-
TextWrapping="Wrap"/>
47-
</StackPanel>
48-
</Expander>
49-
</StackPanel>
50-
<materialDesign:Card Grid.Row="1" Background="{DynamicResource MaterialDesignBackground}"
51-
Margin="4 24 0 0">
10+
<UserControl.Resources>
11+
<Style TargetType="TextBlock" BasedOn="{StaticResource MaterialDesignBody1TextBlock}">
12+
<Setter Property="TextWrapping" Value="Wrap"></Setter>
13+
<Setter Property="MaxWidth" Value="300"></Setter>
14+
</Style>
15+
</UserControl.Resources>
16+
<ScrollViewer>
17+
<codeDisplayer:XamlDisplayerPanel x:Name="XamlDisplayerPanel">
5218
<StackPanel>
5319
<Expander HorizontalAlignment="Stretch"
54-
Header="Expander Example 2a">
20+
Header="Expander Example 1a">
5521
<StackPanel Orientation="Vertical"
5622
TextBlock.Foreground="{DynamicResource MaterialDesignBody}"
5723
Margin="24,8,24,16">
@@ -60,9 +26,8 @@
6026
TextWrapping="Wrap"/>
6127
</StackPanel>
6228
</Expander>
63-
<Border Background="{DynamicResource MaterialDesignDivider}" Height="1" HorizontalAlignment="Stretch" SnapsToDevicePixels="True" />
6429
<Expander HorizontalAlignment="Stretch"
65-
Header="Expander Example 2b">
30+
Header="Expander Example 1b">
6631
<StackPanel Orientation="Vertical"
6732
TextBlock.Foreground="{DynamicResource MaterialDesignBody}"
6833
Margin="24,8,24,16">
@@ -71,9 +36,8 @@
7136
TextWrapping="Wrap"/>
7237
</StackPanel>
7338
</Expander>
74-
<Border Background="{DynamicResource MaterialDesignDivider}" Height="1" HorizontalAlignment="Stretch" SnapsToDevicePixels="True" />
7539
<Expander HorizontalAlignment="Stretch"
76-
Header="Expander Example 2c">
40+
Header="Expander Example 1c">
7741
<StackPanel Orientation="Vertical"
7842
TextBlock.Foreground="{DynamicResource MaterialDesignBody}"
7943
Margin="24,8,24,16">
@@ -83,62 +47,99 @@
8347
</StackPanel>
8448
</Expander>
8549
</StackPanel>
86-
</materialDesign:Card>
87-
<StackPanel Grid.Column="1" HorizontalAlignment="Left" Margin="8" Orientation="Horizontal" VerticalAlignment="Stretch"
50+
<materialDesign:Card Grid.Row="1" Background="{DynamicResource MaterialDesignBackground}"
51+
Margin="4 24 0 0">
52+
<StackPanel>
53+
<Expander HorizontalAlignment="Stretch"
54+
Header="Expander Example 2a">
55+
<StackPanel Orientation="Vertical"
56+
TextBlock.Foreground="{DynamicResource MaterialDesignBody}"
57+
Margin="24,8,24,16">
58+
<TextBlock Text="Your Content" />
59+
<TextBlock Opacity=".68" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
60+
TextWrapping="Wrap"/>
61+
</StackPanel>
62+
</Expander>
63+
<Border Background="{DynamicResource MaterialDesignDivider}" Height="1" HorizontalAlignment="Stretch" SnapsToDevicePixels="True" />
64+
<Expander HorizontalAlignment="Stretch"
65+
Header="Expander Example 2b">
66+
<StackPanel Orientation="Vertical"
67+
TextBlock.Foreground="{DynamicResource MaterialDesignBody}"
68+
Margin="24,8,24,16">
69+
<TextBlock Text="Your Content" />
70+
<TextBlock Opacity=".68" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
71+
TextWrapping="Wrap"/>
72+
</StackPanel>
73+
</Expander>
74+
<Border Background="{DynamicResource MaterialDesignDivider}" Height="1" HorizontalAlignment="Stretch" SnapsToDevicePixels="True" />
75+
<Expander HorizontalAlignment="Stretch"
76+
Header="Expander Example 2c">
77+
<StackPanel Orientation="Vertical"
78+
TextBlock.Foreground="{DynamicResource MaterialDesignBody}"
79+
Margin="24,8,24,16">
80+
<TextBlock Text="Your Content" />
81+
<TextBlock Opacity=".68" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
82+
TextWrapping="Wrap"/>
83+
</StackPanel>
84+
</Expander>
85+
</StackPanel>
86+
</materialDesign:Card>
87+
<StackPanel Grid.Column="1" HorizontalAlignment="Left" Margin="8" Orientation="Horizontal" VerticalAlignment="Stretch"
8888
Grid.RowSpan="2">
89-
<Expander ExpandDirection="Right">
90-
<Expander.Header>
91-
<TextBlock Text="Expander Example 3a" RenderTransformOrigin=".5,.5">
92-
<TextBlock.LayoutTransform>
93-
<RotateTransform Angle="90" />
94-
</TextBlock.LayoutTransform>
95-
</TextBlock>
96-
</Expander.Header>
97-
<StackPanel Orientation="Vertical"
89+
<Expander ExpandDirection="Right">
90+
<Expander.Header>
91+
<TextBlock Text="Expander Example 3a" RenderTransformOrigin=".5,.5">
92+
<TextBlock.LayoutTransform>
93+
<RotateTransform Angle="90" />
94+
</TextBlock.LayoutTransform>
95+
</TextBlock>
96+
</Expander.Header>
97+
<StackPanel Orientation="Vertical"
9898
TextBlock.Foreground="{DynamicResource MaterialDesignBody}"
9999
Margin="8,24,16,24">
100-
<TextBlock Text="Your Content" />
101-
<TextBlock Opacity=".68" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
100+
<TextBlock Text="Your Content" />
101+
<TextBlock Opacity=".68" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
102102
MaxWidth="180"
103103
TextWrapping="Wrap"/>
104-
</StackPanel>
105-
</Expander>
106-
<Border Background="{DynamicResource MaterialDesignDivider}" Width="1" VerticalAlignment="Stretch" SnapsToDevicePixels="True" />
107-
<Expander ExpandDirection="Right">
108-
<Expander.Header>
109-
<TextBlock Text="Expander Example 3b" RenderTransformOrigin=".5,.5">
110-
<TextBlock.LayoutTransform>
111-
<RotateTransform Angle="90" />
112-
</TextBlock.LayoutTransform>
113-
</TextBlock>
114-
</Expander.Header>
115-
<StackPanel Orientation="Vertical"
104+
</StackPanel>
105+
</Expander>
106+
<Border Background="{DynamicResource MaterialDesignDivider}" Width="1" VerticalAlignment="Stretch" SnapsToDevicePixels="True" />
107+
<Expander ExpandDirection="Right">
108+
<Expander.Header>
109+
<TextBlock Text="Expander Example 3b" RenderTransformOrigin=".5,.5">
110+
<TextBlock.LayoutTransform>
111+
<RotateTransform Angle="90" />
112+
</TextBlock.LayoutTransform>
113+
</TextBlock>
114+
</Expander.Header>
115+
<StackPanel Orientation="Vertical"
116116
TextBlock.Foreground="{DynamicResource MaterialDesignBody}"
117117
Margin="8,24,16,24">
118-
<TextBlock Text="Your Content" />
119-
<TextBlock Opacity=".68" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
118+
<TextBlock Text="Your Content" />
119+
<TextBlock Opacity=".68" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
120120
MaxWidth="180"
121121
TextWrapping="Wrap"/>
122-
</StackPanel>
123-
</Expander>
124-
<Border Background="{DynamicResource MaterialDesignDivider}" Width="1" VerticalAlignment="Stretch" SnapsToDevicePixels="True" />
125-
<Expander ExpandDirection="Right">
126-
<Expander.Header>
127-
<TextBlock Text="Expander Example 3c" RenderTransformOrigin=".5,.5">
128-
<TextBlock.LayoutTransform>
129-
<RotateTransform Angle="90" />
130-
</TextBlock.LayoutTransform>
131-
</TextBlock>
132-
</Expander.Header>
133-
<StackPanel Orientation="Vertical"
122+
</StackPanel>
123+
</Expander>
124+
<Border Background="{DynamicResource MaterialDesignDivider}" Width="1" VerticalAlignment="Stretch" SnapsToDevicePixels="True" />
125+
<Expander ExpandDirection="Right">
126+
<Expander.Header>
127+
<TextBlock Text="Expander Example 3c" RenderTransformOrigin=".5,.5">
128+
<TextBlock.LayoutTransform>
129+
<RotateTransform Angle="90" />
130+
</TextBlock.LayoutTransform>
131+
</TextBlock>
132+
</Expander.Header>
133+
<StackPanel Orientation="Vertical"
134134
TextBlock.Foreground="{DynamicResource MaterialDesignBody}"
135135
Margin="8,24,16,24">
136-
<TextBlock Text="Your Content" />
137-
<TextBlock Opacity=".68" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
136+
<TextBlock Text="Your Content" />
137+
<TextBlock Opacity=".68" Text="Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
138138
MaxWidth="180"
139139
TextWrapping="Wrap"/>
140-
</StackPanel>
141-
</Expander>
142-
</StackPanel>
143-
</Grid>
140+
</StackPanel>
141+
</Expander>
142+
</StackPanel>
143+
</codeDisplayer:XamlDisplayerPanel>
144+
</ScrollViewer>
144145
</UserControl>

‎MainDemo.Wpf/Expander.xaml.cs

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,8 @@
1212
using System.Windows.Media.Imaging;
1313
using System.Windows.Navigation;
1414
using System.Windows.Shapes;
15+
using CodeDisplayer;
16+
using MaterialDesignDemo.Helper;
1517

1618
namespace MaterialDesignColors.WpfExample
1719
{
@@ -23,6 +25,7 @@ public partial class Expander : UserControl
2325
public Expander()
2426
{
2527
InitializeComponent();
28+
XamlDisplayerPanel.Initialize(new SourceRouter(this.GetType().Name).GetSource());
2629
}
2730
}
2831
}

0 commit comments

Comments
 (0)