How to bind Gridview with Dictionary in UWP?

How to bind Gridview with Dictionary in UWP?

For your Dictionary key-value pairs, you need make GridView nested in GridView like the following. And use CollectionViewSource to group the DataSource with key.

Xaml

<Grid.Resources>
    <CollectionViewSource x:Key="cvs" x:Name="cvs" />
</Grid.Resources>
<GridView
    x:Name="MyListView"
    IsItemClickEnabled="False"
    ItemsSource="{Binding Source={StaticResource cvs}}">
    <GridView.ItemTemplate>
        <DataTemplate>
            <GridView ItemsSource="{Binding Value}">
                <GridView.ItemTemplate>
                    <DataTemplate>
                        <Image
                            Width="100"
                            Height="100"
                            Source="{Binding}" />
                    </DataTemplate>
                </GridView.ItemTemplate>
            </GridView>
        </DataTemplate>
    </GridView.ItemTemplate>
    <GridView.GroupStyle>
        <GroupStyle>
            <GroupStyle.HeaderTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding Key}" />
                </DataTemplate>
            </GroupStyle.HeaderTemplate>
        </GroupStyle>
    </GridView.GroupStyle>
</GridView>

Code

private void MessagePage_Loaded(object sender, RoutedEventArgs e)
{
    var list = new List<string>() { "ms-appx:///Assets/img.png",
        "ms-appx:///Assets/img.png" ,
        "ms-appx:///Assets/img.png" ,
        "ms-appx:///Assets/img.png" };

    var items = new Dictionary<string, List<string>>() { { "Hello", list }, { "Some", list }, { "To", list } };   
    var groups = from c in items
                 group c by c.Key;

    this.cvs.Source = groups;
    this.cvs.IsSourceGrouped = true;
}