WPF tutorial - The RadioButton control

http://www.wpf-tutorial.com/basic-controls/the-radiobutton-control/

라디오 버튼은 단일 선택을 지원합니다.

<StackPanel Margin="10">
        <Label FontWeight="Bold">Are you ready?</Label>
        <RadioButton>Yes</RadioButton>
        <RadioButton>No</RadioButton>
        <RadioButton IsChecked="True">Maybe</RadioButton>
    </StackPanel>

라디오 버튼 그룹

라디오 버튼에 GroupName을 부여하여 개별적으로 선택할 수 있습니다.

<StackPanel Margin="10">
        <Label FontWeight="Bold">Are you ready?</Label>
        <RadioButton GroupName="ready">Yes</RadioButton>
        <RadioButton GroupName="ready">No</RadioButton>
        <RadioButton GroupName="ready" IsChecked="True">Maybe</RadioButton>
 
        <Label FontWeight="Bold">Male or female?</Label>
        <RadioButton GroupName="sex">Male</RadioButton>
        <RadioButton GroupName="sex">Female</RadioButton>
        <RadioButton GroupName="sex" IsChecked="True">Not sure</RadioButton>
 </StackPanel>

Custom content

라디오 버튼도 체크박스와 마찬가지로 ContentControl 클래스를 상속합니다.

<StackPanel Margin="10">
        <Label FontWeight="Bold">Are you ready?</Label>
        <RadioButton>
            <WrapPanel>
                <Image Source="https://cdn.pixabay.com/photo/2013/07/12/17/00/approved-151676__340.png" Width="16" Height="16" Margin="0,0,5,0" />
                <TextBlock Text="Yes" Foreground="Green" />
            </WrapPanel>
        </RadioButton>
        <RadioButton Margin="0,5">
            <WrapPanel>
                <Image Source="https://cdn.pixabay.com/photo/2017/02/12/21/29/false-2061131__340.png" Width="16" Height="16" Margin="0,0,5,0" />
                <TextBlock Text="No" Foreground="Red" />
            </WrapPanel>
        </RadioButton>
        <RadioButton IsChecked="True">
            <WrapPanel>
                <Image Source="https://cdn.pixabay.com/photo/2013/11/20/09/36/question-mark-213692__340.jpg" Width="16" Height="16" Margin="0,0,5,0" />
                <TextBlock Text="Maybe" Foreground="Gray" />
            </WrapPanel>
        </RadioButton>
    </StackPanel>

WrapPanel을 사용하여 Image와 TextBlock을 함께 묶어 이미지를 선택해도 라디오 버튼이 활성화 됩니다.