Question

In my application, I have binded my images stored in a observable collection in my view model to a list box on the xaml, the result is vertical scroll list (one column), whereas I want to display the images in 2 column view. Is there a way to achieve this?

Answer 1

This is how I achieved it finally. Kept the size of my Image such that only two images are wrapped in the the Wrappanel in one row, making it two columns.

        <ScrollViewer>
            <ItemsControl ItemsSource="{Binding ImageList}" ItemTemplate="{StaticResource ImageTemplate}">
                <ItemsControl.ItemsPanel>
                    <ItemsPanelTemplate>
                        <toolkit:WrapPanel />
                    </ItemsPanelTemplate>
                </ItemsControl.ItemsPanel>
            </ItemsControl>
        </ScrollViewer>