WPF меняет визуальное состояние таблицы данных при выборе в списке - PullRequest
Новая
       21

WPF меняет визуальное состояние таблицы данных при выборе в списке

4 голосов
/ 07 января 2011

Если у меня есть WPF ListBox, который имеет базовый ItemTemplate, который содержит пользовательский элемент управления, как я могу сказать пользовательскому элементу управления в DataTemplate изменить его визуальное состояние, когда он выбран в ListBox?

Большое спасибо за любую помощь, которую вы можете оказать

1 Ответ

7 голосов
/ 07 января 2011

Вы можете задать стиль ListBoxItem для запуска в свойстве IsSelected. Вот пример:

и затем вы используете это так: 

<ListBox ItemContainerStyle="{StaticResource yourListBoxItemStyle}">

или непосредственно в самом ListBox: 

<ListBox.ItemContainerStyle>
    <Style TargetType=”ListBoxItem”>
        ...
    </Style>
</ListBox.ItemContainerStyle>

Edit:

Вот полный пример с ItemTemplate и ItemContainerStyle, который помещает полупрозрачный слой поверх выбранного элемента. 

<Grid>
    <Grid.Resources>
        <x:Array Type="sys:String" x:Key="sampleData">
            <sys:String>Red</sys:String>
            <sys:String>Green</sys:String>
            <sys:String>Blue</sys:String>
        </x:Array>
        <DataTemplate x:Key="listBoxItem">
            <Rectangle Fill="{Binding}" Width="100" Height="100"/>
        </DataTemplate>
        <Style TargetType="ListBoxItem" x:Key="listBoxItemStyle">
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Grid>
                            <ContentPresenter />
                            <Rectangle x:Name="Rectangle" Fill="Black" Opacity="0"/>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <Trigger Property="IsSelected" Value="true">
                                <Setter TargetName="Rectangle" Property="Opacity"
                                    Value="0.5"/>
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Grid.Resources>
    <ListBox
        ItemsSource="{StaticResource sampleData}"
        ItemTemplate="{StaticResource listBoxItem}"
        ItemContainerStyle="{StaticResource listBoxItemStyle}"
        />
</Grid>

Редактировать

После комментария, вот версия с использованием «унифицированного» шаблона: 

<Style TargetType="ListBoxItem" x:Key="listBoxItemStyle">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ListBoxItem">
                <Grid>
                    <Rectangle Name="Rectangle" Fill="{Binding}" Width="100" Height="100" Opacity="1"/>
                </Grid>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsSelected" Value="true">
                        <Setter TargetName="Rectangle" Property="Opacity"
                            Value="0.5"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>
...