从ResourceDictionary处理事件及8个自定义RadioButton样式技术问询

1. Adding Event Handling to ResourceDictionary #

ResourceDictionaries don’t come with code-behind support out of the box, but you can easily add one to handle events for elements defined in the dictionary:

Step 1: Create a Code-Behind File for Your ResourceDictionary #

Make a .cs file with the same name as your ResourceDictionary (e.g., MenuResources.xaml.cs). Add this boilerplate code to link it to the XAML:

using System.Windows;

namespace YourProjectNamespace
{
    public partial class MenuResources : ResourceDictionary
    {
        public MenuResources()
        {
            InitializeComponent();
        }

        // Example event handler for RadioButton checked events
        private void RadioButton_Checked(object sender, RoutedEventArgs e)
        {
            if (sender is RadioButton selectedRadio)
            {
                // Add your custom logic here
                // e.g., Update UI state, trigger a viewmodel action
                System.Windows.MessageBox.Show($"Selected: {selectedRadio.Content}");
            }
        }
    }
}

Step 2: Link the Code-Behind to the XAML #

In your ResourceDictionary’s XAML file, add the x:Class attribute to the root ResourceDictionary tag to connect it to the code-behind class:

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
                    x:Class="YourProjectNamespace.MenuResources">

    <!-- Your styles and other resources will go here -->
</ResourceDictionary>

2. Event Handling for Your Custom RadioButtons #

You have two flexible options to handle events for your 8 custom RadioButtons, depending on whether you need shared or unique logic:

Option A: Attach Handlers Directly to Each RadioButton Instance #

If each RadioButton needs unique behavior, add event attributes directly where you declare the buttons in your UI:

<StackPanel Orientation="Vertical">
    <RadioButton Style="{StaticResource RadioSubMenuTbox}" 
                 Name="RadioOption1" 
                 Checked="RadioButton_Checked"
                 Content="Option 1"/>
    <RadioButton Style="{StaticResource RadioSubMenuTbox}" 
                 Name="RadioOption2" 
                 Checked="RadioButton_Checked"
                 Content="Option 2"/>
    <!-- Repeat for all 8 RadioButtons -->
</StackPanel>

You can implement these handlers either in your window/user control’s code-behind or the ResourceDictionary’s code-behind (if you set that up earlier).

Option B: Add Shared Event Logic in the Style’s ControlTemplate #

If all RadioButtons using this style should share the same event behavior, attach handlers directly to elements in the ControlTemplate:

<Style x:Key="RadioSubMenuTbox" TargetType="{x:Type RadioButton}">
    <Setter Property="Foreground" Value="#FFFFFF"/>
    <Setter Property="Height" Value="35"/>
    <Setter Property="FontSize" Value="18"/>
    <Setter Property="FontFamily" Value="{StaticResource fontIbtisam}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type RadioButton}">
                <Border Name="brdMenu" 
                        CornerRadius="4" 
                        Background="Transparent"
                        MouseLeftButtonDown="BrdMenu_MouseLeftButtonDown">
                    <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
                </Border>
                <ControlTemplate.Triggers>
                    <Trigger Property="IsChecked" Value="True">
                        <Setter TargetName="brdMenu" Property="Background" Value="#2ECC71"/>
                    </Trigger>
                    <Trigger Property="IsMouseOver" Value="True">
                        <Setter TargetName="brdMenu" Property="Background" Value="#3498DB"/>
                    </Trigger>
                </ControlTemplate.Triggers>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Then add the handler to your ResourceDictionary’s code-behind:

private void BrdMenu_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    if (sender is Border menuBorder)
    {
        var radioBtn = menuBorder.TemplatedParent as RadioButton;
        if (radioBtn != null)
        {
            radioBtn.IsChecked = !radioBtn.IsChecked;
            // Add your shared logic here
        }
    }
}

Alternative: MVVM-Friendly Command Binding #

If you’re using the MVVM pattern, skip event handlers entirely and bind to a viewmodel command:

<Style x:Key="RadioSubMenuTbox" TargetType="{x:Type RadioButton}">
    <!-- Existing setters -->
    <Setter Property="Command" Value="{Binding RadioSelectedCommand}"/>
    <Setter Property="CommandParameter" Value="{Binding RelativeSource={RelativeSource Self}}"/>
</Style>

Then define the command in your viewmodel:

public ICommand RadioSelectedCommand { get; }

public YourViewModel()
{
    RadioSelectedCommand = new RelayCommand<RadioButton>(HandleRadioSelection);
}

private void HandleRadioSelection(RadioButton selectedRadio)
{
    // Add your viewmodel logic here
}

(Note: RelayCommand is a standard implementation of ICommand—you can write your own or use a framework like Prism or MvvmLight.)

内容的提问来源于stack exchange，提问作者dahua zonei