C＃windows phone -xaml中的對齊ListBox.ItemTemplate

Question

我想製作一個簡單的ListBox。每行應包含2個控件，一個對齊左邊，另一個右邊，這就是所有:) 我嘗試了多種方法，但沒有任何工作。我的代碼如下

<StackPanel Grid.Row="1" Margin="12,0,12,0" Grid.Column="0"> 
     <ListBox Name="ListBox" Margin="12,0,12,0" ItemsSource="Exercises" HorizontalContentAlignment="Stretch"> 
      <ListBox.ItemTemplate> 
       <DataTemplate> 
        <StackPanel Orientation="Horizontal" Width="> 
         <TextBlock Text="abc" HorizontalAlignment="Left" VerticalAlignment="Center"/> 
         <TextBlock Text="def" HorizontalAlignment="Right" VerticalAlignment="Center"/> 
        </StackPanel> 
       </DataTemplate> 
      </ListBox.ItemTemplate> 
     </ListBox> 
    </StackPanel> 

（二的TextBlocks只是爲了演示，在實際應用中，我想一個文本塊結合，而不是第二個病人使用按鈕，真實的數據。） 生病時編譯此，無論是textblock在左邊對齊，在仿真器中，它看起來像是一個帶有文本「abcdef」的文本塊。 任何想法如何對齊一個文本塊的權利和另一個左邊？ 非常感謝:)

Answer 1

默認情況下，ListBoxItem不填充它給出的空間。它將自身與內容對齊。爲了確保您的ListBoxItem的內容橫跨整個寬度，您需要更改ItemContainerStyle

<ListBox> 
    <ListBox.ItemContainerStyle> 
     <Style TargetType="ListBoxItem"> 
      <Setter Property="HorizontalContentAlignment" Value="Stretch"/> 
     </Style> 
    </ListBox.ItemContainerStyle> 
</ListBox> 

現在的內容將跨越可用寬度。如果你希望像你的例子那樣使用StackPanel，請確保將它設置爲Horizo​​ntalAlignment。該StackPanel中也沒有給出

<DataTemplate> 
    <StackPanel Orientation="Horizontal" HorizontalAlignment="Stretch"> 
     <TextBlock Text="abc" HorizontalAlignment="Left" VerticalAlignment="Center"/> 
     <TextBlock Text="def" HorizontalAlignment="Right" VerticalAlignment="Center"/> 
    </StackPanel> 
</DataTemplate> 

但是可用的空間填滿，我會建議使用一個網格，並確定兩列

<DataTemplate> 
    <Grid> 
     <Grid.ColumnDefinitions> 
      <ColumnDefinition Width="*" /> 
      <ColumnDefinition Width="*" /> 
     </Grid.ColumnDefinitions> 
     <TextBlock Text="abc" HorizontalAlignment="Left" VerticalAlignment="Center"/> 
     <TextBlock Text="def" Grid.Column="1" HorizontalAlignment="Right" VerticalAlignment="Center"/> 
    </Grid> 
</DataTemplate>