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

相关推荐
源之缘-专注WPF开发1 小时前
全栈开发实战:WPF+FFmpeg+GIS,打造工业级雷达探测终端
ffmpeg·wpf·gis
张人玉6 小时前
C# WPF 折线图制作(可以连接数据库)
数据库·c#·wpf·sugar
闲人编程7 小时前
OpenTelemetry分布式追踪
分布式·wpf·trace·追踪·open telemetry·codecapsule
张人玉10 小时前
C# WPF 折线图制作笔记(LiveCharts 库)
笔记·c#·wpf·折线图·linechart
FuckPatience1 天前
WPF Matrix结构体方法ScaleAt的坐标系
wpf
我是小妖怪,潇洒又自在1 天前
springcloud alibaba(十)分布式事务
分布式·spring cloud·wpf
Poetinthedusk2 天前
设计模式-命令模式
windows·设计模式·c#·wpf·命令模式
棉晗榜2 天前
WPF印章水印, Border怎么悬浮在其他控件上面,类似盖章一样
wpf
张人玉2 天前
LiveCharts WPF MVVM 图表开发笔记
大数据·分布式·wpf·livecharts
武藤一雄2 天前
一款基于WPF开发的BEJSON转换工具
windows·c#·json·wpf