使用WPF教你一步一步实现连连看(三)

这次首先对以前的结构进行了调整:

第一步:把MyButton按钮的属性独立成一个类,放在一个单独的MyButton.cs中,把图片的初始化也放到里面。

调整代码如下:

public class MyButton : Button     {         //图片的名称,用于判断两个按钮是否为同一个         public int Flag { get; set; }         //Button所在行         public int RowNum { get; set; }         //所在列         public int ColNum { get; set; }         public MyButton(int flag, int romNum, int colNum)         {             this.Flag = flag;             this.RowNum = romNum;             this.ColNum = colNum;             if (flag != 0)             {                 Image img = new Image();                 img.Source = new BitmapImage(new Uri(@"images\" + flag + ".png", UriKind.Relative));                 this.Content = img;             }         }     }

第二步:将设置随机数独立成MyRandom.cs,这里将图片个数等一些属性都设置成了可变的,调整内容如下

public class MyRandom 
   { 
       private int Count;  //产生多少个数字 
       private int Amount; //产生几份 
       private int Max;    //最大数(不包含) 
       private int Min;    //最小数 
       /// <summary> 
       /// 
       /// </summary> 
       /// <param name="count">产生多少个数字</param> 
       /// <param name="amount">产生几份(须为count的约数)</param> 
       /// <param name="min">最小数</param> 
       /// <param name="max">最大数(不包含)</param> 
       public MyRandom(int count, int amount, int min, int max) 
       { 
           if (count % amount != 0) 
               throw new Exception("count须为amount的整数倍"); 
           if (min > max) 
               throw new Exception("min必须小于等于max"); 
           Count = count; 
           Amount = amount; 
           Max = max; 
           Min = min; 
       } 
       public List<int> Get() 
       { 
           Random rand = new Random(); 
           List<int> ran = new List<int>(); 
           for (int n = 0; n < Count / Amount; n++) 
               ran.Add(rand.Next(Min, Max)); 
           for (int i = 1; i < Amount; i++) 
           { 
               List<int> temp = new List<int>(); 
               temp.AddRange(ran); 
               for (int n = 0; n < Count / Amount; n++) 
               { 
                   int r = rand.Next(0, temp.Count); 
                   ran.Insert(rand.Next(0, ran.Count), temp[r]); 
                   temp.RemoveAt(r); 
               } 
           } 
           return ran; 
       } 
   } 

第三步:对Add方法进行了调整,为了方便理解将变量i,j,调整为r,c(对应行列),同时根据上述变化做了其他一些调整,内容如下:

MyButton[,] maps = new MyButton[10, 10]; 
      
       int Count; 
       public void Add() 
       { 
           for (int i = 0; i < 10; i++) 
           { 
               RowDefinition rowDef = new RowDefinition(); 
               GridGame.RowDefinitions.Add(rowDef);

               ColumnDefinition colDef = new ColumnDefinition(); 
               GridGame.ColumnDefinitions.Add(colDef); 
           } 
           Count = 8;

           Amount = 32; 
           List<int> ran = (new MyRandom(64, 2, 1, Count)).Get(); 
           for (int r = 0; r < 10; r++) 
           { 
               for (int c = 0; c < 10; c++) 
               { 
                   MyButton btn;

                   if (r == 0 || r == 9 || c == 0 || c == 9) 
                   { 
                       btn = new MyButton(0, r, c); 
                       btn.Visibility = System.Windows.Visibility.Hidden; 
                   } 
                   else 
                       btn = new MyButton((int)ran[(r - 1) * 8 + c - 1], r, c);

                   btn.Click += btn_Click;

                   maps[r, c] = btn;

                   Grid.SetColumn(btn, c); 
                   Grid.SetRow(btn, r ); 
                   GridGame.Children.Add(btn); 
               } 
           } 
       } 

         好了,到目前为止,我们得到了一个可以玩的连连看了。这一篇虽然比起上一篇没有多大的进度,只是对结构进行了调整,代码进行了优化。这样结构也稍微清晰了许多,也便于理解。

倒计时我大概已经有了思路,也基本已经成型了,但连线还没想好怎么弄,有志同道合的朋友可以讨论下。 最后,如果感觉对您有所帮助,请帮忙推荐下……感谢! 源代码下载

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏重庆的技术分享区

项目常用的less语法详解

1355
来自专栏程序员互动联盟

网站上的验证码是怎么产生的?

目前,许多网站的会员登录时都要求输入验证码,尽管验证码的形式五花八门,但是所使用的原理基本是一样的,都是生成随机字符串,然后描绘成图片的形式输出。 验证码的...

3469
来自专栏三流程序员的挣扎

mermaid 语法

文字里用引号避免一些特殊字符的错误。比如矩形节点里有 () 时就无法渲染,所以加上引号。

1553
来自专栏AzMark

Matplotlib 系列之「Legend 图例」

Matplotlib 的 Legend 图例就是为了帮助我们展示每个数据对应的图像名称,更好的让读者认识到你的数据结构。

601
来自专栏一心无二用,本人只专注于基础图像算法的实现与优化。

SSE图像算法优化系列六:OpenCv关于灰度积分图的SSE代码学习和改进。

  最近一直沉迷于SSE方面的优化,实在找不到想学习的参考资料了,就拿个笔记本放在腿上翻翻OpenCv的源代码,无意中看到了OpenCv中关于积分图的代码,仔细...

35910
来自专栏王肖的UT

GLSL-变量和类型

1274
来自专栏Python

JavaScript基础

一 JavaScript的基础 1.1 JS的引入方式 1 直接编写 <script> alert('hello yuan') ...

2058
来自专栏技术博客

Win8 连连看 第二季(1)

思路如下:暂定游戏中图标有100个(10行10列),对每个小图标用用户控件进行展示(好处很多方便绑定数据,链接事件,实现动画效果等)。

622
来自专栏编程微刊

sea.js五分钟上手

1176
来自专栏葡萄城控件技术团队

Spread for Windows Forms快速入门(13)---数据排序

开发人员可以对Spread表单中的行和列进行自动排序操作,如根据指定的列,以升序方式自动排序表单中的数据。同时,也可以显示排序指示器。这些操作不会影响数据模型 ...

1916

扫码关注云+社区