时间戳

首页 > 解决方案 > WPF标签水平内容对齐与flexibel宽度

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

问题描述

我有TabControl一些TabItems。

的 HeaderTabItems由UserControlalabel和 a组成button。为此，我遵循了本教程。

的水平对齐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>

标签： wpfwidthtabcontroltext-alignmenttabitem

解决方案

将 DockPanel 与 LastChildFill 一起使用：

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

推荐阅读