（1）前端篇
首先，我们创建一个新的Universal Windows Platform程序。这些小方块是通过GridView来罗列的，这样可以避免MainPaga.xaml的<Rectangle>元素堆叠太多，并且也好处理数据。
现在我们来看MainPage.xaml到底应该怎么写。
1 <Grid Background="Black"> 2 <StackPanel Orientation="Vertical"> 3 <GridView Width="1400" Height="730" x:Name="GridView" Margin="0,20,0,0"> 4 <GridView.ItemTemplate> 5 <DataTemplate> 6 <Rectangle Width="50" Height="50" Fill="{Binding Color}"/> 7 </DataTemplate> 8 </GridView.ItemTemplate> 9 </GridView> 10 <Button Height="40" Width="200" Content="寻路" Background="CadetBlue" HorizontalAlignment="Center" BorderBrush="CadetBlue" Click="ButtonBase_OnClick"/> 11 </StackPanel> 12 </Grid>
1 <Rectangle Width="50" Height="50" Fill="{Binding Color}"/>
就是地图的地砖啦~
1 GridView.ItemsSource = Rects;
这里的ItemSource我在C#的后端再进行绑定。
==========================
怎么做到寻路的时候更新地形呢？
首先我考虑到可不可以用ObservableCollection呢？
答案是：不可行！因为ObservableCollection<T>只关注个数的变化，不关注元素的修改。
那怎么做呢？
1 GridView.ItemsSource = null; 2 GridView.ItemsSource = Rects;
取消绑定再重新绑定就可以了！