1

Имеется следующий ListBox

<ListBox x:Name="ListBoxQuestionAnswers" ItemsSource="{x:Bind Question.Answers}" SelectionMode="Single" SelectionChanged="ListBoxQuestionAnswers_OnSelectionChanged">
        <ListBox.ItemTemplate>
            <DataTemplate>
                <TextBlock x:Name="TextBlockInListBox" TextWrapping="Wrap" Text="{Binding}"/>
            </DataTemplate>
        </ListBox.ItemTemplate>
    </ListBox>

Где Question.Answers - List типа string. Нужно в обработчике нажатия на элемент ListBox менять цвет выбранного элемента. Сейчас код обработчика выглядит так:

private void ListBoxQuestionAnswers_OnSelectionChanged(object sender, SelectionChangedEventArgs e)
    {
        if (ListBoxQuestionAnswers.SelectedIndex == Question.CorrectAnswerIndex)
        {
            Application.Current.Resources["SystemControlHighlightListAccentLowBrush"] = new SolidColorBrush(Colors.Green);
            Application.Current.Resources["SystemControlHighlightListAccentMediumBrush"] = new SolidColorBrush(Colors.Green); 
        }
        else
        {
            Application.Current.Resources["SystemControlHighlightListAccentLowBrush"] = new SolidColorBrush(Colors.Red);
            Application.Current.Resources["SystemControlHighlightListAccentMediumBrush"] = new SolidColorBrush(Colors.Red);
        }

    }

Проблема в том, что таким образом меняется цвет выбранных элементов во всем приложении. Как сделать так, чтобы цвет SelectedItem менялся только в этом ListBox?

3 ответа 3

1

Кликните правой кнопкой мыши по своему ListBox в дизайнере и выберите меню "Edit Additional Templates" - "Edit Generated Item Container (ItemContainerStyle)" - "Edit a Copy...", после чего дайте вменяемое название шаблону в появившемся окошке и нажмите "OK". Студия добавит стандартный шаблон для ListBoxItemContainer в проект, отредактируйте его. Вас интересуют VisualState с названиями SelectedUnfocused, SelectedPointerOver, SelectedPressed и возможно еще некоторые другие, отредактируйте в них значение Value у DiscreteObjectKeyFrame в ObjectAnimationUsingKeyFramesс Storyboard.TargetName="PressedBackground:

<ObjectAnimationUsingKeyFrames Storyboard.TargetName="PressedBackground" Storyboard.TargetProperty="Fill">
    <DiscreteObjectKeyFrame KeyTime="0" Value="Pink"/>
</ObjectAnimationUsingKeyFrames>
-1

Если вам нужно просто изменить цвет выделенного значения, то создайте простой ListBox.ItemContainerStyle стиль, примерно такой:

<Style TargetType="{x:Type ListBoxItem}" x:Key="listStyle">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type ListBoxItem}">
                <Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">
                    <ContentPresenter Margin="5"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsSelected" Value="True">
                        <Setter Property="Background" Value="Red"/>
                        <Setter Property="Foreground" Value="Black"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Поясню:

  • <Style TargetType="{x:Type ListBoxItem}" x:Key="listStyle"> - тут мы указываем тип, к которому стиль будет применим (в нашем случае это ListBoxItem), а также мы тут указываем ключ (key) для того, что бы стиль использовался только тогда, когда нам понадобится.
  • <Setter Property="Template"> - тут мы указываем, что хотим задать другой вид нашего ListBoxItem.
  • <Border Background="... - мы оборачиваем наш ListBoxItem в Bordel, который в свою очередь получает Background и другие значения от тех, что укажем мы в стиле.
  • <Trigger Property="IsSelected" Value="True"> - это тригер, который сработает в момент, когда IsSekected будет True (то есть значение выбрано). Ну и внутри мы меняем то, что нам хочется (в данном случае цвет текста и задний фон).

Все, остается только применить стиль к нужному ListBox: ItemContainerStyle="{StaticResource listStyle}".

Результат:

result

2
  • Увы, но это актуально для WPF. В UWP триггеров просто нет
    – tayabuz
    Commented 19 апр. 2018 в 16:51
  • @tayabuz Да, вы правы, попробуйте там использовать заместо тригеров <VisualState x:Name="SelectedPressed">. Подробнее Пример
    – EvgeniyZ
    Commented 19 апр. 2018 в 17:03
-1
 if (ListBoxQuestionAnswers.SelectedIndex == Question.CorrectAnswerIndex)
{
    ListBoxQuestionAnswers.Resources ["SystemControlHighlightListAccentLowBrush"] = new SolidColorBrush (Colors.Green);
    ListBoxQuestionAnswers.Resources ["SystemControlHighlightListAccentMediumBrush"] = new SolidColorBrush (Colors.Green);
}
else
{
    ListBoxQuestionAnswers.Resources ["SystemControlHighlightListAccentLowBrush"] = new SolidColorBrush (Colors.Red);
    ListBoxQuestionAnswers.Resources ["SystemControlHighlightListAccentMediumBrush"] = new SolidColorBrush (Colors.Red);
}
1
  • Это повлияет также на все другие элементы, в которых используются эти ресурсы. Commented 20 апр. 2018 в 3:21

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.