Создание прямоугольников для работы подобно RadioButtons с использованием Expression Blend

Question

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

Я знаю, что могу создать стиль. Но при создании стиля я могу сказать триггер, который заполняет прямоугольник черным цветом, но как я могу сказать, что все оставшиеся прямоугольники заполняют белым цветом.

Может ли кто-нибудь мне предложить? Я хочу только небольшой намек.

Answer 1

Не заставляйте прямоугольники работать как RadioButtons, сделать RadioButtons выглядеть прямоугольными.
Я бы предложил вместо этого использовать RadioButton и изменить шаблон, чтобы он выглядел как прямоугольник. Затем вы можете инициировать смену фона на основе свойства RadioButton.IsChecked. Таким образом, RadioButton позаботится о тике/отключении операции и триггерном изменении фона в другом RadioButtons в той же группе.

<Style TargetType="{x:Type RadioButton}"> 
    <Setter Property="Template"> 
     <Setter.Value> 
      <ControlTemplate TargetType="{x:Type RadioButton}"> 
       <Border BorderBrush="Black" BorderThickness="1" Background="Black" x:Name="PART_Border"> 
        <ContentPresenter/> 
       </Border> 
       <ControlTemplate.Triggers> 
        <Trigger Property="IsChecked" Value="True"> 
         <Setter TargetName="PART_Border" Property="Background" Value="White"/> 
        </Trigger> 
       </ControlTemplate.Triggers> 
      </ControlTemplate> 
     </Setter.Value> 
    </Setter> 
</Style> 

и использовать ваш RadioButton как это:

<RadioButton> 
    <RadioButton.Content> 
     <!-- content to be displayer inside border --> 
    </RadioButton.Content> 
</RadioButton> 

Answer 2

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

Вместо эллипса вы можете иметь прямоугольник/границу с некоторой толщиной и установить ее цвет фона при щелчке мыши