ItemsCollection и альтернативная раскраска строк - PullRequest
Новая
       27

ItemsCollection и альтернативная раскраска строк

3 голосов
/ 07 октября 2009

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

Кстати, WPF. 

<Grid>
        <ItemsControl Name="itemsControl">
            <ItemsControl.ItemTemplate>
                <DataTemplate>
                    <Grid>
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="*"/>
                            <ColumnDefinition Width="80"/>
                        </Grid.ColumnDefinitions>
                        <TextBlock Grid.Column="0" Text="{Binding Path=name}" VerticalAlignment="Center"/>
                        <TextBlock Grid.Column="1" Text="{Binding Path=something}" VerticalAlignment="Center"/>
                        <Button Grid.Column="2" Content="Launch" Tag="{Binding}" Height="25" VerticalAlignment="Center" Click="Button_Click"/>
                    </Grid>
                </DataTemplate>
            </ItemsControl.ItemTemplate>
            <ItemsControl.ItemContainerStyle>
                <Style>
                    <Setter Property="Control.Margin" Value="5"/>
                </Style>
            </ItemsControl.ItemContainerStyle>
        </ItemsControl>
        <Button Height="23" HorizontalAlignment="Right" Margin="0,0,12,12" Name="button1" VerticalAlignment="Bottom" Width="75" Click="button1_Click">Button</Button>
    </Grid>

Ответы [ 3 ]

6 голосов
/ 07 октября 2009

Добавьте AlternationCount="2" к вашему ItemsControl.

Затем добавьте это в ваш ItemContainerStyle, чтобы получить чередующиеся красные / синие предметы: 

<Style.Triggers>
  <Trigger Property="ItemsControl.AlternationIndex" Value="0">
    <Setter Property="Control.Background" Value="Red"></Setter>
  </Trigger>
  <Trigger Property="ItemsControl.AlternationIndex" Value="1">
    <Setter Property="Control.Background" Value="Blue"></Setter>
  </Trigger>
</Style.Triggers>

Редактировать: вам нужно иметь .NET 3.0 / 3.5 SP1 .

2 голосов
/ 07 октября 2009

Вам нужно 2 стиля (один для обычной строки и другой для альтернативной строки, конечно) и селектор стиля для альтернативных строк. Это сработало для меня:

XAML: 

<Window.Resources>
        <Style x:Key="theAlternateStyle">
            <Setter Property="ListBoxItem.Background" Value="LightGray" />
        </Style>
        <Style x:Key="theDefaultStyle">
            <Setter Property="ListBoxItem.Background" Value="Blue" />
        </Style>
    </Window.Resources>

    <Grid Margin="4">
        <ListBox DisplayMemberPath="Name" ItemsSource="{Binding}">
            <ListBox.ItemContainerStyleSelector>
                <local:AlternatingRowStyleSelector AlternateStyle="{StaticResource theAlternateStyle}" DefaultStyle="{StaticResource theDefaultStyle}" />
            </ListBox.ItemContainerStyleSelector>
        </ListBox>
    </Grid>

Селектор строк (C #): 

public class AlternatingRowStyleSelector : StyleSelector
{
    public Style DefaultStyle { get; set; }
    public Style AlternateStyle { get; set; }

    // Flag to track the alternate rows
    private bool isAlternate = false;

    public override Style SelectStyle(object item, DependencyObject container)
    {
        // Select the style, based on the value of isAlternate
        Style style = isAlternate ? AlternateStyle : DefaultStyle;

        // Invert the flag
        isAlternate = !isAlternate;

        return style;
    }
}
0 голосов
/ 07 октября 2009

Используете ли вы 3.5 SP1? Если вам нужно изменить несколько свойств (например, фона), то, вероятно, самый простой метод - это конвертер, как в в этом примере на MSDN .

В качестве альтернативы, которая позволит вам сделать больше, включая замену шаблона, будет использовать Trigger для ItemsControl.AlternationIndex, как показано в этом сообщении в блоге .

...