DockPanel内部布局

Question

嗨，在那里，我正在尝试布局可能的应用程序在dockpanel。我在左边有相对较宽的网格，右边有较窄的网格。我想要固定宽度的右边网格，但当我调整我的主窗口大小时，左边的网格会变大。下面是我的XAML：

<Window
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" mc:Ignorable="d"
x:Class="WebSpark.MainWindow"
x:Name="Window"
Title="MainWindow"
Width="640" Height="480">

<DockPanel x:Name="LayoutRoot" Background="#FF474747" LastChildFill="True">
    <Grid DockPanel.Dock="Top" Height="23" Background="#FFEF1212"  />
    <Grid DockPanel.Dock="Top" Height="23" Background="#FFF7E30D"  />
    <Grid DockPanel.Dock="Left" Background="#FF0A38F1" MinHeight="396" Width="{Binding ElementName=LayoutRoot,Path=ActualWidth}" MaxWidth="428"  />
    <Grid DockPanel.Dock="Right" HorizontalAlignment="Right" Width="198" />
</DockPanel>    

​

这就是行为。还原窗口：http://s17.postimage.org/tk1pov6b3/Restored.png最大化窗口：http://s9.postimage.org/457s5r23j/Maximized.png

正如您在最大化窗口中看到的，蓝色面板应该已经拉伸，但它没有。这是怎么回事？请帮帮忙。谢谢。

Answer 1

利用LastChildFill=的“真”。此代码确保灰色框具有固定大小，而蓝色框具有可变大小。

<DockPanel x:Name="LayoutRoot" Background="#FF474747" LastChildFill="True">
    <Grid DockPanel.Dock="Top" Height="23" Background="#FFEF1212"  />
    <Grid DockPanel.Dock="Top" Height="23" Background="#FFF7E30D"  />
    <Grid DockPanel.Dock="Right" HorizontalAlignment="Right" Width="198" />
    <Grid DockPanel.Dock="Left" Background="#FF0A38F1" MinHeight="396" />
</DockPanel>