今天想说的示例是排块游戏。
这个程序很有意思，程序运行后，一开始，它就有 1,2,3,4,5,6,7,8 一共15个按钮， 然后还有一个按钮，我们把它当成空的那个空格。 一点开始，那它就打乱顺序了， 就有一点像拼图游戏，打乱程序，那我们的程序的这个游戏的作用就是要把这些按钮要调整到它原始的位置，比如说 1 就应该调到这个上面去， 1 后的这个空格组成一个环路，它就可以按照这个环路呢 就可以这么绕过来了，同样的办法我们把 2,3,4,5 等等调整过去。
那这个游戏程序 它是有很多按钮，然后点击按钮又发生动作，我们的初始界面，只有开始按钮是设计的，那么其他的按钮呢，为了程序的方便，不用手工一个个地去拖了，因为一个个-去拖的话， 第一，它不是很整齐，我们访问起来也很不方便。 所以，用程序来写比较好。那这个程序又有很多按钮，所以当然就是用一个数组了，所以我们看看这个代码它的核心 就是这个数组。 现在，最核心已经有了。我们下面来看看程序要做的事情呢，首先 Form Load，注意这个 Form react-text那这个 Load 要做什么事情呢？我们来想呢，那 就是要产生这些按钮，因为这些按钮不是我们手工拖上去的。
现在就写一个打乱顺序函数，叫Shuffle。其实就是随机交换两个按钮，程序的逻辑，尽量不要写到这个界面里头，尽量用 单独的函数。这个函数，产生所有的按钮呢， 有多行，有多列，所以从 从 0 到 N，r 表示行 row，C 表示 column，多行多列的一个双重循环。 这个循环要做的事情，就是产生按钮，核心的就是这个按钮，btn = new Button ()。 当然如果我们拖空键的时候呢，它是帮我们写的，现在我们要自己来写 new Button。然后当然这些按钮的属性就要设置好了
点击我们能够点击按钮呢，必须写 += 这个时间。那这个事件怎么写？其实很方便，你比如说我把这里先删掉。 你写个 += 就注册事件,然后就知道它是按 Tab 键进行插入。
所以说按 Tab 键进行插入就行了，它就自动生成了 刚才那个代码。当然还需要我们把这个刚刚生成的按钮放到数组里面以后好访问。很重要就是要把它加到 this.Controls.Add 加到空间里头。这一步呢我们把所有的 16 个按钮 全产生好了，然后注册一个事件，然后放到数组并加到界面。最后一个按钮呢，把它藏起来。上面已说出了，产生按钮的方法。
下面一个我们看 Shuffle 怎么做，Shuffle 呢就是打乱顺序。 这个打乱顺序比较简单，用 Random就行。
然后我们随机产生这个行号、 列号 a,b,c,d。 然后两个按钮 button，这个 a,b ，左下标的这个按钮和 c,d 这个左下标的按钮呢交换一下。
这里呢，可以再写 一个函数 Swap。 Swap，就是把按钮 a 上的文本放到按钮上 面去，按钮 b 上的 Visable ，放在按钮 b 的 Visable，因为 有的按钮是，是不见的。 所以实际上我们 交换的，实际上是，它并没有交换位置，它是交换上面的文本和可见性。这是打乱顺序呢就是随机的多次交换。
下一步呢，我们看看写的那个 btn Click。btn Click 这个事件，实际上，我们再体会一下，实际上就是要点呢，然后进行跟那个空白相交换，那么这里有一个问题就出来了。这个 btn Click 我们所有的都注册到这个函数， 那它怎么知道是哪一个点击的呢？这就是所谓的 sender 事件发出者，事件源。 事件的话，也就是你点了哪个按钮，它就发生哪个事件。 现在呢我们知道它是一个 Button，叫 as Button，就是把它 当成一个 Button，因为它就是一个 Button，只不过我们开始 在这里面它为了通用，它就是react-text object，但实际上是个 Button。所以这个 Button 呢我们赋到这个变量里头，下面好用，另外还有一个问题呢就是说 点到这个按钮呢，它必须跟空白相交换，所以我们再写一个函数， 空白按钮，就是藏起来的那个按钮，FindHiddenButton， 这两个按钮， 如果这两个按钮相邻， IsNeighbor，这个按钮跟它相邻，然后我们去交换，也就是说 表面上是这个按钮点了，它就移动位置，实际上呢， 是跟那个空白在交换。
我们按钮点了，还有判断完没完，if (ResultOk ()) if (ResultOk ())。t 好，那这里就有几个函数了，查找隐藏的按钮，然后判断是否相邻，然后呢， 判断是否完成，那这几个函数，相对来说比较好写。
查找隐藏按钮怎么办呢？ 把所有的按钮循环地去找每一行每一列。 如果它是 Visable，不可见的 Visable，注意这个感叹号 就表示非，就是如果非 Visable，不可见。当然，否则的话就是 return null 了，实际上是不可能的，因为它肯定有一个不可见，就是藏起来那一个，所以这就是查找隐藏按钮这个函数。
我们再看看判断相邻。这个两个按钮，btnA, but B。 为了判断两个相邻呢，我们有多种办法，这里呢 我们就用的是什么呢？用刚才用那个 react-text Tag，顺序号，0,1,2,3,4,5,6,7 那个 Tag 号。 这个 Tag 号呢我们把它赋好了，就是那个行列位置呢可以求出行号，就是除以 ， 整除啊这个整除，就是第几行就是整除 N，然后呢余数呢就是列 号。 好了，相邻呢实际上又分两种情况，一个是左右相邻，左右相邻呢也就是 行号相等，然后列号差，列号要么它等于它 -1，要么它等于它 +1。这个叫左右相邻。然后第二种情况是上下相邻，所谓上下相邻呢就是列号相等，这种情况我们就 return true，否则的话， 那么它就return false。 还有一个函数叫 ResultIsOk，就是判断是不是 完成了。 所谓完成，那就是 buttons 上的按钮应该 等于它的顺序号，这个顺序号呢就是行号乘以 N， 加上列号，再加 1，判断它这两个是不是相等。 如果不等，那说明 没有完成，如果全都等了，就说明已经完成了，这个函数呢返回一个 bool 型。
现在总结一下，拖上去一个按钮，然后借助程序产生了16个这些按钮， 这是 Form Load 事件，就是最开始要完成的事件。 然后一点这个按钮，就是打乱顺序了， 然后我们点一个按钮，它就跟这个相邻的这个要交换，实际上把Visable 这个 false，把它的数字也交换了。那如果这两个按钮它不跟空白相邻，它什么也不做，所以要判断是不是相邻，跟空的是不是相邻，这就是程序。
大数学家陈景润在中学生数理化上写的一篇文章， 他把这个叫做十五子游戏，你还可以到网上去搜这个文章《十五子游戏》。
