WPF版的别踩白块

1.先看前台代码(代码下载)

<Window x:Class="WpfApplication35.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="635" Width="620" Loaded="Window_Loaded" Background="White" >
    <Window.Resources>
        <Style x:Key="lblFontStyle" TargetType="{x:Type Label}">
            <Style.Triggers>
                <Trigger Property="IsMouseOver" Value="true" >
                    <Setter Property="Background" Value="Gray"></Setter>
                    <Setter Property="Cursor" Value="Hand"></Setter>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Canvas>
    <Canvas Name="back" Width="600" Height="600">
    </Canvas>
        <Border Panel.ZIndex="1" Name="bdRestart" CornerRadius="20" Width="200" Height="150" Background="Black" Opacity="0.5" Visibility="Hidden" Margin="200,175">
            <Label Style="{StaticResource lblFontStyle}" FontSize="30" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="White"  Name="lblRestart" PreviewMouseDown="lblRestart_PreviewMouseDown">重新开始</Label>
        </Border>
        <Border Name="bdStart" CornerRadius="15" Height="50" Width="100" Background="Black" Opacity="0.5" Margin="250,500">
            <Label  Style="{StaticResource lblFontStyle}" HorizontalAlignment="Center" Foreground="White" VerticalAlignment="Center"  FontSize="20" Name="lblStart" PreviewMouseDown="lblStart_PreviewMouseDown">开始</Label>
        </Border>
        <Canvas Background="Black" Width="600" Height="494" Opacity="0.00001" Name="CanStart"></Canvas>
    </Canvas>
</Window>

2.后台代码的实现

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;
using System.Windows.Threading;

namespace WpfApplication35
{
    /// <summary>
    /// MainWindow.xaml 的交互逻辑
    /// </summary>
    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            InitializeComponent();
        }
        //保存border的一个链表
        List<Border> lstBorder = new List<Border>();
        //保存背景黑色行的所有border
        List<Border> lstBlackBorder = new List<Border>();
        Random rd = new Random();
        //保存每一行背景色为黑色的编号0,1,2,3
        int num1, num2;
        //记录是否连续正确数点击了再次
        int clickNum;
        //border移动速度
        double speed=1;
        //时间

        DispatcherTimer dtm = new DispatcherTimer();
        private void Window_Loaded(object sender, RoutedEventArgs e)
        {
            dtm.Interval = TimeSpan.FromMilliseconds(1);
            dtm.Tick += new EventHandler(dtm_Tick);
            InitialGame();
        }
        private void InitialGame()
        {
            //先产生5行，4列的border共20个，把两个先隐藏在上面
            for (int i = 19; i >= 0; i--)
            {
                Border bd = new Border();
                //添加到list，按照从下往上的顺序添加进去
                lstBorder.Add(bd);
                //保存背景黑色行的所有border
                lstBlackBorder.Add(bd);
                bd.Width = back.Width / 4;
                bd.Height = back.Height / 4;
                bd.BorderBrush = Brushes.Gray;
                bd.BorderThickness = new Thickness(1);
                //设置位置
                Canvas.SetTop(bd, (i / 4 - 2) * (back.Height / 4));
                Canvas.SetLeft(bd, (i % 4) * (back.Width / 4));

                //设置背景色

                if (i % 4 == 3)
                {//每行开始重新设置随机数，保证每行两个黑色的背景border位置不确定
                    SetNum();
                }

                if (num1 == i % 4 || num2 == i % 4)
                {
                    bd.Background = Brushes.Black;
                }
                else
                {
                    //注意，如果设置颜色，事件不挂接不了
                    bd.Background = Brushes.White;
                }
                //最下面一行添加单击事件
                if (i > 15)
                {
                    bd.PreviewMouseDown += new MouseButtonEventHandler(bd_PreviewMouseDown);
                }
                //添加进画布back
                back.Children.Add(bd);

            }

            //dtm.Start();
        }
        void bd_PreviewMouseDown(object sender, MouseButtonEventArgs e)
        {
            Border bd = (Border)sender;
            if (bd.Background == Brushes.Black)
            {
                bd.Background = Brushes.Gray;
                clickNum++;
                //说明最下面的一行的黑色背景的border被点击
                if (clickNum==2)
                {
                    //重新记录
                    clickNum = 0;
                    //从lstBlackBorder链表移除连续两个点击的那一行的border对象
                    //并且移除下面一行的事件
                    for (int i = 0; i < 4; i++)
                    {
                         lstBlackBorder[i].PreviewMouseDown -= new MouseButtonEventHandler(bd_PreviewMouseDown);
                    }
                    lstBlackBorder.RemoveRange(0,4);
                    //给当前点击后的上一行添加事件,也就是lstBlackBorder前面0，1，2，3索引对象
                    for (int i = 0; i < 4; i++)
                    {
                        //先确定链表里面要有东西
                        if (lstBlackBorder.Count > 0)
                        {
                            lstBlackBorder[i].PreviewMouseDown += new MouseButtonEventHandler(bd_PreviewMouseDown);
                        }
                    }
                }

            }
            else if(bd.Background==Brushes.White)
            {
                clickNum = 0;
                FailGame();
            }
        }

        private void FailGame()
        {
            //时间停止
            dtm.Stop();
            //点击错误除去最后一行对象
            lstBlackBorder.RemoveRange(0, 4);
            bdRestart.Visibility = System.Windows.Visibility.Visible;
        }
        void dtm_Tick(object sender, EventArgs e)
        {
            #region 让border向下移动
            for (int i = 0; i < 20; i++)
            {
                Canvas.SetTop(lstBorder[i], Canvas.GetTop(lstBorder[i]) + speed);
                 //当最后一行bottom大于back.height 游戏失败，
                if (Canvas.GetTop(lstBlackBorder[0]) > back.Height - back.Height / 4)
                {
                    FailGame();
                }
                //因为是从下往上添加的，所以索引最小的在下面，如果下面的top超出name.height
                //name是前面canvas画布的名字标识
               //判断背景黑色的是否出了区域,后面再释放
                if (Canvas.GetTop(lstBorder[0]) > back.Height-back.Height/4)
                { //移出在lstBorder中最下面的一层
                     lstBorder.RemoveRange(0, 4);
                     #region 给最上面的添加层
                     for (int j = 3; j >= 0; j--)
                     {
                         //增加速度
                         speed+=0.2;
                         Border bd = new Border();
                         lstBorder.Add(bd);
                         lstBlackBorder.Add(bd);
                         bd.Width = back.Width / 4;
                         bd.Height = back.Height / 4;
                         bd.BorderBrush = Brushes.Gray;
                         bd.BorderThickness = new Thickness(1);

                         Canvas.SetTop(bd, -2*back.Height / 4);
                         Canvas.SetLeft(bd, j * (back.Width / 4));
                         //设置新加行的背景色
                         if (j == 3)
                         {
                             SetNum();
                         }
                         if (num1 == j || num2 == j)
                         {
                             bd.Background = Brushes.Black;
                         }
                         else
                         {
                             bd.Background = Brushes.White;
                         }
                         back.Children.Add(bd);
                     }
                     #endregion
                }

            }
        #endregion
            //消除在back里面的走出区域的border 
            foreach (UIElement item in back.Children)
            {
                if (item.GetType().Name=="Border"&&Canvas.GetTop(item as Border)>back.Height)
                {
                    back.Children.Remove(item);
                }
            }

        }
        void SetNum()
        {
            num1 = rd.Next(4);
            num2 = rd.Next(4);
            while (num1==num2)
            {
                num2 = rd.Next(4);
            }
        }
        /// <summary>
        /// 游戏重新开始
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void lblRestart_PreviewMouseDown(object sender, MouseButtonEventArgs e)
        {
            //设置速度
            speed = 1;
            //清除游戏前的记录
            lstBlackBorder.Clear();
            lstBorder.Clear();
            back.Children.Clear();
            //开始屏障
            CanStart.Visibility = System.Windows.Visibility.Visible;
            //游戏初始化
            InitialGame();
            //隐藏重新开始border
            bdRestart.Visibility = System.Windows.Visibility.Hidden;
            //显示开始border
            bdStart.Visibility = System.Windows.Visibility.Visible;
        }
        /// <summary>
        /// 游戏开始
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void lblStart_PreviewMouseDown(object sender, MouseButtonEventArgs e)
        {
            dtm.Start();
            bdStart.Visibility = System.Windows.Visibility.Hidden;
            //我在前台设置了Canvas屏障，防止事件被触发
            CanStart.Visibility = System.Windows.Visibility.Hidden;
        }
    }
}