Win8 连连看小程序

看到win8和VS2012都发布有些日子,心里也痒痒的,于是就学习了几天关于在VS2012下开发,当然主要是开发应用商店小程序。学习期间一直参考:

传智播客.net培训Windows 8开发视频教程,欢迎大家也一起来学习。

下面来介绍一下我自己写的连连看小程序,暂时只能先后点击两张一样的小图标,两个小图标即刻消失。

1.首先我创建10行10列的表格(用的Grid页面布局,当然还有其他的例如:StackPanel和Canvas等)

                ///给Grid添加10列
                for (int i = 0; i < 10; i++)
                {
                    llk.ColumnDefinitions.Add(new ColumnDefinition());                    
                }
                ///给 Grid添加10行
                for (int j = 0; j < 10; j++)
                {
                    llk.RowDefinitions.Add(new RowDefinition());
                }

2.读取连连看小图标文件路径存放于List<string>中:首先读取到应用程度的根路径,然后获取指定根路径下指定的文件夹,并读取文件夹下的文件,将其添加到List<string>中。

                ///获取程序中图标文件
                StorageFolder InstallFolder = Package.Current.InstalledLocation;////获得程序的安装路径
                var ImgFolder =await InstallFolder.GetFolderAsync("Images");
                var ImgFiles =await ImgFolder.GetFilesAsync();   ////获得Images文件夹下的图片
                List<string> ImgList=new List<string>();         ///将读取的图片文件添加到List中
                foreach (var ImgFile in ImgFiles)
                {
                    string FilePath = "ms-appx:///Images/"+ImgFile.Name;
                    ImgList.Add(FilePath);
                }

3.因为是10行10列所以我只是放了50*2(方便两两配对)个随机的小图标。

                List<string> ImgCount = new List<string>();
                for (int k = 0; k < rows * clos / 2; k++)
                {
                    int ListNum = new Random(k+DateTime.Now.Millisecond).Next(ImgList.Count - 1);
                    ImgCount.Add(ImgList[ListNum]);   ////添加两次  方便配对的
                    ImgCount.Add(ImgList[ListNum]);
                }

4.将第三步中的100个小图标添加到10行10列的表格中。

                for (int i = 0; i < rows; i++)
                {
                    for (int j = 0; j < clos; j++)
                    {
                        Image img = new Image();
                        img.Name = i.ToString() + j.ToString();
                        int SourceNum = new Random(i+j+DateTime.Now.Millisecond).Next(ImgCount.Count - 1);
                        BitmapImage bitmap = new BitmapImage(new Uri(ImgCount[SourceNum]));
                        ImgCount.RemoveAt(SourceNum);
                        img.Source = bitmap;
                        img.Tapped += img_Tapped;
                        llk.Children.Add(img);
                        Grid.SetColumn(img, i);
                        Grid.SetRow(img, j);
                    }
                }

5.现在已经显示到页面上了,我对每个Image添加了一个事件 (  img.Tapped += img_Tapped)   暂时就是将Image转换为BitmapImage判断两个小图标的Source,也就是文件路径是否一样,当然Image的文件名不能一样(就是同一个图标点了两次)。

        void img_Tapped(object sender, TappedRoutedEventArgs e)
        {
            ///获得当前小图标
            Image Img = sender as Image;
            if (ClickImg.Source == null)
            {
                ClickImg = Img;
            }
            else if (((Windows.UI.Xaml.Media.Imaging.BitmapImage)(ClickImg.Source)).UriSource != ((Windows.UI.Xaml.Media.Imaging.BitmapImage)(Img.Source)).UriSource)
            {
                ClickImg = Img;
            }
            else
            {
                ///如果本次点击的图标与前面储存的ClickImg相同,则让两个小图标隐藏
                if (((((Windows.UI.Xaml.Media.Imaging.BitmapImage)(ClickImg.Source)).UriSource == ((Windows.UI.Xaml.Media.Imaging.BitmapImage)(Img.Source)).UriSource)) &&(Img.Name!=ClickImg.Name))
                {
                    ClickImg.Visibility = Windows.UI.Xaml.Visibility.Collapsed;
                    Img.Visibility = Windows.UI.Xaml.Visibility.Collapsed;
                    ClickImg = new Image();

                    ///处理一下clos*rows=100个图标点击完成给予简单提示
                    if ((Convert.ToInt32(txtLeaves.Text) - 2) > 0)
                    {
                        txtLeaves.Text = (Convert.ToInt32(txtLeaves.Text) - 2).ToString();
                    }
                    else
                    {
                        MessageDialog MsgDig = new MessageDialog("恭喜,您已通过!");
                        txtLeaves.Text = "0";
                        MsgDig.ShowAsync();
                    }
                    
                }
            }
        }

最后便可以测试小程序了,只要前后点的两个小图标是一样的(当然位置要不一样就可以了)。次连连看会慢慢更新,因为本人还在继续学习中,可能其中存在很多问题,之后慢慢优化,继续更新。程序运行之后截图效果为

本次示例代码链接win8 LLK示例代码

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏友弟技术工作室

http digest

HTTP digest 摘要访问认证是一种协议规定的Web服务器用来同网页浏览器进行认证信息协商的方法。它在密码发出前,先对其应用哈希函数,这相对于HTTP基本...

1K8
来自专栏ml

faster-rcnn在编译时遇到的一些问题

 1.在安装faster-rcnn事如果报这种错误    In file included from ./include/caffe/util/device_a...

51814
来自专栏JetpropelledSnake

SNMP学习笔记之SNMPv3的报文格式以及基于USM的认证和加密过程

                                                                      图 1

3903
来自专栏WOLFRAM

给大家分享几个操作上的技巧~~~

1562
来自专栏智能计算时代

Envoy架构概览(5):负载均衡

负载均衡 当过滤器需要获取到上游群集中主机的连接时,群集管理器使用负载平衡策略来确定选择哪个主机。 负载平衡策略是可插入的,并且在配置中以每个上游集群为基础进行...

3987
来自专栏腾讯Bugly的专栏

Android 减包 - 减少APK大小

本文来自“天天P图攻城狮”公众号(ttpic_dev) 本文是对Google官方文档 Reduce APK Size 的翻译,查看英文原文(需要翻墙) 译者简介...

4286
来自专栏逸鹏说道

C# 温故而知新:Stream篇(七)

NetworkStream 目录: NetworkStream的作用 简单介绍下TCP/IP 协议和相关层次 简单说明下 TCP和UDP的区别 简单介绍下套接字...

3045
来自专栏Jerry的SAP技术分享

如何查看CRM WebUI,C4C和Hybris里的页面技术信息

在WebClient UI页面上按F2,就能看到页面的技术信息, 可以找到当前页面是哪一个BSP component实现的:

3474
来自专栏腾讯移动品质中心TMQ的专栏

Android手机上用户操作模拟方法的研究与实现

一、 问题背景 最近研究了一下Android手机上用户操作的模拟方法, 有一些心得与大家分享下。 之所以去研究Android手机上用户操作的模拟方法,是因为最...

1K6
来自专栏有趣的Python

我看过的最全的 LaTeX 零基础入门安装教程( LaTeX + sublime Text + Sumatra PDF反向搜索 + bib格式文件:参考文献引用(及国标化配置))

LaTeX + sublime Text + Sumatra PDF反向搜索 + bib格式文件文献引用(及国标化配置) 找了一大堆教程没有一个把细节都一篇文...

1.3K10

扫码关注云+社区

领取腾讯云代金券