Как Щелкните элемент управления ToggleSwitch внутри содержимого кнопки без стрельбы события нажатия кнопки

Question

Я работаю над проектом WPF и у меня есть следующий сценарий:

• Я использую MahApps.Metro стилизовать мое заявление.
• У меня есть кнопка, которая перемещается на какую-то страницу.
• Кнопка содержит элемент управления ToggleSwitch внутри его содержимого.

Всякий раз, когда я нажимаю ToggleSwitch, чтобы изменить его состояние, срабатывает событие нажатия кнопки.

Мне нужен способ предотвратить это.

<Button x:Name="btn1" Height="40" BorderThickness="0" Width="auto" HorizontalAlignment="Stretch" Margin="0,0,0,0" Style="{DynamicResource SquareButtonStyle}" Click="Button_Click"> 
     <Grid Margin="0,0,0,0" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"> 
      <Grid.ColumnDefinitions> 
         <ColumnDefinition Width="50" /> 
         <ColumnDefinition Width="100" /> 
         <ColumnDefinition Width="*" /> 
         <ColumnDefinition Width="Auto" /> 
      </Grid.ColumnDefinitions> 

      <TextBlock VerticalAlignment="Center" Width="auto" Grid.Column="1">Services</TextBlock> 
      <Controls:ToggleSwitch Grid.Column="3" x:Name="enabledSwitch4" 
            VerticalAlignment="Center" 
            Width="Auto" 
            Style="{StaticResource MahApps.Metro.Styles.ToggleSwitch.Win10}" 
            OnLabel="" OffLabel="" 
            IsChecked="True" HorizontalAlignment="Center" /> 
     </Grid> 
</Button> 

Answer 1

Вы можете обрабатывать/предотвратить это в случае щелчка кнопки.

private async void ButtonClick(object sender, RoutedEventArgs e) 
{ 
    if (e.OriginalSource != sender) 
    { 
     // do nothing if clicked the ToggleSwitch 
     e.Handled = true; 
    } 
    else 
    { 
     // handle the button click action 
     await this.ShowMessageAsync(string.Empty, "Yeah, you clicked the real button!"); 
    } 
}