示例: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个人主页-哔哩哔哩视频

相关推荐
界面开发小八哥2 小时前
DevExpress WPF中文教程:Grid - 如何显示摘要(设计时)?
ui·c#·wpf·界面控件·devexpress
jackfb201211 小时前
命令可以不通过数据绑定进行配置
wpf
网虫132516 小时前
WPF----进度条ProgressBar(渐变色)
wpf
小海聊工控上位机17 小时前
WPF对象样式
c#·wpf
FairyTailQ17 小时前
贰[2],WPF+HandyControl开发异常记录
开发语言·javascript·wpf
专注VB编程开发20年1 天前
基于C#在WPF中使用斑马打印机进行打印
hadoop·c#·wpf·斑马打印机·zpl打印机
云草桑1 天前
WPF UI 3D 基本概念 点线三角面 相机对象 材质对象与贴图 3D地球 光源 变形处理 动作交互 辅助交互插件 系列三
ui·3d·wpf
云草桑1 天前
WPF UI 3D 多轴 机械臂 stl 模型UI交互
ui·机器人·stl·wpf
界面开发小八哥1 天前
界面组件DevExpress WPF v24.1 - 增强的可访问性 & UI自动化
ui·wpf·界面开发·界面控件·devexpress
小海聊工控上位机2 天前
WPF对象资源
c#·wpf