Список URL-адресов изображений в модели, хотите нарисовать изображения в представлении

Question

В моей модели у меня есть список ImageUrls (в виде списка), который представляет собой все изображения, найденные в Flickr. Я ищу способ нарисовать эти изображения в графическом интерфейсе WPF и понятия не имею, как создать XAML и связать его с этим списком. Конкретные вопросы:

1. Какой тип UIElement я могу использовать?
2. Как я могу создать этот UIElement на лету, если список, например, сначала пуст, а затем увеличивается до 5 URL? Могу ли я, например, создать StackPanel и создать экземпляр UI-Image для каждого URL? или 3. есть ли лучшее решение?

Answer 1

Для отображения изображения вы можете просто привязать источник Image к указанному URI изображения, используя свойство Source .

Для динамического создания изображений, когда выдобавьте их в свой список, я рекомендую привязать его к списку URI, а затем создать шаблон элемента в xaml, который отображает изображение;примерно так:

<ItemsControl
    ItemsSource="{Binding YourListWithURIs}"
    ItemTemplate="{StaticResource ImageTemplate}">

<ItemsControl.Resources>
    <DataTemplate x:Key="ImageTemplate">
        <Image Source="{Binding}" />
    </DataTemplate>
</ItemsControl.Resources>

</ItemsControl>

Учитывая, что вы привязываетесь к DataContext, содержащему свойство (список), YourListWithURIs.Кроме того, убедитесь, что этот список является ObservableCollection, чтобы автоматически уведомлять представление при добавлении или удалении элементов в списке.