Пользовательский стиль списка - как я могу сохранить стиль для выбранного элемента? - PullRequest
Новая
       9

Пользовательский стиль списка - как я могу сохранить стиль для выбранного элемента?

4 голосов
/ 29 августа 2010

У меня есть стилизованный список. Элементы списка меняют цвет при наведении на них и при выборе. Наведите и выберите работать нормально. Но когда вы выбираете элемент, затем снимаете с него мышь и возвращаетесь к нему, чтобы он переместился в исходное / невыбранное состояние, даже если он все еще выбран. Как я могу сохранить список элементов в «выбранном» визуальном состоянии? 

<Style x:Name="myListBoxItemStyle" TargetType="ListBoxItem">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ListBoxItem">
                <Border x:Name="myBorder" CornerRadius="5" BorderThickness="3" Background="#FF292121" Margin="0">
                    <Grid HorizontalAlignment="Stretch">
                        <ContentPresenter Content="{TemplateBinding Content}" Margin="5,0,5,0" />
                    </Grid>
                    <VisualStateManager.VisualStateGroups>
                        <VisualStateGroup x:Name="CommonStates">
                            <VisualState x:Name="Normal"/>
                            <VisualState x:Name="MouseOver">
                                <Storyboard>
                                    <ColorAnimation Storyboard.TargetName="myBorder" Storyboard.TargetProperty="(Background).(SolidBrush.Color)" Duration="00:00:00.2" To="#FF949290" />
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="Disabled"/>
                        </VisualStateGroup>
                        <VisualStateGroup x:Name="SelectionStates">
                            <VisualState x:Name="Unselected" />
                            <VisualState x:Name="Selected">
                                <Storyboard>
                                    <ColorAnimation Storyboard.TargetName="myBorder" Storyboard.TargetProperty="(Background).(SolidBrush.Color)" Duration="00:00:00.2" To="#FF949290" />
                                </Storyboard>
                            </VisualState>
                            <VisualState x:Name="SelectedUnfocused"/>
                        </VisualStateGroup>
                </Border>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

<Style x:Key="myListBoxStyle" TargetType="ListBox">
    <Setter Property="Background" Value="Transparent"/>
    <Setter Property="Margin" Value="0"/>
    <Setter Property="BorderThickness" Value="0"/>
    <Setter Property="ItemContainerStyle" Value="{StaticResource myListBoxItemStyle}"/>
    <Setter Property="VerticalAlignment" Value="Bottom"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="ListBox">
                <Grid Margin="0">
                    <ItemsPresenter />
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="ItemsPanel">
        <Setter.Value>
            <ItemsPanelTemplate>
                <StackPanel Orientation="Horizontal"/>
            </ItemsPanelTemplate>
        </Setter.Value>
    </Setter>
</Style>

<ListBox Name="theControl" Style="{StaticResource myListBoxStyle}" />

1 Ответ

8 голосов
/ 30 августа 2010

Что происходит, когда ваши штаты (выбранные и mousover) из разных групп штатов конкурируют за одно и то же свойство (фон myBorders).Вам нужно будет добавить другой элемент (возможно, прямоугольник) и изменить фон этого элемента в одном из состояний.

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

...