WPF : 16. MenuItem을 RadioButton처럼 동작시키는 법

IsCheckable프로퍼티를 True로 설정한 경우, MenuItem은 CheckBox처럼 동시에 여러 개의 항목을 선택할 수 있다. 만약 MenuItem을 RadioButton처럼 한 개의 항목만 선택하도록 하려면, 다음과 같은 Behavior를 구현해주면 된다.

Behaivor 구현

이벤트를 이용해 특정 MenuItem이 선택되면, 이미 선택됐던 MenuItem을 찾아서 선택 해제하도록 구현한다.

public class MenuItemMutableCheckBehavior : Behavior<MenuItem>
{
    protected override void OnAttached()
    {
        base.OnAttached();

        AssociatedObject.Loaded += OnMenuItemLoaded;
    }

    protected override void OnDetaching()
    {
        base.OnDetaching();

        AssociatedObject.Unloaded -= OnMenuItemLoaded;

        foreach(var item in FindCheckableItems())
        {
            item.Click -= OnMenuItemClicked;
        }
    }

    private void OnMenuItemLoaded(object sender, System.Windows.RoutedEventArgs e)
    {
        foreach (var item in FindCheckableItems())
        {
            item.Click -= OnMenuItemClicked;
            item.Click += OnMenuItemClicked;
        }
    }

    private void OnMenuItemClicked(object sender, System.Windows.RoutedEventArgs e)
    {
        var menuItem = sender as MenuItem;

        if (!menuItem.IsChecked)
        {
            menuItem.IsChecked = true;
            return;
        }

        var unCheckedItems = FindCheckableItems().Where(item => item != menuItem);
        foreach (var item in unCheckedItems)
        {
            item.IsChecked = false;
        }
    }

    private List<MenuItem> FindCheckableItems()
    {
        return AssociatedObject.Items
                               .OfType<MenuItem>()
                               .Where(item => item.IsCheckable)
                               .ToList();
    }
}

Behaivor 적용

<Menu>
	<!-- 다중 선택 허용 -->
    <MenuItem Header="Default Check">
        <MenuItem Header="Check1"
                  IsCheckable="True" />
        <MenuItem Header="Check2"
                  IsCheckable="True" />
        <MenuItem Header="Check3"
                  IsCheckable="True" />
    </MenuItem>

	<!-- 하나의 선택만 허용 -->
    <MenuItem Header="Mutable Check">
        <i:Interaction.Behaviors>
            <wht:MenuItemMutableCheckBehavior />
        </i:Interaction.Behaviors>
        <MenuItem Header="Check1"
                  IsCheckable="True"
                  IsChecked="True" />
        <MenuItem Header="Check2"
                  IsCheckable="True" />
        <MenuItem Header="Check3"
                  IsCheckable="True" />
    </MenuItem>
</Menu>