海南网站建设哪家不错,有哪些企业可以做招聘的网站有哪些,高考写作网站,做五金建材市场的网站时间如流水#xff0c;只能流去不流回#xff01;点赞再看#xff0c;养成习惯#xff0c;这是您给我创作的动力#xff01;本文 Dotnet9 https://dotnet9.com 已收录#xff0c;站长乐于分享dotnet相关技术#xff0c;比如Winform、WPF、ASP.NET Core等#xff0c;亦有… 时间如流水只能流去不流回点赞再看养成习惯这是您给我创作的动力本文 Dotnet9 https://dotnet9.com 已收录站长乐于分享dotnet相关技术比如Winform、WPF、ASP.NET Core等亦有C桌面相关的Qt Quick和Qt Widgets等只分享自己熟悉的、自己会的。一、先看效果二、本文背景有网友给站长Dotnet9留言“WPF中能否实现UWP中SplitView效果即抽屉效果吗” Dotnet9记得国外开源C# WPF控件库MaterialDesignInXaml中有这种效果可以查看本站写的推荐文章MaterialDesignInXaml控件介绍站长也是个喜欢码砖的人对代码是很感兴趣的遂Google了一个YouTube视频敲出本文实现的代码希望对他和您有用。三、代码实现站长使用.Net Core 3.1创建的WPF工程创建PopUpAndNav解决方案后需要添加两个Nuget库MaterialDesignThemes和MaterialDesignColors。添加Material两个库工程比较简单主要就是演示窗口MainWindow解决方案结构代码不多我就全部贴上代码吧。添加MaterialDesignInXaml样式App.xamlApplication x:ClassPopUpAndNav.Appxmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:xhttp://schemas.microsoft.com/winfx/2006/xamlxmlns:localclr-namespace:PopUpAndNavStartupUriMainWindow.xamlApplication.ResourcesResourceDictionaryResourceDictionary.MergedDictionariesResourceDictionary Sourcepack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml/ResourceDictionary Sourcepack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml/ResourceDictionary Sourcepack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Blue.xaml/ResourceDictionary Sourcepack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Indigo.xaml//ResourceDictionary.MergedDictionaries/ResourceDictionary/Application.Resources
/Application
演示窗口MainWindow.xaml代码使用简单的自定义窗口看效果图有右上角的标题栏菜单及左上角的抽屉菜单Window x:ClassPopUpAndNav.MainWindowxmlnshttp://schemas.microsoft.com/winfx/2006/xaml/presentationxmlns:xhttp://schemas.microsoft.com/winfx/2006/xamlxmlns:dhttp://schemas.microsoft.com/expression/blend/2008xmlns:mchttp://schemas.openxmlformats.org/markup-compatibility/2006xmlns:localclr-namespace:PopUpAndNavxmlns:materialDesignhttp://materialdesigninxaml.net/winfx/xaml/themesmc:Ignorabled ForegroundWhiteTitleMainWindow Height600 Width1080 ResizeModeNoResize WindowStartupLocationCenterScreen WindowStyleNoneWindow.ResourcesStoryboard x:KeyMenuOpenDoubleAnimationUsingKeyFrames Storyboard.TargetProperty(FrameworkElement.Width) Storyboard.TargetNameGridMenuEasingDoubleKeyFrame KeyTime0 Value60/EasingDoubleKeyFrame KeyTime0:0:0.5 Value200//DoubleAnimationUsingKeyFrames/StoryboardStoryboard x:KeyMenuCloseDoubleAnimationUsingKeyFrames Storyboard.TargetProperty(FrameworkElement.Width) Storyboard.TargetNameGridMenuEasingDoubleKeyFrame KeyTime0 Value200/EasingDoubleKeyFrame KeyTime0:0:0.5 Value60//DoubleAnimationUsingKeyFrames/Storyboard/Window.ResourcesWindow.TriggersEventTrigger RoutedEventButtonBase.Click SourceNameButtonOpenMenuBeginStoryboard Storyboard{StaticResource MenuOpen}//EventTriggerEventTrigger RoutedEventButtonBase.Click SourceNameButtonCloseMenuBeginStoryboard Storyboard{StaticResource MenuClose}//EventTrigger/Window.TriggersGrid BackgroundLightGrayGrid x:NameGridTitle Height60 VerticalAlignmentTop Background#FF1368BD MouseDownGridTitle_MouseDownTextBlock TextC# WPF 抽屉效果 HorizontalAlignmentCenter VerticalAlignmentCenter FontSize22/StackPanel VerticalAlignmentCenter OrientationHorizontal HorizontalAlignmentRightTextBlock TextDotnet9.com VerticalAlignmentCenter FontSize18/materialDesign:PopupBox ForegroundWhite Margin10 PlacementModeBottomAndAlignRightEdges StaysOpenFalseStackPanel Width150Button Content账号/Button Content设置/Button Content帮助/Separator/Button x:NameButtonPopUpLogout ContentLogout ClickButtonPopUpLogout_Click//StackPanel/materialDesign:PopupBox/StackPanel/GridGrid x:NameGridMenu Width60 HorizontalAlignmentLeft Background#FF1B3861StackPanelGrid Height150 BackgroundWhiteButton x:NameButtonCloseMenu Width60 Height60 Background{x:Null} BorderBrush{x:Null} VerticalAlignmentTop HorizontalAlignmentRight VisibilityCollapsed ClickButtonCloseMenu_ClickmaterialDesign:PackIcon KindArrowLeft Foreground#FF1B3861 Width25 Height25//ButtonButton x:NameButtonOpenMenu Width60 Height60 Background{x:Null} BorderBrush{x:Null} VerticalAlignmentTop HorizontalAlignmentRight ClickButtonOpenMenu_ClickmaterialDesign:PackIcon KindMenu Foreground#FF1B3861 Width25 Height25//Button/GridListView ScrollViewer.HorizontalScrollBarVisibilityDisabled Foreground#FF1368BDListViewItem Height60StackPanel OrientationHorizontalmaterialDesign:PackIcon KindViewDashboard Width25 Height25 Margin10 VerticalAlignmentCenter/TextBlock Text首页 VerticalAlignmentCenter Margin20 10//StackPanel/ListViewItemListViewItem Height60StackPanel OrientationHorizontalmaterialDesign:PackIcon KindPencil Width25 Height25 Margin10 VerticalAlignmentCenter/TextBlock Text创建 VerticalAlignmentCenter Margin20 10//StackPanel/ListViewItemListViewItem Height60StackPanel OrientationHorizontalmaterialDesign:PackIcon KindTicket Width25 Height25 Margin10 VerticalAlignmentCenter/TextBlock Text售票 VerticalAlignmentCenter Margin20 10//StackPanel/ListViewItemListViewItem Height60StackPanel OrientationHorizontalmaterialDesign:PackIcon KindMessage Width25 Height25 Margin10 VerticalAlignmentCenter/TextBlock Text信息 VerticalAlignmentCenter Margin20 10//StackPanel/ListViewItemListViewItem Height60StackPanel OrientationHorizontalmaterialDesign:PackIcon KindGithubBox Width25 Height25 Margin10 VerticalAlignmentCenter/TextBlock TextGitHub VerticalAlignmentCenter Margin20 10//StackPanel/ListViewItem/ListView/StackPanel/Grid/Grid
/Window后台MainWindow.xaml.cs主要是处理窗体关闭事件及抽屉菜单的展开与折叠using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;namespace PopUpAndNav
{/// summary/// Interaction logic for MainWindow.xaml/// /summarypublic partial class MainWindow : Window{public MainWindow(){InitializeComponent();}private void ButtonPopUpLogout_Click(object sender, RoutedEventArgs e){Application.Current.Shutdown();}private void ButtonOpenMenu_Click(object sender, RoutedEventArgs e){ButtonOpenMenu.Visibility Visibility.Collapsed;ButtonCloseMenu.Visibility Visibility.Visible;}private void ButtonCloseMenu_Click(object sender, RoutedEventArgs e){ButtonOpenMenu.Visibility Visibility.Visible;ButtonCloseMenu.Visibility Visibility.Collapsed;}private void GridTitle_MouseDown(object sender, MouseButtonEventArgs e){DragMove();}}
}四、文章参考上面的代码是Dotnet9看 Disign com WPF 大神视频手敲的下面是大神youtube地址及本实例学习视频。参考Design com WPF https://www.youtube.com/watch?vYQ1EJJZBHyE除非注明文章均由 Dotnet9 整理发布欢迎转载。转载请注明本文地址https://dotnet9.com/2019/12/it-technology/csharp/wpf/csharp-wpf-material-design-ui-navigation-drawer-popup-menu.html如有所收获请大力转发能点赞及推荐那是极好的如觉小编写文不易欢迎给Dotnet9站点打赏小编谢谢了谢谢大家对dotnet技术的关注和支持 。
