关灯游戏

方法一:用自定义button类做继承于UIButton

- (void)createView

{

    for (int i = 0; i < 4; i++) {

        for (int j = 0; j < 4; j++) {

            MyButton *button = [[MyButton allocinit];

            button.frame = CGRectMake(j * 60 +50, i * 60 + 1005050);

            [button setBackgroundImage:[UIImage imageNamed:@"b4.png"forState:UIControlStateNormal];

            [button addTarget:self action:@selector(button1Action:) forControlEvents:UIControlEventTouchUpInside];

            button.tag = 100 * (i + 1) + (j + 1);

            [self.view addSubview:button];

            [button release];

        }

    }

方法二:用自定义手势类做,继承于UIImageView

- (void)createView

{

    for (int i = 0; i < 4; i++) {

        for (int j = 0; j < 4; j++) {

            MyimageView *image = [[MyimageView alloc]initWithFrame:CGRectMake(60 * j +50, i *60 + 1005050)];

            image.tag = 100 * (i + 1) + (j + 1);

            [image setImage:[UIImage imageNamed:@"b2.png"]];

            image.userInteractionEnabled = YES;

            [self.view addSubview:image];

            [image release];

          // 创建点击手势

            UITapGestureRecognizer *tap = [[UITapGestureRecognizer allocinitWithTarget:selfaction:@selector(imageAction:)];

                        // 给imageview,所以把它设置属性在.m中写

                [image addGestureRecognizer:tap];

                [tap release];

        }

    }

}


具体实现如下如果是用UIImageView跟这个类似:



- (void)button1Action:(id)sender{//sender:mybutton

   

    MyButton *button = (MyButton *)sender;

    

    NSInteger upTag = button.tag - 100;

    NSInteger leftTag = button.tag + 1;

    NSInteger rightTag = button.tag - 1;

    NSInteger downTag = button.tag +100;

    

    MyButton *upButton = (MyButton *)[self.view viewWithTag:upTag];

    MyButton *leftButton = (MyButton *)[self.view viewWithTag:leftTag];

    MyButton *rightButton = (MyButton *)[self.view viewWithTag:rightTag];

    MyButton *downButton = (MyButton *)[self.view viewWithTag:downTag];

    [self changeImage:button];

    [self changeImage:upButton];

    [self changeImage:downButton];

    [self changeImage:leftButton];

    [self changeImage:rightButton];

}

// 如果有两个代码是一样的只有对象不同,就设置形参

- (void)changeImage:(MyButton *)button

{

    NSLog(@"%ld",button.ButtonState);

    if (button.ButtonState ) {

        [button setImage:[UIImage imageNamed:@"b4.png"forState:UIControlStateNormal];

        button.ButtonState = ButtonStateUp;

    }else{

        [button setImage:[UIImage imageNamed:@"b2.png"forState:UIControlStateNormal];

        button.ButtonState = ButtonStateDown;

    }

}


注意:不论哪个方法,我都用了枚举


typedef NS_ENUM(NSInteger, ButtonState) {

    ButtonStateUp ,

    ButtonStateDown

};

@interface MyButton : UIButton

//@property (nonatomic ,assign) BOOL judge;

@property(nonatomic,assign)NSInteger ButtonState;

@end

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,以下是用uniapp写一个关灯游戏的代码: <template> <view class="container"> <view class="title">关灯游戏</view> <view class="board"> <view class="row" v-for="(row, rowIndex) in board" :key="rowIndex"> <view class="cell" v-for="(cell, cellIndex) in row" :key="cellIndex" :class="{ on: cell }" @click="toggle(rowIndex, cellIndex)"></view> </view> </view> <view class="btn" @click="reset">重新开始</view> </view> </template> <script> export default { data() { return { board: [ [true, true, true, true, true], [true, true, true, true, true], [true, true, true, true, true], [true, true, true, true, true], [true, true, true, true, true] ] } }, methods: { toggle(row, col) { this.board[row][col] = !this.board[row][col] if (row > 0) this.board[row - 1][col] = !this.board[row - 1][col] if (row < 4) this.board[row + 1][col] = !this.board[row + 1][col] if (col > 0) this.board[row][col - 1] = !this.board[row][col - 1] if (col < 4) this.board[row][col + 1] = !this.board[row][col + 1] if (this.checkWin()) { setTimeout(() => { uni.showToast({ title: '你赢了!', icon: 'success' }) }, 500) } }, checkWin() { return this.board.every(row => row.every(cell => !cell)) }, reset() { this.board = [ [true, true, true, true, true], [true, true, true, true, true], [true, true, true, true, true], [true, true, true, true, true], [true, true, true, true, true] ] } } } </script> <style> .container { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; } .title { font-size: 36px; font-weight: bold; margin-bottom: 20px; } .board { display: flex; flex-direction: column; align-items: center; justify-content: center; width: 300px; height: 300px; background-color: #eee; border-radius: 10px; padding: 10px; } .row { display: flex; flex-direction: row; } .cell { width: 50px; height: 50px; background-color: #fff; border: 1px solid #ccc; margin: 5px; border-radius: 5px; } .cell.on { background-color: #333; } .btn { margin-top: 20px; padding: 10px 20px; background-color: #333; color: #fff; border-radius: 5px; cursor: pointer; } </style>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值