从成员数量未知的列表动态构建选择列表

Question

我想做的是创建一个 silevrlight 弹出窗口，向用户显示图像，并让他们选择下面的无线电控件来确定他们选择的选项。我有一个这样的对象：

 public class ConfigImage
{
    public int ConfigID { get; set; }
    public string ConfigName { get; set; }
    public string ImagePath { get; set; }
}

代码返回一个包含未知数量成员的 ConfigImage 列表。我尝试使用网格向用户显示图像，因此我根据列表中的成员数量动态添加列。我预计名单中会有 2 至 5 名成员。我遇到的问题是尝试动态添加图像和无线电控件。我似乎无法在任何地方找到这方面的例子。我尝试使用如下代码添加控件：

LayoutRoot.Children.Add(new Label);

但随后不知道如何在新的 Label 控件上设置属性。我应该知道这一点，但我一片空白，似乎找不到它的例子。

非常感谢您的帮助！

Answer 1

如果您绝对必须在代码中添加控件，则需要引用该对象才能在其上设置属性：

Label label = new Label();
label.Content = "text";
label.Width = 10;
LayoutRoot.Children.Add(label);

或者，您可以使用初始值设定项：

LayoutRoot.Children.Add(new Label()
{
    Content = "text",
    Width = 10
});

正如 BrokenGlass 所说，您可以完全在 xaml 中完成此操作，不过。

编辑：使用 BrokenGlass 建议的 ItemsControl 来说明仅使用 xaml 的方法：

<ItemsControl x:Name="ConfigImagesItemsControl" ItemsSource="MyConfigImagesList">
    <ItemsControl.ItemsPanel>
        <ItemsPanelTemplate>
            <StackPanel Orientation="Horizontal" />
        </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemTemplate>
        <DataTemplate>
            <Grid>
                <Grid.RowDefinitions>
                    <RowDefinition Height="Auto" />
                    <RowDefinition Height="Auto" />
                </Grid.RowDefinitions>
                <Image Grid.Row="0" Source="{Binding ImagePath}" />
                <RadioButton Grid.Row="1" Content="{Binding ConfigName}" GroupName="ConfigImagesGroup" />
            </Grid>
        </DataTemplate>
    </ItemsControl.ItemTemplate>
</ItemsControl>

Answer 2

只需使用 Silverlight 中任何基于列表的 UI 元素 - 这些元素将允许您将数据绑定到可以在运行时更新的可观察集合，最简单的一个是 ItemsControl - 您可以完全控制的集合中的每个项目使用什么标记XAML。