UWP开发：自动生成迷宫&自动寻路算法（1）

（1）前端篇

首先，我们创建一个新的Universal Windows Platform程序。这些小方块是通过GridView来罗列的，这样可以避免MainPaga.xaml的<Rectangle>元素堆叠太多，并且也好处理数据。

现在我们来看MainPage.xaml到底应该怎么写。

 <Grid Background="Black">
         <StackPanel Orientation="Vertical">
             <GridView Width="1400" Height="730" x:Name="GridView" Margin="0,20,0,0">
                 <GridView.ItemTemplate>
                     <DataTemplate>
                         <Rectangle Width="50" Height="50" Fill="{Binding Color}"/>
                     </DataTemplate>
                 </GridView.ItemTemplate>
             </GridView>
             <Button Height="40" Width="200" Content="寻路" Background="CadetBlue" HorizontalAlignment="Center" BorderBrush="CadetBlue" Click="ButtonBase_OnClick"/>
         </StackPanel>
     </Grid>

 <Rectangle Width="50" Height="50" Fill="{Binding Color}"/>

就是地图的地砖啦~

 GridView.ItemsSource = Rects;

这里的ItemSource我在C#的后端再进行绑定。

==========================

怎么做到寻路的时候更新地形呢？

首先我考虑到可不可以用ObservableCollection呢？

答案是：不可行！因为ObservableCollection<T>只关注个数的变化，不关注元素的修改。

那怎么做呢？

 GridView.ItemsSource = null;
 GridView.ItemsSource = Rects;

取消绑定再重新绑定就可以了！