C# 实现连连看功能(推荐)

本文是利用C#实现连连看的小例子,以供学习分享使用。

思路:

初始化布局(横竖十行十列,共100个单元格,每一个格一个按钮,背景图为水果图片,随机生成) 。

初始化对应棋盘(用二维数组表示【0表示空白,非0表示界面对象】)和页面相对应,同步操作。

判断点击的图片是否可以消掉(转化为二维数组【以水平方向,垂直方向,一个拐角,两个拐角的步骤进行判断】)。

如可以消掉,隐藏图片,增加分数。

时间限制,采用倒计时方式。

涉及知识点:

线程:Thread,后台运行时间控制【倒计时方式】。

界面闪烁:当界面中的控件较多,且有背景图时,界面就会出现闪烁【解决方式:1,双缓冲方式 2. 设置控件创建样式,统一刷新】。

TableLayoutPanel:表示一个面板,它可以在一个由行和列组成的网格中对其内容进行动态布局【新增元素,设置行列,以及样式】。

资源文件:Resources 用于存放图片及其他资源。

Button:FlatAppearance获取用于指示选中状态和鼠标状态的边框外观和颜色。

效果图图下(一)【开始,初始化后,倒计时功能,停止功能】:

效果图(二)【时间结束】

核心代码如下:

/// <summary>
  /// 连连看帮助类
  /// </summary>
  public class LinkHelper
  {
    /// <summary>
    /// 连连看,看板
    /// </summary>
    public int[,] LinkBoard { get; set; }
    /// <summary>
    /// 连线成功事件
    /// </summary>
    public event EventHandler SucClick;
    /// <summary>
    /// 连接失败事件
    /// </summary>
    public event EventHandler FailClick;
    private int col = 10;
    public int Col
    {
      get
      {
        return col;
      }
      set
      {
        col = value;
      }
    }
    private int row = 10;
    public int Row
    {
      get
      {
        return row;
      }
      set
      {
        row = value;
      }
    }
    /// <summary>
    /// 尝试连线
    /// </summary>
    public void LinkLine(Point first, Point second)
    {
      EventArgs e = new EventArgs();
      if (checkLink(first, second))
      {
        //连线成功
        this.LinkBoard[first.X, first.Y] = 0;
        this.LinkBoard[second.X, second.Y] = 0;
        if (this.SucClick != null)
        {
          SucClick(this, e);
        }
      }
      else {
        //连线失败
        if (this.FailClick != null)
        {
          FailClick(this, e);
        }
      }
    }
    /// <summary>
    /// 是否赋值
    /// </summary>
    /// <param name="p"></param>
    /// <returns></returns>
    public bool IsChecked(Point p)
    {
      bool flag = false;
      if (p.X != -1 && p.Y != -1)
      {
        flag = true;
      }
      return flag;
    }
    #region 核心算法
    /// <summary>
    /// 判断是否连线成功
    /// </summary>
    /// <param name="a">第一个点击对象</param>
    /// <param name="b">第二个点击对象</param>
    /// <returns></returns>
    private bool checkLink(Point a, Point b)
    {
      if (!Point.Equals(a, b))
      {
        if (this.LinkBoard[a.X, a.Y] == this.LinkBoard[b.X, b.Y])
        {
          if (a.X == b.X && horizon(a, b))
          {
            return true;
          }
          if (a.Y == b.Y && vertical(a, b))
          {
            return true;
          }
          if (oneCorner(a, b))
          {
            return true;
          }
          else
          {
            return twoCorner(a, b);
          }
        }
        else {
          //如果点击的不是同一个图案,直接返回false
          return false;
        }
      }
      else {
        //如果点击的是同一个位置的图案,直接返回false;
        return false;
      }
    }
    /// <summary>
    /// 水平连线
    /// </summary>
    /// <param name="a"></param>
    /// <param name="b"></param>
    /// <returns></returns>
    private bool horizon(Point a, Point b)
    {
      int col_start = a.Y < b.Y ? a.Y : b.Y;    //获取a,b中较小的y值
      int col_end = a.Y < b.Y ? b.Y : a.Y;     //获取a,b中较大的值
      //遍历a,b之间是否通路,如果一个不是就返回false;
      for (int i = col_start + 1; i < col_end; i++)
      {
        if (this.LinkBoard[a.X, i] != 0)
        {
          return false;
        }
      }
      return true;
    }
    /// <summary>
    /// 垂直连线
    /// </summary>
    /// <param name="a"></param>
    /// <param name="b"></param>
    /// <returns></returns>
    private bool vertical(Point a, Point b)
    {
      int row_start = a.X < b.X ? a.X : b.X;
      int row_end = a.X < b.X ? b.X : a.X;
      for (int i = row_start + 1; i < row_end; i++)
      {
        if (this.LinkBoard[i, a.Y] != 0)
        {
          return false;
        }
      }
      return true;
    }
    /// <summary>
    /// 一个拐角
    /// </summary>
    /// <param name="a"></param>
    /// <param name="b"></param>
    /// <returns></returns>
    private bool oneCorner(Point a, Point b)
    {
      Point c = new Point(b.X, a.Y);
      Point d = new Point(a.X, b.Y);
      //判断C点是否有元素
      if (this.LinkBoard[c.X, c.Y] == 0)
      {
        bool path1 = horizon(b, c) && vertical(a, c);
        return path1;
      }
      //判断D点是否有元素
      if (this.LinkBoard[d.X, d.Y] == 0)
      {
        bool path2 = horizon(a, d) && vertical(b, d);
        return path2;
      }
      else
      {
        return false;
      }
    }
    /// <summary>
    /// 两个拐角
    /// </summary>
    /// <param name="a"></param>
    /// <param name="b"></param>
    /// <returns></returns>
    private bool twoCorner(Point a, Point b)
    {
      List<Line> ll = scan(a, b);
      if (ll.Count == 0)
      {
        return false;
      }
      for (int i = 0; i < ll.Count; i++)
      {
        Line tmpLine = ll[i];
        if (tmpLine.direct == 1)
        {
          if (vertical(a, tmpLine.a) && vertical(b, tmpLine.b))
          {
            return true;
          }
        }
        else if (tmpLine.direct == 0)
        {
          if (horizon(a, tmpLine.a) && horizon(b, tmpLine.b))
          {
            return true;
          }
        }
      }
      return false;
    }
    /// <summary>
    /// 扫描A与B之间的连接点组成的线
    /// </summary>
    /// <param name="a"></param>
    /// <param name="b"></param>
    /// <returns></returns>
    private List<Line> scan(Point a, Point b)
    {
      List<Line> linkList = new List<Line>();
      //检测a点,b点的左侧是否能够垂直直连
      for (int i = a.Y; i >= 0; i--)
      {
        if (this.LinkBoard[a.X, i] == 0 && this.LinkBoard[b.X, i] == 0 && vertical(new Point(a.X, i), new Point(b.X, i)))
        {
          linkList.Add(new Line(new Point(a.X, i), new Point(b.X, i), 0));
        }
      }
      //检测a点,b点的右侧是否能够垂直直连
      for (int i = a.Y; i < Col; i++)
      {
        if (this.LinkBoard[a.X, i] == 0 && this.LinkBoard[b.X, i] == 0 && vertical(new Point(a.X, i), new Point(b.X, i)))
        {
          linkList.Add(new Line(new Point(a.X, i), new Point(b.X, i), 0));
        }
      }
      //检测a点,b点的上侧是否能够水平直连
      for (int j = a.X; j >= 0; j--)
      {
        if (this.LinkBoard[j, a.Y] == 0 && this.LinkBoard[j, b.Y] == 0 && horizon(new Point(j, a.Y), new Point(j, b.Y)))
        {
          linkList.Add(new Line(new Point(j, a.Y), new Point(j, b.Y), 1));
        }
      }
      //检测a点,b点的下侧是否能够水平直连
      for (int j = a.X; j < Row; j++)
      {
        if (this.LinkBoard[j, a.Y] == 0 && this.LinkBoard[j, b.Y] == 0 && horizon(new Point(j, a.Y), new Point(j, b.Y)))
        {
          linkList.Add(new Line(new Point(j, a.Y), new Point(j, b.Y), 1));
        }
      }
      return linkList;
    }
    #endregion
  }

以上所述是小编给大家介绍的C# 实现连连看功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

(0)

相关推荐

  • JavaScript编写连连看小游戏

    天天看到别人玩连连看, 表示没有认真玩过, 不就把两个一样的图片连接在一起么, 我自己写一个都可以呢. 使用Javascript写了一个, 托管到github, 在线DEMO地址查看:打开 最终的效果图: 写连连看之前要先考虑哪些呢? 1:如何判断两个元素可以连接呢, 刚刚开始的时候我也纳闷, 可以参考这里:打开: 2:模板引擎怎么选择呢, 我用了底线库的template,因为语法简单. 本来想用Handlebars,但是这个有点大啊, 而且底线库也提供很多常用工具方法( •̀ ω •́ )y:

  • javascript 连连看代码出炉

    0 && TmpInt0 && TmpInt0 && TmpInt0 && TmpInt"; for(j=0; j"; for(i=0; i"; } else{ TmpInt--; Matrix[i][j] = 1 + Math.floor( PicMax * Math.random() ); if(TmpInt"; //添图片(webdings图标) TmpStr += String.fromChar

  • 原生JavaScript实现连连看游戏(附源码)

    向大家推荐一款原生JavaScript版连连看游戏,源码下载,首页如下图所示:  首先看一下html的布局方式在index.html文件中: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head>

  • 用javascript做一个webgame连连看大家看下

    最后成品代码写的仓促,没有容错,封装也不合理,只实现了核心部分,其他部分,喜欢添加的旧添加吧. 下面就开始我的教程(姑且算是教程吧,草草写点吧,时间太少,大家原谅) 以最高难度游戏级别作的分析. 第一步,大体分析 看看游戏主要包含哪些元素,发现3部分,一些成对的图片块,一个能盛图片块的方盘容器,一个能连接两个图块的线. 第二步,元素分析 图块:图块一共有32种不同的图案,每种图案4张,图块会相应鼠标的点击,图块会消失,图块有高度和宽度. 方盘:能承载128个图块,2维承载,横向16块,纵向8块,

  • C# 实现连连看功能(推荐)

    本文是利用C#实现连连看的小例子,以供学习分享使用. 思路: 初始化布局(横竖十行十列,共100个单元格,每一个格一个按钮,背景图为水果图片,随机生成) . 初始化对应棋盘(用二维数组表示[0表示空白,非0表示界面对象])和页面相对应,同步操作. 判断点击的图片是否可以消掉(转化为二维数组[以水平方向,垂直方向,一个拐角,两个拐角的步骤进行判断]). 如可以消掉,隐藏图片,增加分数. 时间限制,采用倒计时方式. 涉及知识点: 线程:Thread,后台运行时间控制[倒计时方式]. 界面闪烁:当界面

  • JS实现动态表格的添加,修改,删除功能(推荐)

    1. 首先在页面中配置好一个表格框架 <tr> <td>新增参数:</td> <td class="pn-fcontent"><input type="button" value="选择" onclick="openAppParamsPage();"/></td> <td>参数列表:</td> <td class="

  • jq实现左滑显示删除按钮,点击删除实现删除数据功能(推荐)

    效果图 第一步:加载 <script src="js/jquery.min.js"></script> <script src="js/jquery.mobile-1.3.2.min.js"></script> 第二步:html <div class="item-wrap"> <div class="item clearfix"> <div clas

  • Python使用wxpy模块实现微信两两群组消息同步功能(推荐)

    wxpy也是一个python的模块,利用它我们可以做很多有意思的事情,今天通过本文给大家介绍Python使用wxpy模块实现微信两两群组消息同步功能. 安装模块: pip install wxpy 注意:需要同步的微信群需要保存到通讯录中 以下是自己闲来无事写的代码,暂时还存在以下几个问题,有能优化的大佬可以讨论下: 1.暂时同步不了大文件,测试发现超过40M的文件无法同步: 2.频发发送消息时可能导致有的消息丢失: 3.项目不稳定,有时会掉线,脚本需要重启后重新登录微信 直接上代码 impor

  • C++编译/编辑器对OIer的必要功能(推荐)

    (没有引战的意思,如果有不同意见可以评论区发言,只是写出我目前的情况) 作为一个C++ OIer肯定是用过Dev的,因为学校推荐啊我也没有办法.都知道Dev又丑又没有代码补全,但是却是最最最适合OIer的.为什么这么说,虽然Dev让人蛋疼,但是却是最实用的呢?就谈到了我们的标题.我将分析几个重要功能,然后分析几个市面上常用的编辑器. 必要功能/特点 轻 没有什么比这个更重要的了,在学校用的是机房,虽然每台电脑都有Dev但是如果有了自己的电脑要装一个非常大的软件肯定是会让所有人都觉得蛋疼. 运行方

  • React Native实现简单的登录功能(推荐)

    React Native 简介: React Native 结合了 Web 应用和 Native 应用的优势,可以使用 JavaScript 来开发 iOS 和 Android 原生应用.在 JavaScript 中用 React 抽象操作系统原生的 UI 组件,代替 DOM 元素来渲染等. React Native 使你能够使用基于 JavaScript 和 React 一致的开发体验在本地平台上构建世界一流的应用程序体验.React Native 把重点放在所有开发人员关心的平台的开发效率上

  • Android 基于百度语音的语音交互功能(推荐)

    项目里面用到了语音唤醒功能,前面一直在用讯飞的语音识别,本来打算也是直接用讯飞的语音唤醒,但是讯飞的语音唤醒要收费,试用版只有35天有效期.只好改用百度语音,百度语音所有功能免费,功能也比较简单实用,包括语音识别,语音合成和语音唤醒,正好可以组成一套完整的语音交互功能. 效果图: 首先是语音唤醒功能,说出关键词即可叫语音识别,唤醒成功会有语音提示,这里采用了百度语音的合成功能.然后百度语音识别会根据wifi情况自动切换在线或者离线识别,但是离线识别只能识别已经导入的关键词,而且离线第一次识别需要

  • 利用adb shell和node.js实现抖音自动抢红包功能(推荐)

    逻辑很简单,在抖音视频播完之后如果是红包视频,会跳出红包. 我们模拟逻辑如下: 点击屏幕中央,如果有红包打开红包,没有红包则暂停视频. 点击返回按钮,如果有红包关闭红包界面,没有红包提示再按一次退出(其实没退出). 进行上滑操作,进入下一个视频. 点击.返回.上滑,就这么三步行为,无论有红包没红包都成立,只要计算好时间就行. 代码 下面是一段 node.js 代码: touch.js var process = require('child_process'); function exec(sh

  • DataGridView使用自定义控件实现简单分页功能(推荐)

    本例子使用自定义控件方法实现,数据库使用的是SQL Server,实现过程如下: 1.新建一个自定义控件,命名为:PageControl. 2.PageControl代码如下: public partial class PageControl : UserControl { //委托及事件 public delegate void BindPage(int pageSize, int pageIndex, out int totalCount); public event BindPage Bi

  • vue实现element表格里表头信息提示功能(推荐)

    如图:在element表格操作一栏需要添加提示功能 实现效果 如图:鼠标浮上去弹出tips 解决方案 1.编写组件 在 promptMessage.vue 文件里面实现 <template> <!-- 处理element表格表头文字提示特别添加全局注册组件 --> <div class="promt-message-tooltip"> <el-tooltip effect="light" placement="le

随机推荐