从UWP迁移至WinUI：GridSplitter自定义控件模板问题咨询

首先明确：WinUI的GridSplitter完全支持自定义控件模板，你之前用到的GridSplitter.Element是UWP时代的专属标签，WinUI已移除该结构，需按照WinUI的控件模板规范重新编写。

自定义GridSplitter模板示例 #

下面是适配你需求的自定义模板，包含Grid和两个切换按钮，同时保留GridSplitter的核心拖拽调整功能：

<Style TargetType="GridSplitter">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="GridSplitter">
                <Grid Background="{TemplateBinding Background}">
                    <!-- 保留拖拽调整的核心部件，不可删除 -->
                    <Rectangle x:Name="PART_GridSplitterThumb" 
                               Fill="Transparent"
                               HorizontalAlignment="Stretch"
                               VerticalAlignment="Stretch"/>
                    <!-- 自定义按钮区域 -->
                    <StackPanel Orientation="Vertical" 
                                HorizontalAlignment="Center"
                                VerticalAlignment="Center">
                        <Button Content="切换页面1" 
                                Click="SwitchToPage1_Click"
                                Margin="0 2"/>
                        <Button Content="切换页面2" 
                                Click="SwitchToPage2_Click"
                                Margin="0 2"/>
                    </StackPanel>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

关键注意事项 #

• 必须保留名为PART_GridSplitterThumb的元素，这是GridSplitter实现拖拽调整的核心部件，删除后拖拽功能会失效。
• 可根据布局需求调整Grid/StackPanel的对齐方式，确保按钮显示位置合理且不影响拖拽操作。
• 在按钮点击事件中实现右窗格的页面切换逻辑即可，比如通过Frame导航或切换UI元素可见性。

替代方案（若自定义模板嫌繁琐） #

如果不想自定义模板，直接使用默认GridSplitter，把切换按钮放在左窗格的顶部/底部区域也完全可行，示例如下：

<Grid>
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="200"/>
        <ColumnDefinition Width="Auto"/>
        <ColumnDefinition Width="*"/>
    </Grid.ColumnDefinitions>
    <!-- 左静态窗格 -->
    <StackPanel Grid.Column="0">
        <Button Content="切换页面1" Click="SwitchToPage1_Click"/>
        <Button Content="切换页面2" Click="SwitchToPage2_Click"/>
        <!-- 左窗格其他内容 -->
    </StackPanel>
    <!-- 基础GridSplitter -->
    <GridSplitter Grid.Column="1" Width="6" Background="Gray"/>
    <!-- 右切换窗格 -->
    <Frame Grid.Column="2" x:Name="RightPaneFrame"/>
</Grid>

这种方案更简洁，无需修改控件模板，同样能满足左窗格静态、右窗格切换的需求。

内容的提问来源于stack exchange，提问作者Bob Balok