Question

首先，我是WPF的新手，我使用的是MVVM Light Toolkit，大约2天后，我正在试图找到一种简单的方法来创建一个单选按钮列表。我发现很多例子在我看来都太复杂了，不管是＆＃34; hacks＆＃34;对于一些旧的错误甚至是非工作的例子。

让我们说在你的代码隐藏中你有这个字符串列表

List<string> options = new List<string>();

        options.Add("option 1");
        options.Add("option 2");
        options.Add("option 3");
        options.Add("option 4");

所以我想问你，使用options创建单选按钮列表的最简单方法是什么？

Answer 1

尝试下面的代码示例： -

 <DataTemplate>
               <RadioButton GroupName="Test"
                            Content="{Binding ItemDescription}"
                            IsChecked="{Binding IsSelected}"
                            Margin="5,1"/>
           </DataTemplate>

并在服务器端： -

public ViewModel()
        {
            Test = new Collection<SelectableItem>
                {
                    new SelectableItem { ItemDescription = "Option 1"},
                    new SelectableItem { ItemDescription = "Option 2"},
                    new SelectableItem { ItemDescription = "Option 3", IsSelected = true},
                    new SelectableItem { ItemDescription = "Option 4"}
                };
        }

和

public class SelectableItem : INotifyPropertyChanged
    {
        public string ItemDescription { get; set; }

        public bool IsSelected { get; set; }

    }

Answer 2

我认为，最简单的是：

<ItemsControl ItemsSource="{Binding Options}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <RadioButton Content="{Binding}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

其中Options是数据上下文的属性，如下所示：

public IEnumerable<string> Options
{
    get { return options; }
}

但我认为，你会想要获得选择结果因此，任务变得更加复杂。你需要查看模型：

public class OptionViewModel
{
    public bool? IsChecked { get; set; }
    public string OptionName { get; set; }
}

然后，您必须将字符串列表转换为视图模型列表：

public IEnumerable<OptionViewModel> Options
{
    get { return optionsAsViewModels ?? (optionsAsViewModels = new List(options.Select(_ => new OptionViewModel { OptionName = _ }))); }
}
private IEnumerable<OptionViewModel> optionsAsViewModels;

并对项目模板进行一些更改：

<ItemsControl ItemsSource="{Binding Options}">
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <RadioButton Content="{Binding OptionName}" IsChecked="{Binding IsChecked}"/>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

什么是WPF中数据绑定单选按钮列表的最简单方法

2 个答案: