WPF中如何设置DockPanel第二个（右侧）元素的布局优先级

DockPanel 的子元素布局顺序完全由 XAML 中的声明顺序决定：先声明的停靠元素会优先完成测量、占据对应方向的所需空间，后声明的元素只能在扣除已占用空间的剩余区域内完成布局。你当前的代码将左对齐 Border 放在声明顺序的第一位，自然会优先给左侧元素分配空间，无法给右侧 Border 预留足够宽度。

实现方法 #

不需要更换布局容器，只需要做两处调整即可实现右侧元素优先布局的效果：

• 调整两个 Border 的 XAML 声明顺序，将需要优先占用空间的右侧 Border 移到前面
• 给两个 Border 显式设置 DockPanel.Dock 附加属性，移除冗余的 HorizontalAlignment 配置，完全由 DockPanel 控制停靠逻辑：右侧 Border 设为 DockPanel.Dock="Right"，左侧 Border 设为 DockPanel.Dock="Left"

调整后，DockPanel 会先测量右侧 Border 的内容尺寸，为其分配满足内容展示的所需宽度，剩余可用空间会全部分配给后声明的左侧 Border，左侧 Border 内开启了自动换行的 TextBlock 会自动根据拿到的宽度适配换行，完全匹配需求。

修正后的完整代码 #

<DockPanel>
    <!-- 优先声明的右侧停靠元素，优先分配内容所需空间 -->
    <Border CornerRadius="0 4 4 0" 
            DockPanel.Dock="Right"
            MaxWidth="104" MinWidth="83"
            Height="48">
        <Border.Background>
            <SolidColorBrush Color="#FFFFFF" Opacity="0.4"/>
        </Border.Background>
        <ContentControl VerticalAlignment="Center">
            <ContentControl.Style>
                <Style TargetType="ContentControl">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Mode}" Value="trial">
                            <Setter Property="Content">
                                <Setter.Value>
                                    <WrapPanel Orientation="Vertical" VerticalAlignment="Center" HorizontalAlignment="Center">
                                        <!-- 修正原代码未闭合的TextBlock标签 -->
                                        <TextBlock Text="{Binding PlanTitleText1}" FontSize="12" HorizontalAlignment="Center"/>
                                    </WrapPanel>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </ContentControl.Style>
        </ContentControl>
    </Border>

    <!-- 后声明的左侧停靠元素，自动占用剩余可用空间 -->
    <Border Background="#FFFFFF" 
            DockPanel.Dock="Left"
            CornerRadius="4 0 0 4" 
            Height="48" 
            MaxWidth="183">
        <ContentControl VerticalAlignment="Center">
            <ContentControl.Style>
                <Style TargetType="ContentControl">
                    <Style.Triggers>
                        <DataTrigger Binding="{Binding Mode}" Value="trial">
                            <Setter Property="Content">
                                <Setter.Value>
                                    <WrapPanel Orientation="Horizontal" MaxWidth="190" VerticalAlignment="Center" HorizontalAlignment="Center">
                                        <TextBlock FontSize="12" TextWrapping="Wrap" Padding="11, 0, 11, 0">
                                            <Run Text="{Binding TrialText1, Mode=OneWay}"/>
                                        </TextBlock>
                                    </WrapPanel>
                                </Setter.Value>
                            </Setter>
                        </DataTrigger>
                    </Style.Triggers>
                </Style>
            </ContentControl.Style>
        </ContentControl>
    </Border>
</DockPanel>

注意事项 #

• 不要给左侧 Border 设置固定宽度，保持宽度自适应即可，否则无法自动适配剩余空间
• 原代码中第二个 TextBlock 标签缺少闭合标记，上述代码已经同步修正，否则会触发 XAML 解析错误
• 不需要额外嵌套 Grid 等其他布局控件，DockPanel 原生的顺序停靠机制就可以满足优先级需求，性能更优

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