使GridSplitter跨行工作

Question

我正在尝试让module.exports = { //... devServer: { publicPath: '/site/' } }; 在网格中的所有行上工作：

但是，在使用此控件的情况下，GridSplitter属性似乎不起作用。

如何让RowSpan在网格表上工作并在移动时共享列宽？

这是我的代码：

GridSplitter

Answer 1

前GridSplitter中只有Gird。您可以将两个网格合并为一个网格以获得所需的结果。这是合并的XAML，供您尝试：

                                    

<Grid.Resources>
    <Style TargetType="TextBlock">
        <Setter Property="Padding" Value="3" />
        <Setter Property="Foreground" Value="Silver" />
        <Setter Property="FontWeight" Value="Bold" />
        <Setter Property="HorizontalAlignment" Value="Center" />
    </Style>
    <Style TargetType="Border">
        <Setter Property="BorderThickness" Value="1" />
        <Setter Property="BorderBrush" Value="Silver" />
        <Setter Property="Background" Value="Black" />
    </Style>
</Grid.Resources>

<StackPanel Grid.Column="0">
    <Border>
        <TextBlock Text="First Column" />
    </Border>
    <TextBlock FontSize="30"
                           Foreground="Red"
                           Text="First Column Content" />
</StackPanel>

<GridSplitter Grid.Row="0" 
              Grid.Column="1"
              HorizontalAlignment="Stretch"
              ShowsPreview="True"
              Background="Gray"/>

<StackPanel Grid.Column="2">
    <Border>
        <TextBlock Text="Second Column" />
    </Border>
    <TextBlock FontSize="30"
                           Foreground="red"
                           Text="Second Column Content" />

</StackPanel>

此外，这是结果输出的屏幕截图：

您可能还想参考MSDN上的此操作方法页面。