新建一个项目，叫做LianliankanTest。

新建一个文件夹Images用来存储图片，我们拖动10个图片进入到文件夹中：

打开MainPage.xaml.cs，找到重写的OnNavigatedTo方法。这个方法实在跳转到该页面的时候调用，所以我们把页面的动态初始化加在这里。

前面说到，Grid布局中主要是RowDefinition和ColumnDefinition来生成行列，我们先在MainPage.xaml中定义主页面的Grid的name为homepage，以便后台调用。

然后在MainPage.xaml.cs，找到重写的OnNavigatedTo方法，写上动态添加的行列定义：

protected override void OnNavigatedTo(NavigationEventArgs e)
        {
            for (int i = 0; i < 10; i++)
            {
                RowDefinition row = new RowDefinition();
                homepage.RowDefinitions.Add(row);
            }

            for (int i = 0; i < 10; i++)
            {
                ColumnDefinition col = new ColumnDefinition();
                homepage.ColumnDefinitions.Add(col);
            }

            Random random = new Random();
            for (int row = 0; row < 10; row++)
            {
                for (int col = 0; col < 10; col++)
                {
                    Image img = new Image();
                    int num = random.Next(1, 10);
                    string fileName = "ms-appx:///Images/" + num + ".jpg";
                    //指定图片元素
                    img.Source = new BitmapImage(new Uri(fileName));

                    //为其指定某行某列
                    homepage.Children.Add(img);
                    Grid.SetRow(img, row);
                    Grid.SetColumn(img, col);

                }
            }
        }

运行一下就能看到 页面的效果：