• WPF 实现抽屉菜单

     分享一个WPF 实现抽屉菜单

    抽屉菜单

    作者：WPFDevelopersOrg

    原文链接：https://github.com/WPFDevelopersOrg/WPFDevelopers

    • 框架使用大于等于.NET40；

    • Visual Studio 2022;

    • 项目使用 MIT 开源许可协议；

    • 更多效果可以通过GitHub[1]|码云[2]下载代码;

    • 由于在WPF中没有现成的类似UWP的抽屉菜单，所以我们自己实现一个。

    1） DrawerMenu.cs 代码如下。

    1. using System.Collections.Generic;
    2. using System.Windows;
    3. using System.Windows.Controls;
    4. using System.Windows.Media;
    5.  
    6. namespace WPFDevelopers.Controls
    7. {
    8.     public class DrawerMenu : ContentControl
    9.     {
    10.         public new static readonly DependencyProperty ContentProperty =
    11.             DependencyProperty.Register("Content", typeof(List), typeof(DrawerMenu),
    12.                 new FrameworkPropertyMetadata(null));
    13.  
    14.         public static readonly DependencyProperty IsOpenProperty =
    15.             DependencyProperty.Register("IsOpen", typeof(bool), typeof(DrawerMenu), new PropertyMetadata(true));
    16.  
    17.         public static readonly DependencyProperty MenuIconColorProperty =
    18.             DependencyProperty.Register("MenuIconColor", typeof(Brush), typeof(DrawerMenu),
    19.                 new PropertyMetadata(Brushes.White));
    20.  
    21.         public static readonly DependencyProperty SelectionIndicatorColorProperty =
    22.             DependencyProperty.Register("SelectionIndicatorColor", typeof(Brush), typeof(DrawerMenu),
    23.                 new PropertyMetadata(DrawingContextHelper.Brush));
    24.  
    25.         public static readonly DependencyProperty MenuItemForegroundProperty =
    26.             DependencyProperty.Register("MenuItemForeground", typeof(Brush), typeof(DrawerMenu),
    27.                 new PropertyMetadata(Brushes.Transparent));
    28.  
    29.         static DrawerMenu()
    30.         {
    31.             DefaultStyleKeyProperty.OverrideMetadata(typeof(DrawerMenu),
    32.                 new FrameworkPropertyMetadata(typeof(DrawerMenu)));
    33.         }
    34.  
    35.         public new List Content
    36.         {
    37.             get => (List)GetValue(ContentProperty);
    38.             set => SetValue(ContentProperty, value);
    39.         }
    40.  
    41.         public bool IsOpen
    42.         {
    43.             get => (bool)GetValue(IsOpenProperty);
    44.             set => SetValue(IsOpenProperty, value);
    45.         }
    46.  
    47.  
    48.         public Brush MenuIconColor
    49.         {
    50.             get => (Brush)GetValue(MenuIconColorProperty);
    51.             set => SetValue(MenuIconColorProperty, value);
    52.         }
    53.  
    54.  
    55.         public Brush SelectionIndicatorColor
    56.         {
    57.             get => (Brush)GetValue(SelectionIndicatorColorProperty);
    58.             set => SetValue(SelectionIndicatorColorProperty, value);
    59.         }
    60.  
    61.         public Brush MenuItemForeground
    62.         {
    63.             get => (Brush)GetValue(MenuItemForegroundProperty);
    64.             set => SetValue(MenuItemForegroundProperty, value);
    65.         }
    66.  
    67.         public override void BeginInit()
    68.         {
    69.             Content = new List();
    70.             base.BeginInit();
    71.         }
    72.     }
    73. }

    2） DrawerMenuItem.cs 代码如下。

    1. using System.Windows;
    2. using System.Windows.Controls;
    3. using System.Windows.Input;
    4. using System.Windows.Media;
    5.  
    6. namespace WPFDevelopers.Controls
    7. {
    8.     public class DrawerMenuItem : ListBoxItem
    9.     {
    10.         public static readonly DependencyProperty TextProperty =
    11.             DependencyProperty.Register("Text", typeof(string), typeof(DrawerMenuItem),
    12.                 new PropertyMetadata(string.Empty));
    13.  
    14.         public static readonly DependencyProperty IconProperty =
    15.             DependencyProperty.Register("Icon", typeof(ImageSource), typeof(DrawerMenuItem),
    16.                 new PropertyMetadata(null));
    17.  
    18.         public static readonly DependencyProperty SelectionIndicatorColorProperty =
    19.             DependencyProperty.Register("SelectionIndicatorColor", typeof(Brush), typeof(DrawerMenuItem),
    20.                 new PropertyMetadata(DrawingContextHelper.Brush));
    21.  
    22.         public static readonly DependencyProperty SelectionCommandProperty =
    23.             DependencyProperty.Register("SelectionCommand", typeof(ICommand), typeof(DrawerMenuItem),
    24.                 new PropertyMetadata(null));
    25.  
    26.         static DrawerMenuItem()
    27.         {
    28.             DefaultStyleKeyProperty.OverrideMetadata(typeof(DrawerMenuItem),
    29.                 new FrameworkPropertyMetadata(typeof(DrawerMenuItem)));
    30.         }
    31.  
    32.         public string Text
    33.         {
    34.             get => (string)GetValue(TextProperty);
    35.             set => SetValue(TextProperty, value);
    36.         }
    37.  
    38.  
    39.         public ImageSource Icon
    40.         {
    41.             get => (ImageSource)GetValue(IconProperty);
    42.             set => SetValue(IconProperty, value);
    43.         }
    44.  
    45.         public Brush SelectionIndicatorColor
    46.         {
    47.             get => (Brush)GetValue(SelectionIndicatorColorProperty);
    48.             set => SetValue(SelectionIndicatorColorProperty, value);
    49.         }
    50.  
    51.         public ICommand SelectionCommand
    52.         {
    53.             get => (ICommand)GetValue(SelectionCommandProperty);
    54.             set => SetValue(SelectionCommandProperty, value);
    55.         }
    56.     }
    57. }

    3） DrawerMenu.xaml 代码如下。

    1. <ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    2.                     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    3.                     xmlns:po="http://schemas.microsoft.com/winfx/2006/xaml/presentation/options"
    4.                     xmlns:controls="clr-namespace:WPFDevelopers.Controls">
    5.     <ResourceDictionary.MergedDictionaries>
    6.         <ResourceDictionary Source="Basic/ControlBasic.xaml"/>
    7.     ResourceDictionary.MergedDictionaries>
    8.  
    9.     <Style x:Key="DrawerMenuToggleButton" TargetType="ToggleButton" BasedOn="{StaticResource ControlBasicStyle}">
    10.         <Setter Property="IsChecked" Value="False"/>
    11.         <Setter Property="Template">
    12.             <Setter.Value>
    13.                 <ControlTemplate TargetType="{x:Type ToggleButton}">
    14.                     <Grid Background="{TemplateBinding Background}">
    15.                         <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
    16.                     Grid>
    17.                 ControlTemplate>
    18.             Setter.Value>
    19.         Setter>
    20.         <Style.Triggers>
    21.             <Trigger Property="IsMouseOver" Value="True">
    22.                 <Setter Property="Opacity" Value="0.8" />
    23.                 <Setter Property="Cursor" Value="Hand" />
    24.                 <Setter Property="Template">
    25.                     <Setter.Value>
    26.                         <ControlTemplate TargetType="{x:Type ToggleButton}">
    27.                             <Border
    28.                                         Background="{TemplateBinding Background}"
    29.                                         BorderBrush="Black"
    30.                                         BorderThickness="1">
    31.                                 <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
    32.                             Border>
    33.                         ControlTemplate>
    34.                     Setter.Value>
    35.                 Setter>
    36.             Trigger>
    37.         Style.Triggers>
    38.     Style>
    39.     <Style x:Key="DrawerMenuListBox" TargetType="ListBox" BasedOn="{StaticResource ControlBasicStyle}">
    40.         <Setter Property="Background" Value="Transparent" />
    41.         <Setter Property="BorderBrush" Value="Transparent" />
    42.         <Setter Property="BorderThickness" Value="0"/>
    43.         <Setter Property="Template">
    44.             <Setter.Value>
    45.                 <ControlTemplate>
    46.                     <ScrollViewer>
    47.                         <ItemsPresenter Margin="0" />
    48.                     ScrollViewer>
    49.                 ControlTemplate>
    50.             Setter.Value>
    51.         Setter>
    52.     Style>
    53.     <Style x:Key="ButtonFocusVisual">
    54.         <Setter Property="Control.Template">
    55.             <Setter.Value>
    56.                 <ControlTemplate>
    57.                     <Border>
    58.                         <Rectangle 
    59.             Margin="2"
    60.             StrokeThickness="1"
    61.             Stroke="#60000000"
    62.             StrokeDashArray="1 2"/>
    63.                     Border>
    64.                 ControlTemplate>
    65.             Setter.Value>
    66.         Setter>
    67.     Style>
    68.  
    69.     
    70.  
    71.     <SolidColorBrush x:Key="NormalBrush" Color="Transparent"  po:Freeze="True"/>
    72.     <SolidColorBrush x:Key="DarkBrush" Color="#ddd"  po:Freeze="True"/>
    73.     <SolidColorBrush x:Key="PressedBrush" Color="#80FFFFFF"  po:Freeze="True"/>
    74.     <SolidColorBrush x:Key="DisabledForegroundBrush" Color="Transparent"  po:Freeze="True"/>
    75.     <SolidColorBrush x:Key="DisabledBackgroundBrush" Color="Transparent"  po:Freeze="True"/>
    76.  
    77.     
    78.  
    79.     <SolidColorBrush x:Key="NormalBorderBrush" Color="Transparent"  po:Freeze="True"/>
    80.     <SolidColorBrush x:Key="PressedBorderBrush" Color="Transparent"  po:Freeze="True"/>
    81.     <SolidColorBrush x:Key="DefaultedBorderBrush" Color="Transparent"  po:Freeze="True"/>
    82.     <SolidColorBrush x:Key="DisabledBorderBrush" Color="Transparent"  po:Freeze="True"/>
    83.  
    84.  
    85.     <Style x:Key="DrawerMenuItemButtonStyle" TargetType="Button" BasedOn="{StaticResource ControlBasicStyle}">
    86.         <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
    87.         <Setter Property="MinHeight" Value="23"/>
    88.         <Setter Property="MinWidth" Value="75"/>
    89.         <Setter Property="Cursor" Value="Hand" />
    90.         <Setter Property="Template">
    91.             <Setter.Value>
    92.                 <ControlTemplate TargetType="Button">
    93.                     <Border 
    94.           x:Name="Border"  
    95.           CornerRadius="0" 
    96.           BorderThickness="0"
    97.           Background="Transparent"
    98.           BorderBrush="Transparent">
    99.                         <ContentPresenter 
    100.             HorizontalAlignment="Stretch"
    101.             VerticalAlignment="Stretch"
    102.             RecognizesAccessKey="True"/>
    103.                     Border>
    104.                     <ControlTemplate.Triggers>
    105.                         <Trigger Property="IsKeyboardFocused" Value="true">
    106.                             <Setter TargetName="Border" Property="BorderBrush" Value="{DynamicResource DefaultedBorderBrush}" />
    107.                         Trigger>
    108.                         <Trigger Property="IsDefaulted" Value="true">
    109.                             <Setter TargetName="Border" Property="BorderBrush" Value="{DynamicResource DefaultedBorderBrush}" />
    110.                         Trigger>
    111.                         <Trigger Property="IsMouseOver" Value="true">
    112.                             <Setter TargetName="Border" Property="Background" Value="{DynamicResource DarkBrush}" />
    113.                         Trigger>
    114.                         <Trigger Property="IsPressed" Value="true">
    115.                             <Setter TargetName="Border" Property="Background" Value="{DynamicResource PressedBrush}" />
    116.                             <Setter TargetName="Border" Property="BorderBrush" Value="{DynamicResource PressedBorderBrush}" />
    117.                         Trigger>
    118.                         <Trigger Property="IsEnabled" Value="false">
    119.                             <Setter TargetName="Border" Property="Background" Value="{DynamicResource DisabledBackgroundBrush}" />
    120.                             <Setter TargetName="Border" Property="BorderBrush" Value="{DynamicResource DisabledBorderBrush}" />
    121.                             <Setter Property="Foreground" Value="{DynamicResource DisabledForegroundBrush}"/>
    122.                         Trigger>
    123.                     ControlTemplate.Triggers>
    124.                 ControlTemplate>
    125.             Setter.Value>
    126.         Setter>
    127.     Style>
    128.  
    129.  
    130.     <Style TargetType="controls:DrawerMenuItem">
    131.         <Setter Property="HorizontalContentAlignment" Value="Stretch" />
    132.         <Setter Property="Foreground" Value="{Binding RelativeSource={RelativeSource AncestorType={x:Type controls:DrawerMenu}}, Path=MenuItemForeground}"/>
    133.         <Setter Property="SelectionIndicatorColor" Value="{Binding RelativeSource={RelativeSource AncestorType={x:Type controls:DrawerMenu}}, Path=SelectionIndicatorColor}"/>
    134.         <Setter Property="Template">
    135.             <Setter.Value>
    136.                 <ControlTemplate TargetType="controls:DrawerMenuItem">
    137.                     <Button x:Name="PART_Button" Height="44"
    138.                             Command="{TemplateBinding SelectionCommand}" 
    139.                             ToolTip="{TemplateBinding Text}"
    140.                             HorizontalContentAlignment="Stretch" VerticalContentAlignment="Stretch"
    141.                             Style="{StaticResource DrawerMenuItemButtonStyle}">
    142.                         <Grid>
    143.                             <Grid.ColumnDefinitions>
    144.                                 <ColumnDefinition Width="5"/>
    145.                                 <ColumnDefinition/>
    146.                             Grid.ColumnDefinitions>
    147.                             <Grid Grid.ColumnSpan="2">
    148.                                 <Grid Width="300">
    149.                                     <Grid.ColumnDefinitions>
    150.                                         <ColumnDefinition Width="45"/>
    151.                                         <ColumnDefinition/>
    152.                                     Grid.ColumnDefinitions>
    153.                                     <Image Grid.Column="0" Source="{TemplateBinding Icon}" Margin="10,5,5,5"/>
    154.                                     <TextBlock Text="{TemplateBinding Text}" Grid.Column="1"
    155.                                                    Margin="10,0,0,0" HorizontalAlignment="Left" 
    156.                                                    VerticalAlignment="Center" 
    157.                                                    FontSize="{StaticResource TitleFontSize}"
    158.                                                    Foreground="{TemplateBinding Foreground}"
    159.                                                    TextWrapping="Wrap"/>
    160.                                 Grid>
    161.                             Grid>
    162.                             <Grid Name="PART_ItemSelectedIndicator" 
    163.                                   Grid.Column="0" 
    164.                                   Background="{TemplateBinding SelectionIndicatorColor}" 
    165.                                   Visibility="Collapsed" />
    166.                         Grid>
    167.                     Button>
    168.                     <ControlTemplate.Triggers>
    169.                         <Trigger Property="IsSelected" Value="True">
    170.                             <Setter TargetName="PART_ItemSelectedIndicator" Property="Visibility" Value="Visible" />
    171.                         Trigger>
    172.                         <Trigger SourceName="PART_Button" Property="IsPressed" Value="True">
    173.                             <Trigger.ExitActions>
    174.                                 <BeginStoryboard>
    175.                                     <Storyboard>
    176.                                         <BooleanAnimationUsingKeyFrames Storyboard.TargetProperty="IsSelected">
    177.                                             <DiscreteBooleanKeyFrame KeyTime="00:00:00" Value="True" />
    178.                                         BooleanAnimationUsingKeyFrames>
    179.                                     Storyboard>
    180.                                 BeginStoryboard>
    181.                             Trigger.ExitActions>
    182.                         Trigger>
    183.                     ControlTemplate.Triggers>
    184.                 ControlTemplate>
    185.             Setter.Value>
    186.         Setter>
    187.     Style>
    188.  
    189.     <Style TargetType="controls:DrawerMenu">
    190.         <Setter Property="Width" Value="50"/>
    191.         <Setter Property="Visibility" Value="Visible"/>
    192.         <Setter Property="IsOpen" Value="True"/>
    193.         <Setter Property="Template">
    194.             <Setter.Value>
    195.                 <ControlTemplate TargetType="controls:DrawerMenu">
    196.                     <Grid Background="{TemplateBinding Background}">
    197.                         <ToggleButton HorizontalAlignment="Left" Background="#333"
    198.                                       VerticalAlignment="Top" Height="40" Width="50"
    199.                                       IsChecked="{Binding RelativeSource={RelativeSource AncestorType={x:Type controls:DrawerMenu}}, Path=IsOpen}"
    200.                                       Style="{StaticResource DrawerMenuToggleButton}">
    201.                             <Path HorizontalAlignment="Center" 
    202.                                   VerticalAlignment="Center" 
    203.                                   Stretch="Uniform" Width="20" 
    204.                                   Fill="{TemplateBinding MenuIconColor}"
    205.                                   Data="{StaticResource PathMenu}"/>
    206.                         ToggleButton>
    207.                         <ListBox ItemsSource="{TemplateBinding Content}" 
    208.                                  HorizontalAlignment="Left" Margin="0,40,0,0" 
    209.                                  VerticalAlignment="Top" 
    210.                                  Style="{StaticResource DrawerMenuListBox}"
    211.                                  ScrollViewer.HorizontalScrollBarVisibility="Disabled" 
    212.                                  SelectedIndex="0"/>
    213.                     Grid>
    214.                 ControlTemplate>
    215.             Setter.Value>
    216.         Setter>
    217.         <Style.Triggers>
    218.             <Trigger Property="IsOpen" Value="False">
    219.                 <Trigger.EnterActions>
    220.                     <BeginStoryboard>
    221.                         <Storyboard>
    222.                             <DoubleAnimation 
    223.                                          Storyboard.TargetProperty="Width"
    224.                                          To="180"
    225.                                          Duration="0:0:0.2"/>
    226.                         Storyboard>
    227.                     BeginStoryboard>
    228.                 Trigger.EnterActions>
    229.                 <Trigger.ExitActions>
    230.                     <BeginStoryboard>
    231.                         <Storyboard>
    232.                             <DoubleAnimation 
    233.                                          Storyboard.TargetProperty="Width"
    234.                                          To="50"
    235.                                          Duration="0:0:0.2"/>
    236.                         Storyboard>
    237.                     BeginStoryboard>
    238.                 Trigger.ExitActions>
    239.             Trigger>
    240.         Style.Triggers>
    241.     Style>
    242. ResourceDictionary>

    4） DrawerMenuExample.xaml 代码如下。

    1. <UserControl x:Class="WPFDevelopers.Samples.ExampleViews.DrawerMenu.DrawerMenuExample"
    2.              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    3.              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    4.              xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    5.              xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    6.              xmlns:local="clr-namespace:WPFDevelopers.Samples.ExampleViews.DrawerMenu"
    7.              xmlns:wpfdev="https://github.com/WPFDevelopersOrg/WPFDevelopers"
    8.              mc:Ignorable="d" 
    9.              d:DesignHeight="450" d:DesignWidth="800">
    10.     <Grid Background="#FF7B7BFF">
    11.         <Grid.ColumnDefinitions>
    12.             <ColumnDefinition  Width="Auto"/>
    13.             <ColumnDefinition/>
    14.         Grid.ColumnDefinitions>
    15.         <wpfdev:DrawerMenu Background="#eee"
    16.                           SelectionIndicatorColor="{StaticResource PrimaryPressedSolidColorBrush}" 
    17.                           MenuItemForeground="{StaticResource BlackSolidColorBrush}" HorizontalAlignment="Left">
    18.             <wpfdev:DrawerMenu.Content>
    19.                 <wpfdev:DrawerMenuItem Icon="pack://application:,,,/Images/CircularMenu/2.png" Text="主页"
    20.                                       SelectionCommand="{Binding HomeCommand,RelativeSource={RelativeSource AncestorType=local:DrawerMenuExample}}"/>
    21.                 <wpfdev:DrawerMenuItem Icon="pack://application:,,,/Images/CircularMenu/4.png" Text="Edge"
    22.                                       SelectionCommand="{Binding EdgeCommand,RelativeSource={RelativeSource AncestorType=local:DrawerMenuExample}}"/>
    23.                 <wpfdev:DrawerMenuItem Icon="pack://application:,,,/Images/CircularMenu/1.png" Text="云盘"
    24.                                       SelectionCommand="{Binding CloudCommand,RelativeSource={RelativeSource AncestorType=local:DrawerMenuExample}}"/>
    25.                 <wpfdev:DrawerMenuItem Icon="pack://application:,,,/Images/CircularMenu/8.png" Text="邮件"
    26.                                       SelectionCommand="{Binding MailCommand,RelativeSource={RelativeSource AncestorType=local:DrawerMenuExample}}"/>
    27.                 <wpfdev:DrawerMenuItem Icon="pack://application:,,,/Images/CircularMenu/6.png" Text="视频"
    28.                                       SelectionCommand="{Binding VideoCommand,RelativeSource={RelativeSource AncestorType=local:DrawerMenuExample}}"/>
    29.             wpfdev:DrawerMenu.Content>
    30.         wpfdev:DrawerMenu>
    31.         <Frame Name="myFrame" Grid.Column="1" Margin="0,40,0,0"
    32.                NavigationUIVisibility="Hidden">Frame>
    33.     Grid>
    34. UserControl>
    35.

    5） DrawerMenuExample.xaml.cs 代码如下。

    1. using System;
    2. using System.Collections.Generic;
    3. using System.Linq;
    4. using System.Windows;
    5. using System.Windows.Controls;
    6. using System.Windows.Input;
    7. using System.Windows.Media;
    8. using WPFDevelopers.Samples.Helpers;
    9.  
    10. namespace WPFDevelopers.Samples.ExampleViews.DrawerMenu
    11. {
    12.     /// 
    13.     /// Win10MenuExample.xaml 的交互逻辑
    14.     /// 
    15.     public partial class DrawerMenuExample : UserControl
    16.     {
    17.         private List _uriList = new List()
    18.         {
    19.             new Uri("ExampleViews/DrawerMenu/HomePage.xaml",UriKind.Relative),
    20.             new Uri("ExampleViews/DrawerMenu/EdgePage.xaml",UriKind.Relative),
    21.         };
    22.         public DrawerMenuExample()
    23.         {
    24.             InitializeComponent();
    25.             myFrame.Navigate(_uriList[0]);
    26.         }
    27.  
    28.         public ICommand HomeCommand => new RelayCommand(obj =>
    29.         {
    30.             myFrame.Navigate(_uriList[0]);
    31.         });
    32.         public ICommand EdgeCommand => new RelayCommand(obj =>
    33.         {
    34.             myFrame.Navigate(_uriList[1]);
    35.         });
    36.         public ICommand CloudCommand => new RelayCommand(obj =>
    37.         {
    38.             WPFDevelopers.Minimal.Controls.MessageBox.Show("点击了云盘","提示");
    39.         });
    40.         public ICommand MailCommand => new RelayCommand(obj =>
    41.         {
    42.             WPFDevelopers.Minimal.Controls.MessageBox.Show("点击了邮件","提示");
    43.         });
    44.         public ICommand VideoCommand => new RelayCommand(obj =>
    45.         {
    46.             WPFDevelopers.Minimal.Controls.MessageBox.Show("点击了视频","提示");
    47.         });
    48.     }
    49. }

    6） HomePage.xaml.cs 代码如下。

    1. <Page x:Class="WPFDevelopers.Samples.ExampleViews.DrawerMenu.HomePage"
    2.       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    3.       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    4.       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    5.       xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    6.       xmlns:local="clr-namespace:WPFDevelopers.Samples.ExampleViews.DrawerMenu"
    7.       mc:Ignorable="d" 
    8.       d:DesignHeight="450" d:DesignWidth="800"
    9.       Title="HomePage" Background="{StaticResource PrimaryTextSolidColorBrush}">
    10.  
    11.     <Grid>
    12.         <TextBlock VerticalAlignment="Center"
    13.                    HorizontalAlignment="Center"
    14.                    Width="400" TextAlignment="Center"
    15.                    TextWrapping="Wrap"
    16.                    Margin="0,0,0,40"
    17.                    FontSize="{StaticResource NormalFontSize}">
    18.             <Run Foreground="White">HomeRun>
    19.             <Run Text="微信公众号 WPFDevelopers" FontSize="40"
    20.                            Foreground="#A9CC32" FontWeight="Bold">Run>
    21.             <LineBreak/>
    22.             <Hyperlink NavigateUri="https://github.com/WPFDevelopersOrg/WPFDevelopers.git"
    23.                        RequestNavigate="GithubHyperlink_RequestNavigate"> Github 源代码Hyperlink>
    24.             <Run/>
    25.             <Run/>
    26.             <Run/>
    27.             <Hyperlink NavigateUri="https://gitee.com/yanjinhua/WPFDevelopers.git"
    28.                        RequestNavigate="GiteeHyperlink_RequestNavigate"> 码云源代码Hyperlink>
    29.         TextBlock>
    30.     Grid>
    31. Page>
    32.

    7） EdgePage.xaml.cs 代码如下。

    1. <Page x:Class="WPFDevelopers.Samples.ExampleViews.DrawerMenu.EdgePage"
    2.       xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    3.       xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    4.       xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
    5.       xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
    6.       xmlns:local="clr-namespace:WPFDevelopers.Samples.ExampleViews.DrawerMenu"
    7.       mc:Ignorable="d" 
    8.       d:DesignHeight="450" d:DesignWidth="800"
    9.       Title="EdgePage"  Background="{DynamicResource PrimaryPressedSolidColorBrush}">
    10.  
    11.     <Grid>
    12.         <StackPanel VerticalAlignment="Center"
    13.                    Margin="0,0,0,40">
    14.             <Image Source="pack://application:,,,/Images/CircularMenu/4.png" Stretch="Uniform"
    15.                    Width="50"/>
    16.             <TextBlock VerticalAlignment="Center"
    17.                    HorizontalAlignment="Center"
    18.                    TextAlignment="Center"
    19.                    Foreground="White"
    20.                    Text="即将跳转至Edge浏览器"
    21.                    FontSize="{StaticResource TitleFontSize}"
    22.                    Padding="0,10">
    23.             TextBlock>
    24.         StackPanel>
    25.     Grid>
    26. Page>

    WPF开发者

    ，赞18

    参考①[3]参考②[4]

    参考资料

    [1]

    GitHub: https://github.com/WPFDevelopersOrg/WPFDevelopers

    [2]

    码云: https://github.com/WPFDevelopersOrg/WPFDevelopers

    [3]

    参考①: https://github.com/WPFDevelopersOrg/WPFDevelopers/tree/master/src/WPFDevelopers/Controls/DrawerMenu

    [4]

    参考②: https://gitee.com/WPFDevelopersOrg/WPFDevelopers/tree/master/src/WPFDevelopers/Controls/DrawerMenu

  • 相关阅读:
    jdk8排序如何防止字段为空？
    C#.Net筑基-类型系统②常见类型
    剑指offerDayN之请教大佬
    间隔连续问题
    Java框架（三）--Spring IoC容器与Bean管理（7）--基于注解配置IoC容器
    在C#中创建全局热键
    2024/6/5(页面静态化,熔断降级,降级处理,ES搜索实例,课程信息同步,认证授权,单点登录,Spring Security,OAuth2,授权模式)
    Spring 中AspectJ框架简介说明
    场景文字检测DBnet论文解读
    java线程生命周期
  • 原文地址：https://blog.csdn.net/biyusr/article/details/126049040