WPF綁定水平對齊到文本對齊

Question

我有一個ListBoxItem其HorizontalAlignment屬性由轉換器根據Window的寬度更改。我在ListBoxItem內有TextBlock，其TextAlignment屬性綁定到ListBoxItem的HorizontalAlignment屬性。

HorizontalAlignmentListBoxItem的屬性正在改變;但是，TextBlock的文本對齊保持不變。錯誤在哪裏？

這裏是綁定（我沒有顯示（根據Window width的ListBoxItem的，因爲它工作正常的轉換器，它改變了從Left到Center））的代碼：

<ListBox> 
    <ListBoxItem> 
     <TextBlock TextWrapping="Wrap" Text="Some text" 
        TextAlignment="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=ListBoxItem}, Path=HorizontalAlignment}"/> 
    </ListBoxItem> 
</ListBox> 

人，你是一個偵探！我做了一個可行的實驗，但我無法解釋爲什麼。我使用MultiBinding而不是Binding，傳遞了AcualWidth屬性，這實際上並不是由Converter使用的。現在TextAlignment正在工作，並在ListBoxItem的Horizo​​ntalAlignment更改時進行更新。我用下面的代碼：

<TextBlock TextWrapping="Wrap" Text="Some text"> 
    <TextBlock.TextAlignment> 
     <MultiBinding Converter="{StaticResource HorizontalToTextAlignmentConverter}"> 
      <Binding Path="ActualWidth" RelativeSource="{RelativeSource Self}"/> 
      <Binding Path="HorizontalAlignment" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem}}"/> 
     </MultiBinding> 
    </TextBlock.TextAlignment> 
</TextBlock> 

你能解釋爲什麼它與多路捆綁合作，而不是一個簡單的綁定？無論如何，非常感謝您的幫助！

Answer 1

這是兩個不同的枚舉：

TextAlignment枚舉：http://msdn.microsoft.com/en-us/library/system.windows.textalignment(v=vs.110).aspx

的Horizo​​ntalAlignment枚舉：http://msdn.microsoft.com/en-us/library/system.windows.horizontalalignment(v=vs.110).aspx

雖然TextAlignment包含Center，Justify，Left和Right，HorizontalAlignment包含Center，Left，Right和Stretch。所以，如你所見，他們不一樣。

創建一個轉換器，如果你想使用一個基於另一個。

這裏是一個非常基本的轉換器（調整到您喜歡）：

public class HorizontalToTextAlignmentConverter : IValueConverter 
{ 
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     TextAlignment textAlignment; 

     // All I'm doing here is simply getting the integer value of the Enumeration. 
     switch ((int)value) 
     { 
      case 0: 
       // Left to Left 
       textAlignment = TextAlignment.Left; 
       break; 
      case 1: 
       // Center to Center 
       textAlignment = TextAlignment.Center; 
       break; 
      case 2: 
       // Right to Right 
       textAlignment = TextAlignment.Right; 
       break; 
      default: 
       // Stretch to Justify 
       textAlignment = TextAlignment.Justify; 
       break; 
     } 

     return textAlignment; 
    } 

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) 
    { 
     HorizontalAlignment horizontalAlignment; 

     // All I'm doing here is simply getting the integer value of the Enumeration. 
     switch ((int)value) 
     { 
      case 0: 
       // Left to Left 
       horizontalAlignment = HorizontalAlignment.Left; 
       break; 
      case 1: 
       // Right to Right 
       horizontalAlignment = HorizontalAlignment.Right; 
       break; 
      case 2: 
       // Center to Center 
       horizontalAlignment = HorizontalAlignment.Center; 
       break; 
      default: 
       // Justify to Stretch 
       horizontalAlignment = HorizontalAlignment.Stretch; 
       break; 
     } 

     return horizontalAlignment; 
    } 
} 

XAML測試代碼：

<Window.Resources> 
    <local:HorizontalToTextAlignmentConverter x:Key="h2tAlignmentConverter"/> 
</Window.Resources> 
<Grid> 
    <ListBox> 
     <ListBoxItem HorizontalAlignment="Right"> 
      <TextBlock TextWrapping="Wrap" Text="Some text" 
         TextAlignment="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem}}, Path=HorizontalAlignment, Converter={StaticResource h2tAlignmentConverter}}" 
         Width="400"/> 
     </ListBoxItem> 
    </ListBox> 
</Grid> 

MSDN這些numerations的順序是有點過了，所以我就走進了代碼來找出它們。這裏是他們的，供大家參考代碼：

public enum TextAlignment 
{ 
    Left = 0, 
    Right = 1, 
    Center = 2, 
    Justify = 3, 
} 

public enum HorizontalAlignment 
{ 
    Left = 0, 
    Center = 1, 
    Right = 2, 
    Stretch = 3, 
} 

編輯：

我想了一些關於你的最後一個評論，我認爲你可能不會看到由於TextBlock本身不會更改文本的對齊方式在父母ListBoxItem內對齊。因此，作爲可能的情況之一，如果ListBoxItem大於TextBlock，則不會看到適當的更改。您可以通過將HorizontalContentAlignment的ListBoxItem綁定到其自己的HorizontalAlignment來完成對齊的同步。

這裏的XAML：

<Grid> 
    <ListBox> 
     <ListBoxItem HorizontalAlignment="Left" BorderThickness="1" BorderBrush="Red" 
        Width="400" HorizontalContentAlignment="{Binding RelativeSource={RelativeSource Self}, Path=HorizontalAlignment}"> 
      <TextBlock TextWrapping="Wrap" Text="Some text" Background="Green" Foreground="White" 
         TextAlignment="{Binding RelativeSource={RelativeSource Mode=FindAncestor, AncestorType={x:Type ListBoxItem}}, Path=HorizontalAlignment, Converter={StaticResource h2tAlignmentConverter}}" 
         Width="300"/> 
     </ListBoxItem> 
    </ListBox> 
</Grid> 

下面是不同的對準的視覺表示。 ListBoxItem是Red,TextBlock是Green和ListBox佔據整個Grid & Window。

Left對準：

Right對準：

Center對準：

Stretch對準（文本是Justified）：

的最好的部分是HorizontalContentAlignment是一個簡單的HorizontalAlignment，因此不需要轉換。