C# WPF抽屉式侧边栏导航栏 炫酷漂亮效果 MD主题重绘原生控件的美观效果 提供源码Demo下载

置顶 已于 2023-04-23 10:02:00 修改
阅读量6.4k 收藏 32
点赞数 1
分类专栏： 服务器，tcp，c# 文章标签： wpf c# 开发语言 抽屉风格 侧边菜单栏
于 2020-06-09 15:18:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liyu3519/article/details/106642997
版权

源码Demo下载链接：https://download.csdn.net/download/liyu3519/16620649

使用C#-WPF实现抽屉效果-炫酷漂亮的侧边栏导航菜单-SplitView+MD主题重绘原生控件的美观效果-提供源码Demo下载

1.使用Nuget安装MaterialDesignThemes

  2.在App.xaml的<Application.Resources>中的添加以下代码

        <ResourceDictionary>
            <ResourceDictionary.MergedDictionaries>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Light.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignThemes.Wpf;component/Themes/MaterialDesignTheme.Defaults.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Primary/MaterialDesignColor.Blue.xaml"/>
                <ResourceDictionary Source="pack://application:,,,/MaterialDesignColors;component/Themes/Recommended/Accent/MaterialDesignColor.Indigo.xaml"/>
            </ResourceDictionary.MergedDictionaries>
        </ResourceDictionary>

3.界面XAML中添加以下代码

    <Window.Resources>
        <Storyboard x:Key="MenuOpen">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="GridMenu">
                <EasingDoubleKeyFrame KeyTime="0" Value="60"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="200"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
        <Storyboard x:Key="MenuClose">
            <DoubleAnimationUsingKeyFrames Storyboard.TargetProperty="(FrameworkElement.Width)" Storyboard.TargetName="GridMenu">
                <EasingDoubleKeyFrame KeyTime="0" Value="200"/>
                <EasingDoubleKeyFrame KeyTime="0:0:0.5" Value="60"/>
            </DoubleAnimationUsingKeyFrames>
        </Storyboard>
    </Window.Resources>

    <Window.Triggers>
        <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="ButtonOpenMenu">
            <BeginStoryboard Storyboard="{StaticResource MenuOpen}"/>
        </EventTrigger>
        <EventTrigger RoutedEvent="ButtonBase.Click" SourceName="ButtonCloseMenu">
            <BeginStoryboard Storyboard="{StaticResource MenuClose}"/>
        </EventTrigger>
    </Window.Triggers>

    <Grid Background="LightGray">
        <Grid x:Name="GridTitle" Height="50" VerticalAlignment="Top" Background="#FF1368BD" MouseDown="GridTitle_MouseDown" Margin="60,0,0,0">
            <TextBlock Text="抽屉式菜单风格-材料设计主题控件" HorizontalAlignment="Center" VerticalAlignment="Center" FontSize="22" Foreground="White"/>
            <StackPanel VerticalAlignment="Center" Orientation="Horizontal" HorizontalAlignment="Right">
                <TextBlock Text="欢迎使用" VerticalAlignment="Center" FontSize="14" Foreground="White"/>
                <materialDesign:PopupBox Foreground="White" Margin="10" PlacementMode="BottomAndAlignRightEdges" StaysOpen="False">
                    <StackPanel Width="150">
                        <Button Content="账号"/>
                        <Button Content="设置"/>
                        <Button Content="帮助"/>
                        <Separator/>
                        <Button Content="最小化"/>
                        <Button Content="最大化"/>
                        <Button x:Name="ButtonPopUpLogout" Content="退出" Click="ButtonPopUpLogout_Click"/>
                    </StackPanel>
                </materialDesign:PopupBox>
            </StackPanel>
        </Grid>

        <Grid x:Name="GridMenu" Width="60" HorizontalAlignment="Left" Background="#FF1B3861" Margin="0" SizeChanged="GridMenu_SizeChanged">
            <StackPanel>
                <Grid Background="#FF1368BD">
                    <Button x:Name="ButtonCloseMenu" Width="60" Height="50" Background="{x:Null}" BorderBrush="{x:Null}" VerticalAlignment="Top" HorizontalAlignment="Right" Visibility="Collapsed" Click="ButtonCloseMenu_Click">
                        <materialDesign:PackIcon Kind="ArrowLeft" Foreground="#FF1B3861" Width="25" Height="25"/>
                    </Button>
                    <Button x:Name="ButtonOpenMenu" Width="60" Height="50" Background="{x:Null}" BorderBrush="{x:Null}" VerticalAlignment="Top" HorizontalAlignment="Right" Click="ButtonOpenMenu_Click">
                        <materialDesign:PackIcon Kind="Menu" Foreground="#FF1B3861" Width="25" Height="25"/>
                    </Button>
                </Grid>
                <ListView ScrollViewer.HorizontalScrollBarVisibility="Disabled" Foreground="#FF1368BD">
                    <ListViewItem Height="60" MouseLeftButtonUp="ListViewItem_MouseLeftButtonUp">
                        <StackPanel Orientation="Horizontal">
                            <materialDesign:PackIcon Kind="ViewDashboard" Width="25" Height="25" Margin="10" VerticalAlignment="Center" />
                            <TextBlock Text="系统首页" VerticalAlignment="Center" Margin="20 10" Foreground="White"/>
                        </StackPanel>
                    </ListViewItem>
                    <ListViewItem Height="60" MouseLeftButtonUp="ListViewItem_MouseLeftButtonUp">
                        <StackPanel Orientation="Horizontal">
                            <materialDesign:PackIcon Kind="DebugStepOver" Width="25" Height="25" Margin="10" VerticalAlignment="Center"/>
                            <TextBlock Text="设备调试" VerticalAlignment="Center" Margin="20 10" Foreground="White"/>
                        </StackPanel>
                    </ListViewItem>
                    <ListViewItem Height="60" MouseLeftButtonUp="ListViewItem_MouseLeftButtonUp">
                        <StackPanel Orientation="Horizontal">
                            <materialDesign:PackIcon Kind="Settings" Width="25" Height="25" Margin="10" VerticalAlignment="Center"/>
                            <TextBlock Text="参数设置" VerticalAlignment="Center" Margin="20 10" Foreground="White"/>
                        </StackPanel>
                    </ListViewItem>
                    <ListViewItem Height="60" MouseLeftButtonUp="ListViewItem_MouseLeftButtonUp">
                        <StackPanel Orientation="Horizontal">
                            <materialDesign:PackIcon Kind="Text" Width="25" Height="25" Margin="10" VerticalAlignment="Center"/>
                            <TextBlock Text="工作记录" VerticalAlignment="Center" Margin="20 10" Foreground="White"/>
                        </StackPanel>
                    </ListViewItem>
                    <ListViewItem Height="60" MouseLeftButtonUp="ListViewItem_MouseLeftButtonUp">
                        <StackPanel Orientation="Horizontal">
                            <materialDesign:PackIcon Kind="User" Width="25" Height="25" Margin="10" VerticalAlignment="Center"/>
                            <TextBlock Text="用户中心" VerticalAlignment="Center" Margin="20 10" Foreground="White"/>
                        </StackPanel>
                    </ListViewItem>
                </ListView>
            </StackPanel>

        </Grid>

        <Grid x:Name="gdMian" Background="White" Margin="60,50,0,0">
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="*"/>
            </Grid.ColumnDefinitions>
            <GroupBox>
                <GroupBox.Header>
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center" >
                        <materialDesign:PackIcon Kind="Billboard" HorizontalAlignment="Center" VerticalAlignment="Center" Width="18" Height="18" Foreground="White"/>
                        <TextBlock Text="控件效果1" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White"/>
                    </StackPanel>
                </GroupBox.Header>
                <TabControl>
                    <TabItem>
                        <TabItem.Header>
                            <StackPanel Orientation="Horizontal">
                                <materialDesign:PackIcon Kind="Tab"/>
                                <TextBlock Text="选项卡1"/>
                            </StackPanel>
                        </TabItem.Header>
                        <Grid>
                            <Grid.RowDefinitions>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="*"/>
                            </Grid.RowDefinitions>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="*"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Button HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="0" Grid.Column="0">
                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                                    <materialDesign:PackIcon Kind="GestureTapButton" HorizontalAlignment="Center" VerticalAlignment="Center" Width="18" Height="18"/>
                                    <TextBlock Text="按钮控件" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                </StackPanel>
                            </Button>
                            <Button HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="0" Grid.Column="1" Background="#FFB821F3" BorderBrush="#FFB821F3">
                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                                    <materialDesign:PackIcon Kind="GestureTapButton" HorizontalAlignment="Center" VerticalAlignment="Center" Width="18" Height="18"/>
                                    <TextBlock Text="按钮控件" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                </StackPanel>
                            </Button>
                            <Button HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="0" Grid.Column="2" Background="#FFF39421" BorderBrush="#FFF39421">
                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                                    <materialDesign:PackIcon Kind="GestureTapButton" HorizontalAlignment="Center" VerticalAlignment="Center" Width="18" Height="18"/>
                                    <TextBlock Text="按钮控件" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                </StackPanel>
                            </Button>

                            <Button HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Grid.Column="0" Background="{x:Null}" Foreground="#2196F3">
                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                                    <materialDesign:PackIcon Kind="GestureTapButton" HorizontalAlignment="Center" VerticalAlignment="Center" Width="18" Height="18"/>
                                    <TextBlock Text="按钮控件" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                </StackPanel>
                            </Button>
                            <Button HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Grid.Column="1"  BorderBrush="#FFB821F3"  Background="{x:Null}" Foreground="#FFB821F3">
                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                                    <materialDesign:PackIcon Kind="GestureTapButton" HorizontalAlignment="Center" VerticalAlignment="Center" Width="18" Height="18"/>
                                    <TextBlock Text="按钮控件" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                </StackPanel>
                            </Button>
                            <Button HorizontalAlignment="Center" VerticalAlignment="Center" Grid.Row="1" Grid.Column="2" Background="{x:Null}" BorderBrush="#FFF39421" Foreground="#FFF39421">
                                <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center">
                                    <materialDesign:PackIcon Kind="GestureTapButton" HorizontalAlignment="Center" VerticalAlignment="Center" Width="18" Height="18"/>
                                    <TextBlock Text="按钮控件" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                                </StackPanel>
                            </Button>

                            <CheckBox Content="复选框1" Grid.Row="2" Grid.Column="0" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#2196F3"/>
                            <CheckBox Content="复选框2" Grid.Row="2" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#FFB821F3"/>
                            <CheckBox Content="复选框3" Grid.Row="2" Grid.Column="2" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#FFF39421"/>

                            <RadioButton Content="单选框1" Grid.Row="3" Grid.Column="0" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#2196F3" Cursor=""/>
                            <RadioButton Content="单选框2" Grid.Row="3" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#FFB821F3"/>
                            <RadioButton Content="单选框3" Grid.Row="3" Grid.Column="2" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="#FFF39421"/>

                            <ComboBox Grid.Row="4" Grid.Column="0" Margin="10,0,10,0" SelectedIndex="0" Foreground="Black" HorizontalContentAlignment="Center" >
                                <ComboBoxItem Content="下拉选项1"/>
                                <ComboBoxItem Content="下拉选项2"/>
                                <ComboBoxItem Content="下拉选项3"/>
                                <ComboBoxItem Content="下拉选项4"/>
                                <ComboBoxItem Content="下拉选项5"/>
                            </ComboBox>

                            <materialDesign:TimePicker Grid.Row="4" Grid.Column="1" VerticalAlignment="Center" HorizontalAlignment="Center" Width="120" SelectedTime="12:30:30" SelectedTimeFormat="Long" Cursor="" />
                       
                            <materialDesign:ColorPicker Grid.Row="8" Grid.ColumnSpan="3"/>
                            <materialDesign:RatingBar Grid.Row="4" Grid.Column="2" HorizontalAlignment="Center" VerticalAlignment="Center" Max="8" Value="5"/>
                            <materialDesign:Card Grid.Row="5" Background="#2196F3" Foreground="White">
                                <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Card" />
                            </materialDesign:Card>
                            <materialDesign:Card Grid.Row="5" Grid.Column="1" Background="#FFB821F3" Foreground="White">
                                <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Card" />
                            </materialDesign:Card>
                            <materialDesign:Card Grid.Row="5" Grid.Column="2" Background="#FFF39421" Foreground="White">
                                <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="Card" />
                            </materialDesign:Card>
                            <Slider Grid.Row="6" VerticalAlignment="Center" Maximum="100" Value="60"/>
                            <ProgressBar Grid.Row="6" Grid.Column="1" VerticalAlignment="Center" Maximum="100" Value="60" Height="12"/>
                            <PasswordBox Grid.Row="6" Grid.Column="2" Password="123456" VerticalAlignment="Center"  HorizontalContentAlignment="Center" />
                            <TextBox Grid.Row="7" Grid.Column="0" Text="文本框" VerticalAlignment="Center" HorizontalContentAlignment="Center"/>
                            <TextBox Grid.Row="7" Grid.Column="1" Text="文本框" VerticalAlignment="Center" HorizontalContentAlignment="Center" IsEnabled="False"/>
                            <TextBox Grid.Row="7" Grid.Column="3" Text="文本框" VerticalAlignment="Center" HorizontalContentAlignment="Center" MaxLength="36"/>
                        </Grid>
                    </TabItem>
                    <TabItem>
                        <TabItem.Header>
                            <StackPanel Orientation="Horizontal">
                                <materialDesign:PackIcon Kind="Tab"/>
                                <TextBlock Text="选项卡2"/>
                            </StackPanel>
                        </TabItem.Header>
                        <Grid>
                            <TextBlock Text="选项卡2" HorizontalAlignment="Center" VerticalAlignment="Center"/>
                        </Grid>
                    </TabItem>
                </TabControl>

            </GroupBox>
            <GroupBox Grid.Column="1">
                <GroupBox.Header>
                    <StackPanel Orientation="Horizontal" HorizontalAlignment="Center" VerticalAlignment="Center" >
                        <materialDesign:PackIcon Kind="Billboard" HorizontalAlignment="Center" VerticalAlignment="Center" Width="18" Height="18" Foreground="White"/>
                        <TextBlock Text="控件效果2" HorizontalAlignment="Center" VerticalAlignment="Center" Foreground="White"/>
                    </StackPanel>
                </GroupBox.Header>
                <Grid>
                    <Grid.RowDefinitions>
                        <RowDefinition Height="460"/>
                        <RowDefinition Height="31*"/>
                    </Grid.RowDefinitions>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="*"/>
                        </Grid.ColumnDefinitions>
                        <Calendar Margin="0,0,0,0" Grid.RowSpan="1" VerticalAlignment="Center" HorizontalAlignment="Center"/>
                        <materialDesign:Clock Grid.Row="0" Grid.Column="1" HorizontalAlignment="Center" VerticalAlignment="Center" />
                        <Grid Grid.Column="1">
                            <Grid.RowDefinitions>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="50"/>
                                <RowDefinition Height="159*"/>
                            </Grid.RowDefinitions>

                        </Grid>
                            <!--<materialDesign:DialogHost Grid.Column="1" />-->
                    </Grid>

                    <DataGrid Grid.Row="1"  CanUserAddRows="True">
                        <DataGrid.Columns>
                            <materialDesign:DataGridTextColumn Header="编号"  Width="*"/>
                            <DataGridTextColumn Header="姓名" Width="*"/>
                            <materialDesign:DataGridComboBoxColumn Header="性别" Width="*"/>
                            <materialDesign:DataGridTextColumn Header="年龄"  Width="*"/>
                        </DataGrid.Columns>
                    </DataGrid>
                </Grid>

            </GroupBox>
        </Grid>
    </Grid>

4.在代码中添加事件定义代码

        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)
        {
            if (e.ChangedButton == MouseButton.Left)
                DragMove();
        }

        private void GridMenu_SizeChanged(object sender, SizeChangedEventArgs e)
        {
            gdMian.Margin = new Thickness(e.NewSize.Width, 50, 0, 0);
        }

        private void ListViewItem_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {

        }

5.程序效果源码Demo下载地址：https://download.csdn.net/download/liyu3519/16620649

打开侧边栏菜单效果

 关闭侧边菜单栏效果

程序猎人-007
关注
  • 1
    点赞
  • 踩
  • 32
    收藏
    觉得还不错? 一键收藏
  • 7
    评论
专栏目录
WPF实战项目四：左侧菜单导航
yigu4011的博客
07-12 3111
9、在点击首页、待办事项、备忘录、设置按钮时，菜单栏不会自动收缩进去，需要添加一下代码，设置ListBox的名字：x:Name="drawerHost"8、在ListBox下面添加导航，通过添加行为Microsoft.Xaml.Behaviors.Wpf来实现。6、在MainViewModel.cs中初始化导航 ，声明前进后退功能方法。5、在右侧空白注册一个区域，区域注册用上面单独的类来控制。
C#实现WPF抽屉效果 （附完整源码）
希望我的博客，能帮上你解决学习中工作中所遇到的问题
03-31 205
C#实现WPF抽屉效果 （附完整源码）
C#-WPF实现抽屉效果SplitView-炫酷漂亮的侧边菜单效果+MD主题重绘原生控件的美观效果-源码Demo下载
04-11
C#-WPF实现抽屉效果SplitView-炫酷漂亮的侧边菜单效果+MD主题重绘原生控件的美观效果-源码Demo下载
C# WPF十个美观的界面设计展示
weixin_68436326的博客
04-22 1039
概述 很多时候，我们设计的界面总是感觉缺乏美感，不是我们不会开发好看的界面，而是不知道怎么才算美观，这时候我们不妨看看别人好的页面是怎么做的.下面展示一些我觉得做的比较好的cs界面，希望能给大家在平时做界面设计时提供一些参考和灵感.展示一：权限管理系统效果预览，这是一套权限管理系统来源：https://www.cnblogs.com/zt199510/p/15151835.html展示二：H...
Newbeecoder.UI：基于MVVM的轻量级开源WPF控件库，快速搭建漂亮界面的利器，快速搭建漂亮界面的C# WPF源码控件库推荐：Newbeecoder.UI
最新发布
qshGGOha的博客
06-28 602
无论是基础控件还是高级控件，都能够满足开发者的需求，并且以其美观的设计和稳定的性能脱颖而出。First of all，Newbeecoder.UI 提供了一系列的常用控件，如按钮、文本框、下拉框等，这些控件既具备基本功能，又兼顾了美观的设计。与其他控件库相比，Newbeecoder.UI的控件不仅功能完善，而且设计精美，可以轻松满足日常开发需求。（此文章旨在介绍C# WPF源码控件库Newbeecoder.UI的特点和优势，以及对开发者的帮助，不包含任何广告软文成分，纯属技术分析。
WPF UI开发教程自定义可折叠菜单控件
liaohaiyin的专栏
08-23 4775
Expander控件有一个箭头按钮。单击箭头时，Expander中的子元素将显示或隐藏。箭头“展开”控件，使其子控件可见。 接下来，我们可以在扩展器中添加元素——这些元素将被扩展器箭头隐藏或显示。在这里，我向扩展器添加了一个 ImageRadioButton 按钮。 注意我修改了 Expander 元素的“Header”属性。单击此处的扩展器会显示说明。 IsExpanded我将 IsExpanded 属性修改为 false。这意味着当程序启动时，描述是不可见的。 TextBlock在 TextBl
C# WPF抽屉效果实现（C# WPF Material Design UI: Navigation Drawer & PopUp Menu）
Dotnet9的专栏
12-18 4104
时间如流水，只能流去不流回！ 点赞再看，养成习惯，这是您给我创作的动力！ 本文 Dotnet9 https://dotnet9.com 已收录，站长乐于分享dotnet相关技术，比如Winform、WPF、ASP.NET Core等，亦有C++桌面相关的Qt Quick和Qt Widgets等，只分享自己熟悉的、自己会的。 一、先看效果： 二、本文背景 有网友给站长Dotn...
WPF .NET6框架-项目模板-抽屉式菜单-Material Design UI-现代风格
GJ_SO的博客
07-07 376
WPF模板：框架.Net6+抽屉式风格+Material Design
WPF MaterialDesign 初学项目实战（3）动态侧边栏
qq_44695769的博客
05-14 2868
在App.xmal文件中添加样式信息-- 自定义样式 样式名 : MyListBoxItemStyle , 样式挂载：ListBoxItem -- > < Style x : Key = "MyListBoxItemStyle" TargetType = "ListBoxItem" >
WPF 使用materialdesignin实现抽屉式侧边栏
01-29
在本文中，我们将深入探讨如何使用MaterialDesignInXamlToolKit这一流行的WPF设计框架，来实现一个具有抽屉式侧边栏并带有弱化效果的用户界面。MaterialDesignInXamlToolKit是WPF开发者的一个强大工具，它引入了...
抽屉式菜单风格-材料设计主题控件 ,wpf,c# ,直接可以应用
03-26
在本文中，我们将深入探讨如何在C#和WPF（Windows Presentation Foundation）环境中实现一个具有材料设计风格的抽屉式菜单。WPFMaterialDesign库是一个非常实用的资源，它为开发者提供了丰富的材料设计主题控件，使...
wpf 侧边栏
12-19
wpf 侧边栏 能实现侧边面板的折叠展开 使用ExpandPanel
打造最漂亮的串口通讯调试助手 基于C# WPF .net4开发 附源码带详细注释
06-27
WPF界面全部用XAML语言手打，基本都是Grid布局，VS很强大，编程很舒服便捷，源码有很详细的注释。 * 学C#和WPF编的第一个软件，整个编程过程，通过百度不断学习 * 作者是做硬件的，只为学习做简单的上位机程序，...
C# WPF 滑块控件 开关控件 ToggleButton Switcher Demo 源码
11-08
自己写的WPF自定义滑块开关控件源码，可通过对背景色，滑块色，边框，开关文本，进行调整，达到自己满意的效果。操作附带动画效果。... C# WPF 滑块控件 开关控件 ToggleSwitch Switcher Demo 源码
WPF界面侧边栏弹窗效果
leonablythe的博客
11-07 2102
wpf界面侧边栏弹窗效果
WPF 实现抽屉菜单
dotNET跨平台
07-19 514
分享一个WPF 实现抽屉菜单抽屉菜单作者：WPFDevelopersOrg原文链接：https://github.com/WPFDevelopersOrg/WPFDevelopers框架使用大于等于.NET40；Visual Studio 2022;项目使用 MIT 开源许可协议；更多效果可以通过GitHub[1]|码云[2]下载代码;由于在WPF中没有现成的类似UW...
C# WPF侧边栏导航菜单（Dropdown Menu）
lyc1992的专栏
03-21 6551
阅读导航： 一、先看效果 二、本文背景 三、代码实现 四、文章参考 五、代码下载 一、先看效果 二、本文背景 YouTube Design com WPF大神处习得，菜单导航功能实现，常规的管理系统应该常用，左侧显示菜单条目，点击菜单，右侧切换不同的业务用户控件。 常用菜单可以采用TreeView树形控件+特定样式实现 ，本文介绍的是使用Expander+ListView的...
wpf prism左侧抽屉式菜单
雨中深巷的油纸伞
03-07 1125
ContentView 、TestView、SettingView是新建的用户控件，自己随便新建可以区分不同控件查看效果即可。1.首先引入包MaterialDesignColors和MaterialDesignThemes。RegionName 对应每一个创建Control，具体的规则可以看一下prism的导航。左侧菜单显示在窗体外，点击左上角菜单图标通过简单的动画呈现出来。prism 有个注册类ModuleModule。这里头像的图片写死了，需要的自己替换。然后在App.xaml.cs中注册。
WPF侧边滑菜单动态
weixin_60013487的博客
06-03 752
Button Width="100" Height="40" Content="关闭" Click="Button1_Click"/><Button Width="100" Height="40" Content="打开" Click="Button_Click"/><TextBlock Text="图书栏目" Margin="10"></TextBlock><TextBlock Text="美食栏目" Margin="10"></TextBlock>
wpf 控件3d效果
08-20
WPF是一种用于创建富客户端应用程序的技术，它提供了丰富的控件和特效来增强应用程序的外观和交互性。其中，WPF的3D效果使得我们可以在应用程序中创建出令人惊叹的立体效果。 WPF的3D控件主要有Viewport3D和ModelVisual3D等。Viewport3D是一个呈现3D图形的区域，它允许我们在其中放置3D模型等内容。ModelVisual3D则是3D场景中的可视化对象，可以用来表示3D模型、灯光、相机等。 通过使用这些3D控件，我们可以在WPF应用程序中实现各种炫酷的效果。例如，我们可以使用3D模型来创建一个旋转的立方体或球体，添加光照效果让其看起来更真实。我们还可以使用相机控制视角，让用户可以在3D场景中自由移动和查看。 另外，WPF还提供了一些内置的3D效果，例如阴影、透明度、雾化等。通过调整这些效果参数，我们可以进一步改变3D场景的外观和感觉。 需要注意的是，WPF的3D效果相对于其他专门的3D引擎（如Unity、Unreal Engine等）来说功能较为有限。但在一般的桌面应用中，使用WPF的3D效果已经足够满足大部分需求，并且使用起来相对简单。 总的来说，WPF的3D效果为我们提供了一个强大的工具，可以在应用程序中实现各种炫酷的立体效果。无论是创建立体模型、添加光照效果还是调整视角，WPF都能满足我们的需求，并能让我们的应用程序更具吸引力和交互性。
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值