none
Не меняется цвет кнопки

    Вопрос

  • Здравствуйте.

    <Window.Resources>
            <Style x:Key="button" TargetType="{x:Type ToggleButton}">
            <Style.Triggers>
                    <Trigger Property="IsChecked" Value="true">
                    <Setter Property="Background" Value="Red"></Setter>
                    </Trigger>
            </Style.Triggers>
        </Style>
        </Window.Resources>
     
      <ToggleButton Content="but" Background="LightBlue" Style="{StaticResource button}" />
    Что не так?

    1 декабря 2018 г. 5:47

Ответы

  • Трудно сказать, что не так, ведь вы не описали детально желаемое поведение. Упрощенно говоря, вы не учитываете, что у стандартного шаблона есть свои триггеры, которые переопределяют ваши. Правильный путь, скорее всего - переопределять шаблон целиком, а не добавлять отдельный стиль.

    Например, если нужно, чтобы кнопка меняла цвет между красным и голубым при нажатии, это будет как-то так:

    <Window.Resources>
            
            <ControlTemplate x:Key="ToggleButtonControlTemplate1" TargetType="{x:Type ToggleButton}">
                <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                    <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsChecked" Value="true">
                        <Setter Property="Background" TargetName="border" Value="Red"></Setter>
                    </Trigger>
                    <Trigger Property="IsChecked" Value="false">
                        <Setter Property="Background" TargetName="border" Value="LightBlue"></Setter>
                    </Trigger>                
                </ControlTemplate.Triggers>
            </ControlTemplate>
    </Window.Resources>
    
    <ToggleButton Content="but" Template="{DynamicResource ToggleButtonControlTemplate1}"/>

    3 декабря 2018 г. 9:28

Все ответы

  • Трудно сказать, что не так, ведь вы не описали детально желаемое поведение. Упрощенно говоря, вы не учитываете, что у стандартного шаблона есть свои триггеры, которые переопределяют ваши. Правильный путь, скорее всего - переопределять шаблон целиком, а не добавлять отдельный стиль.

    Например, если нужно, чтобы кнопка меняла цвет между красным и голубым при нажатии, это будет как-то так:

    <Window.Resources>
            
            <ControlTemplate x:Key="ToggleButtonControlTemplate1" TargetType="{x:Type ToggleButton}">
                <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                    <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsChecked" Value="true">
                        <Setter Property="Background" TargetName="border" Value="Red"></Setter>
                    </Trigger>
                    <Trigger Property="IsChecked" Value="false">
                        <Setter Property="Background" TargetName="border" Value="LightBlue"></Setter>
                    </Trigger>                
                </ControlTemplate.Triggers>
            </ControlTemplate>
    </Window.Resources>
    
    <ToggleButton Content="but" Template="{DynamicResource ToggleButtonControlTemplate1}"/>

    3 декабря 2018 г. 9:28
  • Трудно сказать, что не так, ведь вы не описали детально желаемое поведение. Упрощенно говоря, вы не учитываете, что у стандартного шаблона есть свои триггеры, которые переопределяют ваши. Правильный путь, скорее всего - переопределять шаблон целиком, а не добавлять отдельный стиль.

    Например, если нужно, чтобы кнопка меняла цвет между красным и голубым при нажатии, это будет как-то так:

    <Window.Resources>
            
            <ControlTemplate x:Key="ToggleButtonControlTemplate1" TargetType="{x:Type ToggleButton}">
                <Border x:Name="border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Background="{TemplateBinding Background}" SnapsToDevicePixels="True">
                    <ContentPresenter x:Name="contentPresenter" ContentTemplate="{TemplateBinding ContentTemplate}" Content="{TemplateBinding Content}" ContentStringFormat="{TemplateBinding ContentStringFormat}" Focusable="False" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsChecked" Value="true">
                        <Setter Property="Background" TargetName="border" Value="Red"></Setter>
                    </Trigger>
                    <Trigger Property="IsChecked" Value="false">
                        <Setter Property="Background" TargetName="border" Value="LightBlue"></Setter>
                    </Trigger>                
                </ControlTemplate.Triggers>
            </ControlTemplate>
    </Window.Resources>
    
    <ToggleButton Content="but" Template="{DynamicResource ToggleButtonControlTemplate1}"/>

    Спасибо.
    8 декабря 2018 г. 9:22