iOS之拼图小游戏

原创 2015年11月21日 15:06:12

首先找到这8张图片,还需要一张空白的图片,自己随便剪一张吧。
用于拼图的图片

定义三个属性:button可变数组,图片可变数组,正确顺序的图片数组。

@property(retain, nonatomic)NSMutableArray *buttonArray;
@property(retain, nonatomic)NSMutableArray *a;
@property(retain, nonatomic)NSArray        *aa;

铺好拼图界面

//图片数组a,用来储存每个图片名称,并且用于后来的打乱
self.a = [NSMutableArray arrayWithObjects:@"1.jpg",@"2.jpg",@"3.jpg",@"4.jpg",@"5.jpg",@"6.jpg",@"7.jpg",@"8.jpg",@"9.jpg", nil];
//备份一个正确顺序的图片数组,用于判断游戏是否过关
self.aa = [NSArray arrayWithArray:self.a];
//重新开始按钮
UIButton *star = [[UIButton alloc] initWithFrame:CGRectMake(120, 400, 100, 40)];
[star setTitle:@"重新开始" forState:UIControlStateNormal];
[star setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
star.layer.cornerRadius = 6.6f;
star.layer.backgroundColor = [[UIColor colorWithRed:0.922 green:0.925 blue:0.929 alpha:1]CGColor];
//添加点击事件
[star addTarget:self action:@selector(kaishi) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:star];
[star release];

//铺出9个button
    self.buttonArray = [NSMutableArray array];
    NSInteger count = 0;
    NSInteger wight = 351 / 3;
    NSInteger higth = 351 / 3;
    for (int i = 0; i < 3; i++) {
        for (int j = 0; j < 3; j++) {
            UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake(j * (wight+2) + 10, i * (higth + 2) + 20, wight, higth)];
            button.backgroundColor = [UIColor blackColor];
            //给每个button上图片
            [button setImage:[UIImage imageNamed:self.a[count]] forState:UIControlStateNormal];
            [self.view addSubview:button];
            //给每个button添加点击事件
            [button addTarget:self action:@selector(change:) forControlEvents:UIControlEventTouchUpInside];
            //把button放入数组
            [self.buttonArray addObject:button];
            button.tag = count;
            [button release];
            count++;
        }
    }

实现button的点击事件

- (void)change:(UIButton *)sender{
    NSInteger flag = 0;
    int p = 0;
    //“9.jpg”是空白的那个,打乱后,得在图片数组里找到所在下标,用flag存在来
    for (NSInteger i = 0; i < 9; i++) {
        if ([self.a[i] isEqualToString:@"9.jpg"]) {
            flag = i;
        }
    }

    //如果所点击的button的上下左右其中有一个是空白图片的话,就跟空白图片交换在图片数组的位置
    if (sender.tag - flag == 3 || sender.tag - flag == -3 || sender.tag - flag == 1 || sender.tag - flag == -1) {
        [self.a exchangeObjectAtIndex:flag withObjectAtIndex:sender.tag];
    }
    //重新给每个button上图片
    for (int i = 0; i < 9; i++) {
        [self.buttonArray[i] setImage:[UIImage imageNamed:self.a[i]] forState:UIControlStateNormal];
    }

    //判断是否拼图成功,每对应了一张图片p就加一,如果p最后等于9说明游戏通关
    for (int i = 0; i < 9 ; i++) {
        if ([self.a[i] isEqualToString:self.aa[i]]) {
            p++;
        }else{
            break;
        }
    }
    if (p == 9) {
        NSLog(@"%d",p);
        UIAlertView *a = [[UIAlertView alloc] initWithTitle:@"恭喜!" message:@"已通关" delegate:self cancelButtonTitle:@"确定" otherButtonTitles:nil];
        [a show];
        [a release];
    }
}

打乱所有图片

- (void)kaishi{
//产生0到8两个随机数,通过下标交换图片数组中的两张图片
    for (int i = 0; i < 10; i++) {
        [self.a exchangeObjectAtIndex:(arc4random() % 9)
                    withObjectAtIndex:(arc4random() % 9)];
    }
    //给每个button上图片
    for (int i = 0; i < 9; i++) {
        [self.buttonArray[i] setImage:[UIImage imageNamed:self.a[i]] forState:UIControlStateNormal];
    }
}

。。。
完成

相关文章推荐

iOS简单的拼图小游戏

  • 2015年12月19日 22:45
  • 22KB
  • 下载

iOS 拼图小游戏

  • 2014年07月14日 18:02
  • 11.33MB
  • 下载

c#拼图小游戏

最近两天写了个c#的拼图小游戏,支持用户用自己的图片,以下是代码 新手所以比较简陋,美化的相关还没学,以下是源代码,新手可以看一下 顺带学了下打包成安装包.msi 和setup.exe虽然中间也遇...

【来自oschina】c++基础编程 拼图小游戏

4*4拼图小游戏 没有随机排序,开局只有一种情况。 #include #include using namespace std; int Find(int com,int size,int z...

Android-拼图小游戏

目标效果:   1.activity_main.xml页面:

90年代经典“手游”—拼图板小游戏Opencv实现

80后可能还对儿时玩过的一种经典木质的拼图板游戏记忆犹新,一般是一种4*4或5*5规格的手持活动板,通过挪动每个小板子的位置,拼出来板子上完整的图像,那时候还没有网吧,手机也还是大哥大的天下,所以这也...
  • dcrmg
  • dcrmg
  • 2016年07月29日 22:16
  • 1562

vue.js编写蓝色拼图小游戏

之前在网上看到《蓝色拼图》这款小游戏,作者是用jquery写的。于是便考虑能不能用vue.js优雅简单的编写出来呢? Later equals never!说干就干。...

Android案例(1)——美女拼图小游戏

视频地址: Android美女拼图小游戏 实现功能: (1)多个难度 第一关3*3。 (2)倒计时 (3)图片切分 (4)图片位置变换 第一步: 在src下创建工具包c...

纯js写的一个美女拼图小游戏,

纯js写的一个拼图游戏,预览地址请点这里:拼图游戏,支持自定义难度(行与列的值)、以及自定久图片。 行与列值越大难度越大,最小值为3,最大值你看着办吧 url: 行: ...

Android—拼图小游戏

拼图小游戏icon: 选择界面: 两个难度界面: 成功界面: 然后 这个是跟着视频教程写的 也是第一次写关于图片分割和动画的这些 大概步骤是:1.初始化游戏主界面和方块 2...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS之拼图小游戏
举报原因:
原因补充:

(最多只允许输入30个字)