基於RadioButton更改網格的背景顏色

Question

我有一個灰色的網格，包含3個單選按鈕'是/否/待定'，現在，我想根據選定的值更改網格的顏色。

如果該值爲是，網格將變爲綠色。

如果瓦列是否，網格將變爲紅色，依此類推。

，我想所有在XAML只發生沒有後面的代碼， 這裏是我的代碼：

<Grid Background="#FFF2F2F2" Height="34" HorizontalAlignment="Left" Name="grid19" VerticalAlignment="Top" Width="151"> 
         <RadioButton Content="Yes" Height="16" HorizontalAlignment="Left" Margin="2,12,0,0" Name="radioButton1" VerticalAlignment="Top" /> 
         <RadioButton Content="No" Height="16" HorizontalAlignment="Left" Margin="46,12,0,0" Name="radioButton2" VerticalAlignment="Top" /> 
         <RadioButton Content="Pending" Height="16" HorizontalAlignment="Left" Margin="86,12,0,0" Name="radioButton3" VerticalAlignment="Top" /> 
        </Grid> 

非常感謝^^

Answer 1

<Grid Height="60" HorizontalAlignment="Left" Name="grid19" VerticalAlignment="Top" Width="151"> 
     <RadioButton Content="Yes" Height="16" HorizontalAlignment="Left" Margin="2,12,0,0" Name="radioButton1" VerticalAlignment="Top" /> 
     <RadioButton Content="No" Height="16" HorizontalAlignment="Left" Margin="46,12,0,0" Name="radioButton2" VerticalAlignment="Top" /> 
     <RadioButton Content="Pending" Height="16" HorizontalAlignment="Left" Margin="86,12,0,0" Name="radioButton3" VerticalAlignment="Top" /> 
     <Grid.Style> 
      <Style TargetType="Grid"> 
       <Setter Property="Background" Value="#FFF2F2F2" /> 
       <Style.Triggers> 
        <DataTrigger Binding="{Binding ElementName=radioButton1, Path=IsChecked}" Value="True"> 
         <Setter Property="Background" Value="Red" /> 
        </DataTrigger> 
        <DataTrigger Binding="{Binding ElementName=radioButton2, Path=IsChecked}" Value="True"> 
         <Setter Property="Background" Value="Blue" /> 
        </DataTrigger> 
        <DataTrigger Binding="{Binding ElementName=radioButton3, Path=IsChecked}" Value="True"> 
         <Setter Property="Background" Value="Green" /> 
        </DataTrigger> 
       </Style.Triggers> 
      </Style> 
     </Grid.Style> 
    </Grid> 

請注意，我已經刪除了默認背景並將其添加爲setter，因爲直接添加它會覆蓋每個其他背景屬性。希望這會幫助你。