WPF中文网

GridSplitter分割窗口

GridSplitter控件用来分割窗体的布局,必须放在Grid栅格控件中配合使用,通过鼠标按住GridSplitter进行左右或上下拖动,即可调整行列尺寸。

注意事项:

1、如果您希望GridSplitter控件可以水平调整左右的Grid列宽时,那么HorizontalAlignment属性必须设置为Stretch或者Center。

2、如果您希望GridSplitter控件可以垂直调整行高,那么VerticalAlignment属性必须设置为Stretch或者Center。

3、ShowsPreview属性表示拖动时是否及时绘制调整尺寸。

接下来,我们通过一个例子来说明它的用法

前端代码

<Window x:Class="HelloWorld.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:HelloWorld"
        mc:Ignorable="d" FontSize="14"
        Title="WPF中文网之控件课程 - www.wpfsoft.com" Height="350" Width="500">
    <Grid>
        <Grid.ColumnDefinitions>
            <ColumnDefinition/>
            <ColumnDefinition Width="auto"/>
            <ColumnDefinition/>
        </Grid.ColumnDefinitions>
        <Border Grid.Column="0" Background="LightBlue">
            <TextBlock TextWrapping="Wrap" Padding="10" LineHeight="20">
                您好,我是站长重庆教主,欢迎来到 WPF中文网,我们的网址是:http://www.wpfsoft.com。您还可以在百度、B站、51CTO、csdn搜索我的名字,以便找到我其它的技术文章或视频课程。本站上线于2023年8月3日,在一个稀松平常的午后,我突然想搭建一个关于学习和分享WPF框架的博客网站,于是开始注册域名、购买空间、安装网站、设置栏目,不到3个小时,WPF中文网就诞生了。
            </TextBlock>
        </Border>
        <GridSplitter Grid.Column="1" Width="5" HorizontalAlignment="Center"   ShowsPreview="False"/>
        <Border Grid.Column="2" Background="LightCoral">
            <TextBlock TextWrapping="Wrap" Padding="10" LineHeight="20">
接下来的日子里,我将从WPF的起源、概述、学习路径等,一路写下去,一直把WPF最后一滴知识详尽才会封笔,我明白这是一场耗费个人巨大精力的战争。但是,那些我曾踩过的坑与走过的弯路,都无时无刻不提醒着我,尽量像讲故事一样,把这一切都写下来吧,总结自己,照亮来者。
            </TextBlock>
        </Border>

    </Grid>
</Window>

接下来我们看看F5运行后,可以用鼠标左右拖动的窗体效果。最好是为GridSplitter单独分配一行或者一列,同时,GridSplitter需要跨越整行或整列,这样的效果会更好。如上面的代码所示,我们在Grid中分割了3个单元格(3列),将GridSplitter居在放置,简单设置一下GridSplitter的属性,就可以达到我们的目的了。

当前课程源码下载:(注明:本站所有源代码请按标题搜索)

文件名:033-《GridSplitter分割控件》-源代码
链接:https://pan.baidu.com/s/1yu-q4tUtl0poLVgmcMfgBA
提取码:wpff

——重庆教主 2023年8月30日

copyright @重庆教主 WPF中文网 联系站长:(QQ)23611316 (微信)movieclip (QQ群).NET小白课堂:864486030 | 本文由WPF中文网原创发布,谢绝转载 渝ICP备2023009518号-1