【WPF】MVVM前台绑定一组RadioButton按钮

需求：制作一组RadioButton，像下面这样的效果：



【MVVM】要显示一组RadioButton按钮，想法是Controller层联网获取到数据后，将数据进行处理，然后加到一个ObservableCollection集合中（或者List集合），然后前台准备一个列表控件，绑定这个集合。

最初想法是前台使用一个ItemsControl控件，然后设置它的DataTemplate，大致如下：

<ItemsControl x:Name="areaIC" ItemsSource="{Binding AreaNumList}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<RadioButton Content="{Binding areaVal}" GroupName="area" Style="{StaticResource myRadioButton2}"/>
</DataTemplate>
</ItemsControl.ItemTemplate>
</<ItemsControl>

然后，运行后看不到这组按钮，但可以点击。去掉Style属性就只能显示RadioButton左边的圆圈，右边文字Content内容为空，而且按钮组无法切换，问题很多。。。。。

搜了一下解决方案，看到下面这个：

http://stackoverflow.com/questions/5891924/wpf-mvvm-radio-buttons-on-itemscontrol

根据老外的建议，应该使用ListBox而不是ItemsControl ，并且还得设置各种依赖属性的数据源，最后改为如下：

<ListBox x:Name="areaLB" ItemsSource="{Binding AreaNumList}" SelectedItem="{Binding SelectedItem}" BorderThickness="0" Background="White">
<ListBox.ItemTemplate>
<DataTemplate>
<RadioButton x:Name="radioBtn" FontSize="14" GroupName="area" Style="{StaticResource myRadioButton2}">
<RadioButton.IsChecked>
<Binding Path="IsSelected" RelativeSource="{RelativeSource AncestorType=ListBoxItem}" Mode="TwoWay" />
</RadioButton.IsChecked>
<RadioButton.Content>
<Binding Path="Content" RelativeSource="{RelativeSource AncestorType=ListBoxItem}" Mode="TwoWay" />
</RadioButton.Content>
</RadioButton>
</DataTemplate>
</ListBox.ItemTemplate>
</ListBox>