0

Имеется следующий 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
    19 апр 2018 в 16:51
  • @tayabuz Да, вы правы, попробуйте там использовать заместо тригеров <VisualState x:Name="SelectedPressed">. Подробнее Пример
    – EvgeniyZ
    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
  • Это повлияет также на все другие элементы, в которых используются эти ресурсы. 20 апр 2018 в 3:21

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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