Silverlight 网格 : left should stretch, 正确定义

Question

我正在尝试为 listitem 模板制作网格。应该有三列，第二列和第三列应该是 50px 宽，第一列应该拉伸(stretch)太填充剩余的空白空间。

到目前为止，这是我的代码:

<DataTemplate x:key="NoteItemTemplate">
 <Grid Background="{Binding ColorBrush}"
   Height="50"
   Margin="5,5,5,5"
   HorizontalAlignment="Stretch">

   <Grid.ColumnDefinitions>
    <ColumnDefinition Width="1*" />
    <ColumnDefinition Width="50" />
    <ColumnDefinition Width="50" />
   </Grid.ColumnDefinitions>
 </Grid>
</DataTemplate>

      <!-- far away, in an another file.. -->

 <ListBox
    x:Name="NotesListBox"
    VerticalContentAlignment="Stretch"
    HorizontalContentAlignment="Stretch"
    VerticalAlignment="Top"
    ItemsSource="{Binding NotesList}"
    ItemTemplate="{StaticResource NoteItemTemplate}"
    Background="AliceBlue" />

如果它是 1* 或 *，则没有区别。

但我似乎找不到答案。你会怎么做？

Answer 1

您提到您希望将上述 Grid 定义用作 ListBoxItem 的 DataTemplate。默认情况下，ListBoxItem 的内容不会被拉伸(stretch)，因此在您的情况下，您只会看到 2 列。

因此，我认为您需要指定要拉伸(stretch) ListBoxItem 的内容。这样做:

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