在 static 資源樣式上使用樣式觸發器來更改多個屬性

Question

我正在使用 Material Design XAML 並且在檢查時嘗試將切換按鈕圖標和背景顏色設置為其他顏色。

紅框代碼

<ToggleButton ToolTip="MaterialDesignFlatPrimaryToggleButton"
              IsChecked="False"
              Grid.Column="2"
              Margin="78,58,99,52"
              Grid.Row="1">
    <Style TargetType="ToggleButton"
           BasedOn="{StaticResource MaterialDesignFlatPrimaryToggleButton}">
        <Style.Triggers>
            <Trigger Property="IsChecked" Value="True">
                <Setter Property="Background" Value="Green" />
            </Trigger>
        </Style.Triggers>
    </Style>
</ToggleButton>

綠箱代碼

<ToggleButton Style="{StaticResource MaterialDesignFlatPrimaryToggleButton}"
              ToolTip="MaterialDesignFlatPrimaryToggleButton"
              IsChecked="False"
              Grid.ColumnSpan="2"
              Grid.Column="3"
              Margin="205,58,188,52"
              Grid.Row="1">
    <md:PackIcon Kind="WindowClose"
                 Foreground="Red"
                 Height="21"
                 Width="21"/>
</ToggleButton>

我在想我可以使用 basedon 屬性來保留材料設計的風格......如果可能的話。

我正在嘗試保留樣式並更改圖標並在選中時設置背景顏色如下所示：

我該怎么做？

Answer 1

您當前將Style設置為ToggleButton.Content 。
您必須定義嵌套到ToggleButton.Style屬性中的Style ：

<ToggleButton ToolTip="MaterialDesignFlatPrimaryToggleButton"
          IsChecked="False"
          Grid.Column="2"
          Margin="78,58,99,52"
          Grid.Row="1">
  <ToggleButton.Style>
    <Style TargetType="ToggleButton"
           BasedOn="{StaticResource MaterialDesignFlatPrimaryToggleButton}">
      <Style.Triggers>
        <Trigger Property="IsChecked" Value="True">
          <Setter Property="Background" Value="Green" />

          <Setter Property="Content">
            <Setter.Value>
              <md:PackIcon Kind="SmileyHappy" />
            </Setter.Value>
          </Setter>
        </Trigger>
      </Style.Triggers>
    </Style>
  </ToggleButton.Style>    
</ToggleButton>