专栏首页技术博客Win8 连连看 第二季(1)

Win8 连连看 第二季(1)

上次的连连看只是初学习的版本,现在在慢慢的优化中……,本次几乎重构。

第一季

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

用户控件UI代码

    <UserControl.Resources>
        <local:BoolVisibilityValueConverter x:Key="boolConverter"></local:BoolVisibilityValueConverter>
        <local:PicTypeImgSrcValueConverter x:Key="picTypeImgSrcConverter"></local:PicTypeImgSrcValueConverter>
        <Storyboard x:Name="sbShan">
            <DoubleAnimation Storyboard.TargetName="transformImg"
                             Storyboard.TargetProperty="ScaleX"
                             From="0.8" To="1.2" AutoReverse="True"
                             Duration="00:00:00.200"
                             RepeatBehavior="forever">
            </DoubleAnimation>
            <DoubleAnimation Storyboard.TargetName="transformImg"
                             Storyboard.TargetProperty="ScaleY"
                             From="0.8" To="1.2" AutoReverse="True"
                             Duration="00:00:00.200"
                             RepeatBehavior="forever">
            </DoubleAnimation>
        </Storyboard>
    </UserControl.Resources>
    <Grid>
        <Image Source="{Binding PicType, Converter={StaticResource picTypeImgSrcConverter }}" Visibility="{Binding IsAlive, Converter={StaticResource boolConverter}}">
            <Image.RenderTransform>
                <ScaleTransform x:Name="transformImg"></ScaleTransform>
            </Image.RenderTransform>
        </Image>
    </Grid>

给图片绑定了两个属性一个PicType即图片路径,通过数据转换进行

    public class PicTypeImgSrcValueConverter:IValueConverter
    {

        //Model到UI的转换
        public object Convert(object value, Type targetType, object parameter, string language)
        {
            int picType = (int)value;
            string fileName = "ms-appx:///Images/" + picType + ".png";
            return new BitmapImage(new Uri(fileName));
        }

        public object ConvertBack(object value, Type targetType, object parameter, string language)
        {
            throw new NotImplementedException();
        }
    }

绑定另外一个属性是图片的Visibility  True和False

        //Model到UI的转换
        public object Convert(object value, Type targetType, object parameter, string language)
        {
            bool b = (bool)value;
            return b ? Visibility.Visible : Visibility.Collapsed;
        }

        public object ConvertBack(object value, Type targetType, object parameter, string language)
        {
            throw new NotImplementedException();
        }

每个图片绑定实体类为

    public class LLKBlock:INotifyPropertyChanged
    {
        private void FirePropertyChanged(string PropertyName)
        {
            if (PropertyChanged != null)
            { 
                PropertyChanged(this,new PropertyChangedEventArgs(PropertyName));
            }
        }

        public event PropertyChangedEventHandler PropertyChanged;

        private int x;
        public int X
        {
            get
            {
                return x;
            }
            set
            {
                x = value;
                FirePropertyChanged("X");
            }
        }

        private int y;
        public int Y
        {
            get
            {
                return y;
            }
            set
            {
                y=value;
                FirePropertyChanged("Y");
            }
        }

        private bool isAlive;
        public bool IsAlive
        {
            get
            {
                return isAlive;
            }
            set
            {
                isAlive=value;
                FirePropertyChanged("IsAlive");
            }
        }

        private int picType;
        public int PicType
        {
            get
            {
                return picType;
            }
            set
            {
                picType=value;
                FirePropertyChanged("PicType");
            }
        }
    }

要继承INotifyPropertyChanged这个接口,实现接口,并定义一个方法向客户端发出某一属性值已更改的通知。

X,Y即绑定10行10列的列和行,相当于坐标化,IsAlive就是绑定到Image是否显示的Visibility,PicType就是将绑定图片路径它为Int类型,那么我们就需要将其进行转换成可以进行绑定的实际图片路径。

    public class PicTypeImgSrcValueConverter:IValueConverter
    {

        //Model到UI的转换
        public object Convert(object value, Type targetType, object parameter, string language)
        {
            int picType = (int)value;
            string fileName = "ms-appx:///Images/" + picType + ".png";
            return new BitmapImage(new Uri(fileName));
        }

        public object ConvertBack(object value, Type targetType, object parameter, string language)
        {
            throw new NotImplementedException();
        }
    }

并对图片的X,Y设置了动画效果。

上面主要是设置好了一个图片的效果。

接下来是进行对图片进行组合成连连看游戏图集。(画10行10列,将每个图片塞到每个表格中。)

                for (int i = 0; i < 10; i++)
                {
                    RowDefinition rowDef = new RowDefinition();
                    gridGameField.RowDefinitions.Add(rowDef);
                }

                for (int i = 0; i < 10; i++)
                {
                    ColumnDefinition colDef = new ColumnDefinition();
                    gridGameField.ColumnDefinitions.Add(colDef);
                }

                for (int i = 0; i < 10; i++)
                {
                    for (int j = 0; j < 10; j++)
                    {
                        LLKImage llkImg = new LLKImage();
                        llkImg.DataContext = map[i, j];
                        llkImg.Tapped+=llkImg_Tapped;
                        gridGameField.Children.Add(llkImg);
                        Grid.SetColumn(llkImg, i);
                        Grid.SetRow(llkImg, j);
                    }
                }

最重要的就是对点击图片是否匹配通过算法进行处理。这里主要是通过判断两个图块之间是否有阻隔物为依据,进行组合。

1.最简单的一次直线相连(一条直线相连):两个点的横坐标或者纵坐标相等(且不是一个坐标点),并且中间没有任何的阻隔物。

public bool IsDirectConnect(LLKBlock b1, LLKBlock b2)
        {
            if (b1.X == b2.X)
            {
                ///不判断b1,b2本身,判断两个格子之间的
                for (int i = Math.Min(b1.Y, b2.Y) + 1; i < Math.Max(b1.Y, b2.Y); i++)
                {
                    if (data[b1.X, i].IsAlive)
                    {
                        return false;
                    }
                }
                return true;
            }
            else if (b1.Y == b2.Y)
            {
                for (int i = Math.Min(b1.X, b2.X) + 1; i < Math.Max(b1.X, b2.X); i++)
                {
                    if (data[i, b1.Y].IsAlive)
                    {
                        return false;
                    }
                }
                return true;
            }
            else
            {
                return false;
            }
        }

每个If返回为True则代表两点之间没有没有阻隔物,或者说两点之间的图标Visibility都会False。 2.两个图案可以一次折线相连(两条直线相连):他们横坐标或者纵坐标都不相等。是通过两个图块点的横纵坐标现相连,形成的矩形,通过矩形的另外两点与这两个图块之间是否有阻隔物,(依据一次直线相连)来判断两个图块通过一次折线是否可以相连。

3.两个图案可以两次折线相连(三条直线相连):……可以参考上面1和2两点扩展一下。

示例代码

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • C#基础知识系列一(goto、i++、三元运算符、ref和out、String和string、重载运算符)

      这两天在网上看到的总结很多,尤其是博客园中的,很多很多,也给了我很多的启发,当然自己也总结过,而且有很多人也给与我一些意见和看法。不管怎样,自己还是先把所谓...

    aehyok
  • 设计模式之十(外观模式)

    外观模式:为子系统中的一组接口提供一个一致的界面,此模式定义了一个高层接口,这个接口使得这一系统更加容易使用.

    aehyok
  • 编写高质量代码改善C#程序的157个建议[为泛型指定初始值、使用委托声明、使用Lambda替代方法和匿名方法]

      泛型并不是C#语言一开始就带有的特性,而是在FCL2.0之后实现的新功能。基于泛型,我们得以将类型参数化,以便更大范围地进行代码复用。同时,它减少了泛型类及...

    aehyok
  • Effective Java(一)

    对于类而言,为了让客户端获取它自身的一个实例,最传统的方法就是提供一个公有的构造器。还有一种方法,也应该在每个程序员的工具箱中占有一席之地。类可以提供一个公有的...

    Remember_Ray
  • hadoop io 源码阅读

    为什么不直接试用int,string而要采用IntWritable和Text呢?这就涉及到了序列化。 序列化

    用户1621453
  • 深度优先算法与最小生成树

    用户1418372
  • 动态代理的两种方式,以及区别(静态代理、JDK与CGLIB动态代理、AOP+IoC) Spring学习总结(二)——静态代理、JDK与CGLIB动态代理、AOP+IoC

    AOP(Aspect Oriented Programming)意为:面向切面编程,通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术。AOP是OO...

    爱撸猫的杰
  • Android 修改viewpage滑动速度的实现代码

    以上所述是小编给大家介绍的Android 修改viewpage滑动速度的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也...

    砸漏
  • 独到的见解,关于分布式事务,我有这些话要说

    这几天看分布式事务相关的知识,网上的信息都是大同小异,但总感觉理解起来比较费劲,不够接地气,所以自己按照自己的理解宏观的总结了一下,因为是纯理论的,没图,看着可...

    Java程序猿阿谷
  • C语言基础 - 输出1-100万之间的素数

    gwk_iOS

扫码关注云+社区

领取腾讯云代金券