Skip to content

Commit 9d8eaec

Browse files
yanjinhuagoodyanjinhuagood
committed
add in DrawerMenu Example
add in DrawerMenu Example
1 parent 93f04ab commit 9d8eaec

File tree

2 files changed

+73
-52
lines changed

2 files changed

+73
-52
lines changed

‎src/WPFDevelopers.Samples.Shared/ExampleViews/DrawerMenu/DrawerMenuExample.xaml‎

Lines changed: 54 additions & 48 deletions
Original file line numberDiff line numberDiff line change
@@ -11,54 +11,60 @@
1111
d:DesignWidth="800"
1212
mc:Ignorable="d">
1313
<controls:CodeViewer>
14-
<Grid>
15-
<Grid.ColumnDefinitions>
16-
<ColumnDefinition Width="Auto" />
17-
<ColumnDefinition />
18-
</Grid.ColumnDefinitions>
19-
<Frame
20-
Name="myFrame"
21-
Grid.Column="1"
22-
NavigationUIVisibility="Hidden" />
23-
<wd:DrawerMenu SelectionChanged="DrawerMenu_SelectionChanged">
24-
<wd:DrawerMenuItem Text="主页">
25-
<wd:DrawerMenuItem.Icon>
26-
<Image Source="pack://application:,,,/WPFDevelopers.Samples;component/Resources/Images/CircularMenu/2.png" />
27-
</wd:DrawerMenuItem.Icon>
28-
</wd:DrawerMenuItem>
29-
<wd:DrawerMenuItem Text="Edge">
30-
<wd:DrawerMenuItem.Icon>
31-
<Image Source="pack://application:,,,/WPFDevelopers.Samples;component/Resources/Images/CircularMenu/4.png" />
32-
</wd:DrawerMenuItem.Icon>
33-
</wd:DrawerMenuItem>
34-
<wd:DrawerMenuItem Text="云盘">
35-
<wd:DrawerMenuItem.Icon>
36-
<Image Source="pack://application:,,,/WPFDevelopers.Samples;component/Resources/Images/CircularMenu/1.png" />
37-
</wd:DrawerMenuItem.Icon>
38-
</wd:DrawerMenuItem>
39-
<wd:DrawerMenuItem Text="邮件">
40-
<wd:DrawerMenuItem.Icon>
41-
<Image Source="pack://application:,,,/WPFDevelopers.Samples;component/Resources/Images/CircularMenu/8.png" />
42-
</wd:DrawerMenuItem.Icon>
43-
</wd:DrawerMenuItem>
44-
<wd:DrawerMenuItem Text="视频">
45-
<wd:DrawerMenuItem.Icon>
46-
<Image Source="pack://application:,,,/WPFDevelopers.Samples;component/Resources/Images/CircularMenu/6.png" />
47-
</wd:DrawerMenuItem.Icon>
48-
</wd:DrawerMenuItem>
49-
<wd:DrawerMenuItem Text="Bus">
50-
<wd:DrawerMenuItem.Icon>
51-
<Path
52-
Width="20"
53-
Height="20"
54-
Data="{StaticResource WD.BusGeometry}"
55-
Fill="{DynamicResource WD.PlaceholderTextSolidColorBrush}"
56-
Stretch="Uniform" />
57-
</wd:DrawerMenuItem.Icon>
58-
</wd:DrawerMenuItem>
59-
</wd:DrawerMenu>
60-
61-
</Grid>
14+
<TabControl>
15+
<TabItem Header="DrawerMenu - Xaml">
16+
<Grid>
17+
<Grid.ColumnDefinitions>
18+
<ColumnDefinition Width="Auto" />
19+
<ColumnDefinition />
20+
</Grid.ColumnDefinitions>
21+
<Frame
22+
Name="myFrame"
23+
Grid.Column="1"
24+
NavigationUIVisibility="Hidden" />
25+
<wd:DrawerMenu SelectionChanged="DrawerMenu_SelectionChanged">
26+
<wd:DrawerMenuItem Text="主页">
27+
<wd:DrawerMenuItem.Icon>
28+
<Image Source="pack://application:,,,/WPFDevelopers.Samples;component/Resources/Images/CircularMenu/2.png" />
29+
</wd:DrawerMenuItem.Icon>
30+
</wd:DrawerMenuItem>
31+
<wd:DrawerMenuItem Text="Edge">
32+
<wd:DrawerMenuItem.Icon>
33+
<Image Source="pack://application:,,,/WPFDevelopers.Samples;component/Resources/Images/CircularMenu/4.png" />
34+
</wd:DrawerMenuItem.Icon>
35+
</wd:DrawerMenuItem>
36+
<wd:DrawerMenuItem Text="云盘">
37+
<wd:DrawerMenuItem.Icon>
38+
<Image Source="pack://application:,,,/WPFDevelopers.Samples;component/Resources/Images/CircularMenu/1.png" />
39+
</wd:DrawerMenuItem.Icon>
40+
</wd:DrawerMenuItem>
41+
<wd:DrawerMenuItem Text="邮件">
42+
<wd:DrawerMenuItem.Icon>
43+
<Image Source="pack://application:,,,/WPFDevelopers.Samples;component/Resources/Images/CircularMenu/8.png" />
44+
</wd:DrawerMenuItem.Icon>
45+
</wd:DrawerMenuItem>
46+
<wd:DrawerMenuItem Text="视频">
47+
<wd:DrawerMenuItem.Icon>
48+
<Image Source="pack://application:,,,/WPFDevelopers.Samples;component/Resources/Images/CircularMenu/6.png" />
49+
</wd:DrawerMenuItem.Icon>
50+
</wd:DrawerMenuItem>
51+
<wd:DrawerMenuItem Text="Bus">
52+
<wd:DrawerMenuItem.Icon>
53+
<Path
54+
Width="20"
55+
Height="20"
56+
Data="{StaticResource WD.BusGeometry}"
57+
Fill="{DynamicResource WD.PlaceholderTextSolidColorBrush}"
58+
Stretch="Uniform" />
59+
</wd:DrawerMenuItem.Icon>
60+
</wd:DrawerMenuItem>
61+
</wd:DrawerMenu>
62+
</Grid>
63+
</TabItem>
64+
<TabItem Header="DrawerMenu binding">
65+
<wd:DrawerMenu ItemsSource="{Binding DrawerMenuItems, RelativeSource={RelativeSource AncestorType=local:DrawerMenuExample}}" />
66+
</TabItem>
67+
</TabControl>
6268
<controls:CodeViewer.SourceCodes>
6369
<controls:SourceCodeModel CodeSource="/WPFDevelopers.SamplesCode;component/ExampleViews/DrawerMenu/DrawerMenuExample.xaml" CodeType="Xaml" />
6470
<controls:SourceCodeModel CodeSource="/WPFDevelopers.SamplesCode;component/ExampleViews/DrawerMenu/DrawerMenuExample.xaml.cs" CodeType="CSharp" />

‎src/WPFDevelopers.Samples.Shared/ExampleViews/DrawerMenu/DrawerMenuExample.xaml.cs‎

Lines changed: 19 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,9 @@
11
using System;
22
using System.Collections.Generic;
3-
using System.Linq;
43
using System.Windows;
54
using System.Windows.Controls;
6-
using System.Windows.Input;
7-
using System.Windows.Media;
8-
using WPFDevelopers.Samples.Helpers;
5+
using System.Windows.Media.Imaging;
6+
using WPFDevelopers.Controls;
97

108
namespace WPFDevelopers.Samples.ExampleViews.DrawerMenu
119
{
@@ -19,9 +17,26 @@ public partial class DrawerMenuExample : UserControl
1917
new Uri("pack://application:,,,/WPFDevelopers.Samples;component/ExampleViews/DrawerMenu/HomePage.xaml",UriKind.Absolute),
2018
new Uri("pack://application:,,,/WPFDevelopers.Samples;component/ExampleViews/DrawerMenu/EdgePage.xaml",UriKind.Absolute),
2119
};
20+
21+
22+
public IList<DrawerMenuItem> DrawerMenuItems
23+
{
24+
get { return (IList<DrawerMenuItem>)GetValue(DrawerMenuItemsProperty); }
25+
set { SetValue(DrawerMenuItemsProperty, value); }
26+
}
27+
28+
public static readonly DependencyProperty DrawerMenuItemsProperty =
29+
DependencyProperty.Register("DrawerMenuItems", typeof(IList<DrawerMenuItem>), typeof(DrawerMenuExample), new PropertyMetadata(null));
30+
31+
2232
public DrawerMenuExample()
2333
{
2434
InitializeComponent();
35+
var items = new List<DrawerMenuItem>();
36+
items.Add(new DrawerMenuItem { Text = "Menu01", Icon = new Image() { Source = new BitmapImage(new Uri($"pack://application:,,,/WPFDevelopers.Samples;component/Resources/Images/CircularMenu/1.png")) } });
37+
items.Add(new DrawerMenuItem { Text = "Menu02", Icon = new Image() { Source = new BitmapImage(new Uri($"pack://application:,,,/WPFDevelopers.Samples;component/Resources/Images/CircularMenu/2.png")) } });
38+
items.Add(new DrawerMenuItem { Text = "Menu03", Icon = new Image() { Source = new BitmapImage(new Uri($"pack://application:,,,/WPFDevelopers.Samples;component/Resources/Images/CircularMenu/3.png")) } });
39+
DrawerMenuItems = items;
2540
}
2641

2742
//public ICommand HomeCommand => new RelayCommand(obj =>

0 commit comments

Comments
 (0)