WPF 标签水平内容对齐与 flexibel 宽度

Question

我有一个 TabControl 和一些 TabItems。

TabItems 的 Header 由一个 UserControl 和一个 label 和一个 button 组成。为此，我遵循了这个 tutorial.

label 的水平对齐不起作用，因为宽度设置为自动。这会导致文本居中，并且 buttons 没有完全位于它们应在的位置右侧。

但我需要宽度灵活，这样长文本就不会被截断。

这是宽度设置为自动的，这是固定宽度的。

我希望它看起来像具有固定宽度但根据标签的长度具有灵活宽度的图片。

编辑：我没有使用评论中提出的建议中的主题。

这是我的 XAML 代码：

<UserControl
    x:Class="CSM.UserControls.CloseableHeaderUserControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" d:DesignWidth="81" Margin="0" Height="20.5" >
    <Grid Margin="0,4,0,0">
        <Button Content="X" Name="bClose" FontFamily="Courier" FontWeight="Bold" Style="{StaticResource {x:Static ToolBar.ButtonStyleKey}}" FontStretch="Normal" FontSize="14"  ToolTip="Close" Height="20" Width="20" HorizontalAlignment="Right" Margin="0,-4,0,0"/>
        <Label Content="TabItem" Name="lTabTitle" FontFamily="Courier" FontSize="12" HorizontalAlignment="Left" HorizontalContentAlignment="Left" Width="auto" Height="24" VerticalAlignment="Top" Margin="0,-4"  />
    </Grid>
</UserControl>

Answer 1

将 DockPanel 与 LastChildFill 一起使用：

<DockPanel LastChildFill="True">
  <Button DockPanel.Dock="Right" ... />
  <Label DockPanel.Dock="Left" ... />      
</DockPanel>

WPF 标签水平内容对齐与 flexibel 宽度

WPF label horizontal content alignment with flexibel width

wpf

tabcontrol

width

text-alignment

tabitem