XAML中，中間一列不佔用全寬

Question

如何讓我的中間一列佔用全部可用寬度，同時允許註釋部分空間，使所有這些評論框是很好的右對齊：

<DataTemplate x:Key="ActivityStreamItemTemplate"> 
     <StackPanel VerticalAlignment="Top" Margin="5,0,0,0"> 
      <Button Command="{Binding Path=DataContext.LoadSpacesCommand, ElementName=OrganisationList}" CommandParameter="{Binding}" Padding="-5,0,-5,-5" Margin="-7,-12,-7,-7" Height="auto" BorderThickness="0" HorizontalAlignment="Left" VerticalAlignment="Stretch" HorizontalContentAlignment="Left" UseLayoutRounding="True" FontSize="0.01"> 
       <Grid Height="auto"> 
        <Grid.ColumnDefinitions> 
         <ColumnDefinition Width="67" /> 
         <ColumnDefinition Width="*"/> 
         <ColumnDefinition Width="60" /> 
        </Grid.ColumnDefinitions> 
        <StackPanel Height="auto" Grid.Column="0" Background="Transparent"> 
         <Border Background="Transparent" BorderThickness="0" Width="62" Height="62" HorizontalAlignment="Left" Margin="0,0,0,5"> 
          <Image Source="{Binding created_by.image.link}" Width="62" Height="62"></Image> 
         </Border> 
        </StackPanel> 
        <StackPanel Height="auto" Grid.Column="1"> 
         <TextBlock Text="{Binding type}" HorizontalAlignment="Left" FontSize="30" VerticalAlignment="Center" Margin="0,0,0,5" Foreground="White" /> 
         <TextBlock Text="{Binding ttitle}" HorizontalAlignment="Left" FontSize="15" VerticalAlignment="Center" Margin="0,0,0,5" Foreground="White" TextWrapping="Wrap"/> 
         <TextBlock Text="{Binding created_by.name}" HorizontalAlignment="Left" FontSize="11" VerticalAlignment="Center" Margin="0,0,0,5" Foreground="White" /> 
        </StackPanel> 
        <StackPanel Height="60" Grid.Column="2" Margin="10,0,0,0"> 
         <StackPanel.Background> 
          <ImageBrush Stretch="Fill" ImageSource="/Assets/Icons/CommentsIcon.png"/> 
         </StackPanel.Background> 
         <TextBlock Text="{Binding comments.Count}" HorizontalAlignment="Center" FontSize="20" Foreground="Black" TextAlignment="Center" Padding="0,8,0,0"/> 
        </StackPanel> 
       </Grid> 
      </Button> 
     </StackPanel> 
    </DataTemplate> 

我試着在第三個stackpanel上放置水平對齊，但實際上並沒有工作。

編輯：謝謝你的嘗試，但沒有雪茄：

Answer 1

玩弄的列給出的空間，例如：

   <Grid.ColumnDefinitions> 
        <ColumnDefinition Width="67" /> 
        <ColumnDefinition Width="3*"/> 
        <ColumnDefinition Width="1*" /> 
       </Grid.ColumnDefinitions> 

這使中心柱3次比右列更多的空間

Answer 2

很難準確地告訴你想要什麼，因爲你對圖像的模糊程度。但我認爲關鍵是要讓電網的容器佔用所有可用空間，HorizontalAlignment="Stretch"。

<DataTemplate> 
    <StackPanel HorizontalAlignment="Stretch"> 
     <Grid> 
      <Grid.ColumnDefinitions> 
       <ColumnDefinition Width="67" /> 
       <ColumnDefinition Width="*"/> 
       <ColumnDefinition Width="60" /> 
      </Grid.ColumnDefinitions> 

      <!-- items here --> 
     </Grid> 
</StackPanel> 

設置有Grid.Column="0"將有寬度67dip該項目時，一個與Grid.Column="2"將寬度60dip，和一個與Grid.Column="1"將填補空間的其餘部分。

dip =與設備無關的像素 - 測量所有Windows Phone應用程序，就好像屏幕是480x800，然後以實際的屏幕分辨率渲染。

Answer 3

您需要更改ListBoxItem本身的樣式，以確保內容在可用寬度範圍內伸展。

定義這種風格：

<Style x:Key="ListBoxItemStyle" TargetType="ListBoxItem"> 
    <Setter Property="HorizontalContentAlignment" Value="Stretch" /> 
    <Setter Property="HorizontalAlignment" Value="Stretch" /> 
</Style> 

那麼「意見」的形象右對齊將工作和中央文本框將拉伸以填充可用空間。

您可能會發現，對於項目模板，使用水平方向的StackPanel的效果要好於Grid，尤其是在列0和2的數據寬度恆定的情況下。

Answer 4

在StackPanel中，您不能對Horizo​​ntalLeignment進行右對齊，而其方向爲LeftToRight，據我所知。避免使用它。

Answer 5

該問題源於使用StackPanel作爲最頂級的UIElement。使用網格代替，並按照這個建議的休息： Right align content in ListBox

導致這個答案還有： C# windows phone -Alignment in xaml ListBox.ItemTemplate

Answer 6

你的問題是按鈕，如果它不是強制性的嘗試刪除它，並添加一個「點擊「事件StackPanel，我已經嘗試過，它的工作原理。

<DataTemplate x:Key="ActivityStreamItemTemplate"> 

    <StackPanel Tap="..."> 
     // no <Button> here 
      <Grid> 
       --- 
      </Grid> 
     // no </Button> here 
    </StackPanel> 

</DataTemplate> 

更好的選擇

<DataTemplate x:Key="ActivityStreamItemTemplate"> 

    <Grid Tap="..."> 
     ... 
    </Grid> 

</DataTemplate> 

的[右對齊列表框內容]