右对齐 wpf 扩展器标题中的项目

Question

我想让扩展器标题中的一些文本左对齐，然后一些文本右对齐。 我已经找到了如何将标题扩展到容器的宽度，并且认为我可以简单地添加一个停靠面板并将第二个文本块设置为“停靠右侧”，但这似乎没有帮助。 有什么解决办法吗？

<Expander>
  <Expander.Header>
    <DockPanel
      Width="{Binding
        RelativeSource={RelativeSource
        Mode=FindAncestor,
        AncestorType={x:Type Expander}},
        Path=ActualWidth}">
      <TextBlock
        Text="I am header text…"
        Background="LightBlue"
      />
      <TextBlock DockPanel.Dock="Right"
        Text="I am header text…"
        Background="Yellow"
      />
    </DockPanel>
  </Expander.Header>
</Expander>

Answer 1

这对我有用。 这也会将箭头向右移动，因为它会恢复标题的顺序并重新恢复内容的顺序。

<Expander FlowDirection="RightToLeft" >  
  <Expander.Header>
    <DockPanel FlowDirection="LeftToRight" 
          HorizontalAlignment="{Binding HorizontalAlignment,
                          RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type ContentPresenter}},
                          Mode=OneWayToSource}"
          LastChildFill="True">
      <!-- Change the look inside header here -->

      <Label Content="Header" Background="Red" />
    </DockPanel>
  </Expander.Header>

  <Expander.Content>
    <!-- Change the look inside content here, by default Expander.Content is stretched -->
    <DockPanel FlowDirection="LeftToRight" LastChildFill="True">
      <Label Content="Left" Background="Aquamarine" />
      <Label Content="Fill" Background="Plum" />
    </DockPanel>
  </Expander.Content>
</Expander>

(来源)

Answer 2

尝试将 TextAlignment 属性设置为 right，将 Horizo​​ntalAlignment 属性设置为在 TextBlock 上拉伸。 我想这应该有帮助。

如果您使用颜色的目的不是演示目的，并且您确实希望整个元素右对齐，那么您可能需要考虑设置 DockPanel 的 LastChildFill 属性> 为假。

Answer 3

不幸的是，这与默认扩展器模板的问题有关，该模板将标题的水平对齐设置为左侧而不是拉伸。 让它工作的最好方法是创建一个新的模板来正确设置它。 以下是更多信息的链接：

http://silverlight.net/forums/p /57142/145801.aspx#145801

它适用于 silverlight，但也适用于 wpf。 另一种方法是将上面的停靠面板宽度绑定到包含扩展器的元素的实际宽度。 这不是一个很好的解决方案，但它确实有效。 您需要为宽度创建一个值转换器。 这是一些代码：

[ValueConversion(typeof(double), typeof(double))]
public class OffsetDoubleConverter : IValueConverter
{
    #region IValueConverter Members

    public double Offset { get; set; }
    public bool KeepPositive { get; set; }

    public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        double number = (double)value + Offset;
        if ((KeepPositive) && (number < 0.0))
        {
            number = 0.0;
        }
        return number;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        double number = (double)value - Offset;
        if ((KeepPositive) && (number < 0.0))
        {
            number = 0.0;
        }
        return number;
    }

    #endregion
}

在您的 xaml 中：

<!-- create a ref to your namespace -->
xmlns:loc="clr-namespace:YourNamespace"

...

<Window.Resources>
<loc:OffsetDoubleConverter x:Key="ExpanderConverter" Offset="-208.0" KeepPositive="True"/>
</Window.Resources>

...

<DockPanel Width="{Binding ElementName=ADifferentElement, Path=ActualWidth,
                   Converter={StaticResource ExpanderConverter}}">
...

同样，这不是最好的解决方案，但它应该可以工作。 需要注意的一件事是，如果将偏移值设置得太小并将其绑定到扩展器的父级，则 Visual Studio 可能会挂起，因为父级的实际宽度将基于扩展器的宽度。

如果这个实现还不太清楚，请告诉我。 再次，我真的建议只使用扩展器的自定义模板。 您可以获得默认模板，只需稍加修改即可使其正常工作。 如果您愿意，我也可以发布该内容。

Answer 4

我通过在 Expander.Header 部分中添加一个网格并将其宽度设置为其祖先并拉伸它来解决这个问题。 现在网格按预期工作。

    <Expander HorizontalAlignment="Stretch"  VerticalAlignment="Stretch" >
            <Expander.Header>
                <Grid HorizontalAlignment="Stretch" Width="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type Expander}}, Path=ActualWidth}">
                    <Grid.ColumnDefinitions>
                         ...
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                         ...
                    </Grid.RowDefinitions>
                    <TextBlock Text="{Binding _header}" TextAlignment="Center" HorizontalAlignment="Stretch" />
                </Grid>
            </Expander.Header>
    </Expander>