示例:WPF中推荐一个支持折叠展开的GridSpliter自定义控件GridSplitterBox

一、目的:推荐一个支持折叠展开的GridSpliter自定义控件GridSplitterBox

二、效果

实现功能:设置菜单显示位置,最小宽度,最大宽度,位置持久化保存

三、环境

VS2022 Net7

四、使用方式

1、安装nuget包:H.Controls.FilterColumnDataGrid

2、添加控件

XML 复制代码
            <h:GridSplitterBox>
                <Border>
                    <Grid Background="Red">
                        <TextBlock FontSize="100" Text="Center" />
                    </Grid>
                </Border>
                <h:GridSplitterBox.MenuContent>
                    <Border Background="Yellow">
                        <TextBlock FontSize="100" Text="Menu" />
                    </Border>
                </h:GridSplitterBox.MenuContent>
            </h:GridSplitterBox>      

其他样式

Style="{DynamicResource {x:Static h:GridSplitterBox.RightKey}}"

Style="{DynamicResource {x:Static h:GridSplitterBox.TopKey}}"

Style="{DynamicResource {x:Static h:GridSplitterBox.BottomKey}}"

基于此控件做的左侧菜单SlideMenu效果演示

五、需要了解的知识点

GridSplitter 类 (System.Windows.Controls) | Microsoft Learn

System.Windows.Controls 命名空间 | Microsoft Learn

六、源码地址

GitHub - HeBianGu/WPF-ControlDemo: 示例

GitHub - HeBianGu/WPF-ControlBase: Wpf封装的自定义控件资源库

GitHub - HeBianGu/WPF-Control: WPF轻量控件和皮肤库

七、了解更多

System.Windows.Controls 命名空间 | Microsoft Learn

https://github.com/HeBianGu

HeBianGu的个人空间-HeBianGu个人主页-哔哩哔哩视频

相关推荐
光泽雨1 天前
WPF 音视频四大核心方案对比
wpf·音视频
浪扼飞舟2 天前
WPF(数据绑定)
wpf
samble3 天前
从零搭建半导体设备上位机(四):单实例、启动流程与配置文件,App 里那 526 行到底在干什么
wpf·配置文件·单实例
浪扼飞舟3 天前
WPF(控件的继承树、内容控件、布局控件)
wpf
avi91116 天前
电影开源Jevdo - 源码介绍(vue版)没有android 和 没有wpf
android·wpf·框架·数据爬虫·meego·电影管理
吾与谁归in7 天前
C#脚本工具,支持智能提示自动补全(WPF + Roslyn + AvalonEdit)
开发语言·c#·wpf
昂好的day7 天前
WPF 从零入门(上):WPF 是什么、XAML 语法、布局与样式全解
开发语言·c#·wpf
影寂ldy8 天前
WPF导航窗体+Page页面跳转 知识点整理
wpf
He BianGu8 天前
【WPF-Control教程】IOC 依赖注入
c#·wpf·wpf-control
He BianGu8 天前
【WPF-Control教程】H.Extensions.Behvaiors 开发文档
c#·wpf·wpf-control