Связывание с шаблоном из DataTrigger стиля в ControlTemplate - PullRequest
Новая
       33

Связывание с шаблоном из DataTrigger стиля в ControlTemplate

6 голосов
/ 21 июля 2011

В следующем XAML я использую прямоугольник с рамкой в ​​качестве шаблона для кнопки ToggleButton. Я хочу, чтобы BorderBrush был другого цвета, чтобы отражать изменяющееся значение ToggleButton.IsChecked. К сожалению, моя попытка использования TemplateBinding в DataTrigger не работает. Что мне нужно сделать вместо этого? 

<StackPanel Orientation="Horizontal">
    <StackPanel.Resources>
        <ControlTemplate x:Key="ButtonAsSwatchTemplate">
            <Border BorderThickness="1">
                <Border.Style>
                    <Style>
                        <Setter Property="BorderBrush" Value="Gainsboro" /> 
                        <Style.Triggers>
                            <!-- TemplateBinding doesn't work.-->
                            <DataTrigger                              
                                 Binding={TemplateBinding Property=IsChecked}    
                                 Value="True">
                                <Setter Property="BorderBrush" Value="Black" />
                            </DataTrigger>
                        </Style.Triggers>
                    </Style>
                </Border.Style>
                <Rectangle Fill="{TemplateBinding Property=Background}"
                           Width="15" Height="15" />
            </Border>
        </ControlTemplate>
    </StackPanel.Resources>
    <ToggleButton Template="{StaticResource ButtonAsSwatchTemplate}"
                  HorizontalAlignment="Center" VerticalAlignment="Center"
                  Margin="2" Background="Red" />
</StackPanel>

EDIT

Когда я собираю и перезагружаю конструктор, я получаю следующую ошибку:

Ошибка 1 Свойство «Binding» не поддерживает значения типа «TemplateBindingExpression».

РЕШЕНИЕ 

<StackPanel Orientation="Horizontal">
    <StackPanel.Resources>
        <ControlTemplate x:Key="ButtonAsSwatchTemplate">    
            <Border x:Name="SwatchBorder" BorderThickness="1">
                <Rectangle Fill="{TemplateBinding Property=Background}" Width="15" Height="15" />
            </Border>
        <ControlTemplate.Triggers>
            <Trigger Property="ToggleButton.IsChecked" Value="True">
                <Setter TargetName="SwatchBorder" Property="BorderBrush" Value="Yellow" />
            </Trigger>
        </ControlTemplate.Triggers>
            </ControlTemplate>
        </StackPanel.Resources>
    <RadioButton Template="{StaticResource ButtonAsSwatchTemplate}"
        GroupName="CropGuidesColourRadioButtonGroup"
        IsChecked="{Binding Checked}" Margin="2" Background="Red" />
    <RadioButton Template="{StaticResource ButtonAsSwatchTemplate}"
        GroupName="CropGuidesColourRadioButtonGroup" 
        IsChecked="{Binding Checked}" Margin="2" Background="Black" />
    ...
</StackPanel>

Ответы [ 2 ]

6 голосов
/ 21 июля 2011

Вы можете использовать Trigger в ControlTemplate, например, 

<StackPanel Orientation="Horizontal">
    <StackPanel.Resources>
        <ControlTemplate x:Key="ButtonAsSwatchTemplate">
            <Border x:Name="myBorder" BorderBrush="Gainsboro" BorderThickness="1">
                <Rectangle Fill="{TemplateBinding Property=Background}" Width="15" Height="15" />
            </Border>
            <ControlTemplate.Triggers>
                <Trigger Property="ToggleButton.IsChecked" Value="True">
                    <Setter TargetName="myBorder" Property="BorderBrush" Value="Black" />
                </Trigger>
            </ControlTemplate.Triggers>
        </ControlTemplate>
    </StackPanel.Resources>
    <ToggleButton Template="{StaticResource ButtonAsSwatchTemplate}"
              HorizontalAlignment="Center" VerticalAlignment="Center"
              Margin="2" Background="Red" />
</StackPanel>
0 голосов
/ 21 июля 2011

Одна проблема, которую я сразу вижу, заключается в том, что вы устанавливаете BorderBrush в качестве значения локального свойства в Border.Это всегда будет переопределять значение, применяемое стилем.Попробуйте удалить явный атрибут BorderBrush и посмотрите, работает ли он.

Border BorderBrush = "Gainsboro" BorderThickness = "1"

Наследование Значение свойства Наследование

...