為什么我不能通過GridSplitter調整最后一列的寬度？

Question

這是XAML：

<Window x:Class="WpfApp1.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:WpfApp1"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid HorizontalAlignment="Left">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50"></ColumnDefinition>
            <ColumnDefinition Width="50"></ColumnDefinition>
            <ColumnDefinition Width="50"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Border Background="Red"></Border>
        <GridSplitter HorizontalContentAlignment="Stretch" Width="5"></GridSplitter>
        <Border Background="Green" Grid.Column="1"></Border>
        <GridSplitter HorizontalContentAlignment="Stretch" Width="5" Grid.Column="1"></GridSplitter>
        <Border Background="Blue" Grid.Column="2"></Border>
        <GridSplitter HorizontalContentAlignment="Stretch" Width="5" Grid.Column="2"></GridSplitter>
    </Grid>
</Window>

而且我發現我無法通過最后一個GridSplitter調整最后一列的寬度。

此外，所有其他GridSplitter都運作良好。

為什么原來是這個？ 我該如何解決呢？

謝謝。

Answer 1

嘗試如下將其添加到網格的RowDefinition中（添加帶有*作為寬度的額外列以占用剩余空間）。

<ColumnDefinition Width="*"></ColumnDefinition>

這就是您最終的Xaml的樣子（僅內容部分）

    <Grid HorizontalAlignment="Left">
        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="50"></ColumnDefinition>
            <ColumnDefinition Width="50"></ColumnDefinition>
            <ColumnDefinition Width="50"></ColumnDefinition>
            <ColumnDefinition Width="*"></ColumnDefinition>
        </Grid.ColumnDefinitions>
        <Border Background="Red"></Border>
        <GridSplitter HorizontalContentAlignment="Stretch" Width="5"></GridSplitter>
        <Border Background="Green" Grid.Column="1"></Border>
        <GridSplitter HorizontalContentAlignment="Stretch" Width="5" Grid.Column="1"></GridSplitter>
        <Border Background="Blue" Grid.Column="2"></Border>
        <GridSplitter HorizontalContentAlignment="Stretch" Width="5" Grid.Column="2"></GridSplitter>
    </Grid>

嘗試讓我們知道這是您要尋找的還是需要其他幫助。