Хотите сделать сетку с изображениями и заполните их из списка Ури

Question

Сейчас я делаю приложение для Windows Phone и сталкиваюсь с некоторыми проблемами.

В приложении я хочу FotoWall с фотографиями, полученными от Flickr.Я получил часть данных и на данный момент я создаю список с 2 видами UrlTumb Url (для миниатюр) и UrlFull (для исходных изображений)

Теперь я хочу заполнить / создать сеткуИзображения размером 4 на 4 и заполните их URL-адресами UrlTumb.

Вот и мой вопрос: как создать сетку изображений, которую я могу заполнить данными из своего списка?Сетка будет состоять из 4 изображений по ширине и 4 по высоте, каждое из которых имеет размер 100 на 100 пикселей.

Answer 1

Вы можете создать элемент управления ListBox и изменить панель ItemsPanel на Wrap Panel из набора инструментов Silverlight для Windows Phone: -

http://silverlight.codeplex.com/

Затем вы можете установить ItemTemplate в качестве элемента управления изображением, а затем, если вы правильно выберете размер изображения, вы сможете получить сетку изображений 4 x 4.

    <ListBox.ItemsPanel>
    <ItemsPanelTemplate>
        <toolkit:WrapPanel />
    </ItemsPanelTemplate>
</ListBox.ItemsPanel>
<ListBox.ItemTemplate>
    <DataTemplate>
        <Grid>
            <Grid.RowDefinitions>
                <RowDefinition Height="Auto" />
            </Grid.RowDefinitions>
            <Image Source="{Binding ThumbNailImage}"
                    Margin="0"
                    Height="110"
                    Width="110"
                    CacheMode="BitMapCache"
                    Stretch="UniformToFill"
                    Grid.Row="0" />
        </Grid>
    </DataTemplate>
</ListBox.ItemTemplate>

Надеюсь, это поможет.