Сетка Silverlight: левая должна растягиваться, правая определяется

Question

Я пытаюсь сделать сетку для шаблона списка элементов. Должно быть три столбца, второй и третий столбцы должны иметь ширину 50 пикселей каждый, первый столбец должен растягиваться, чтобы заполнить оставшееся пустое пространство.

Вот мой код:

<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 в качестве DataTemplate для ListBoxItem.По умолчанию содержимое ListBoxItem не растягивается, поэтому в вашем случае вы увидите только 2 столбца.

Так что я думаю, что вам нужно указать, что вы хотите растянуть содержимое ListBoxItem.Сделай так:

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