UI拓展练习2----关灯游戏
大致思路:1.首先通过循环的方法完成基本布局
2.每一个点都要保证相邻点的状态与它保持一致,(边的位置特殊考虑即可)
//关灯游戏
1 #import "ViewController.h"
2
3 @interface ViewController ()
4
5 @property (nonatomic, strong)UIButton *but;
6 @property (nonatomic, strong)NSString *str;//用来记录灯的当前状态
7
8 @end
9
10 @implementation ViewController
11
12 - (void)viewDidLoad {
13 [super viewDidLoad];
14
15 [self loadButton];//灯布局
16
17
18 }
19
20 //基本布局
21 - (void)loadButton
22 {
23 //设置灯的初始状态为亮的状态
24 _str = [NSString stringWithFormat:@"iconfont-bulb"];
25 //用循环形式实现基本布局
26 NSInteger n = 100;
27 for (int i = 0 ;i < 4 ; i++)
28 for (int y = 0; y < 4; y++)
29 {
30 _but = [UIButton buttonWithType:UIButtonTypeCustom];
31 //设置位置和大小
32 _but.frame = CGRectMake(i*self.view.frame.size.width/4+10, y*self.view.frame.size.width/4+80,self.view.frame.size.width/4-20, 50);
33 //添加
34 [self.view addSubview:_but];
35 //设置背景色
36 [_but setBackgroundImage:[UIImage imageNamed:_str] forState:UIControlStateNormal];
37 //设置按钮addtarget/action事件
38 [_but addTarget:self action:@selector(Click:) forControlEvents:UIControlEventTouchUpInside];//点击事件
39 //设置tag值,区分button
40 [_but setTag:n];
41
42 n++;
43 }
44 }
45
46 //button的按钮点击触发事件
47 - (void)Click:(UIButton *)butt
48 {
49 NSInteger n = butt.tag;
50 NSLog(@"%ld",n);
51 //如果不是亮灯状态
52 if ([_str isEqual:@"iconfont-4-2"] == NO)
53 {
54 //背景色设置成亮灯
55 [butt setBackgroundImage:[UIImage imageNamed:@"iconfont-4-2"] forState:UIControlStateNormal];
56 _str = @"iconfont-4-2";
57 }
58 else //否则设置成关灯状态
59 {
60 NSLog(@"%@",_str);
61 _str = @"iconfont-bulb";
62 [butt setBackgroundImage:[UIImage imageNamed:_str] forState:UIControlStateNormal];
63 }
64
65 //如果为第一行则左右下状态要与其保持一致
66 if(n == 104 || n == 108 || n == 112)
67 {
68 //按钮状态保持一致
69 butt = (UIButton *)[self.view viewWithTag:n + 1];
70
71 [butt setBackgroundImage:[UIImage imageNamed:_str] forState:UIControlStateNormal];
72
73 butt = (UIButton *)[self.view viewWithTag:n + 4];
74
75 [butt setBackgroundImage:[UIImage imageNamed:_str] forState:UIControlStateNormal];
76
77 butt = (UIButton *)[self.view viewWithTag:n - 4];
78
79 [butt setBackgroundImage:[UIImage imageNamed:_str] forState:UIControlStateNormal];
80 }
81
82 //如果为最后一行,左右上要与其状态保持一致
83 else if (n == 103 || n == 107 || n == 111)
84 {
85 //按钮状态保持一致
86 butt = (UIButton *)[self.view viewWithTag:n - 1];
87
88 [butt setBackgroundImage:[UIImage imageNamed:_str] forState:UIControlStateNormal];
89
90 butt = (UIButton *)[self.view viewWithTag:n + 4];
91
92 [butt setBackgroundImage:[UIImage imageNamed:_str] forState:UIControlStateNormal];
93
94 butt = (UIButton *)[self.view viewWithTag:n - 4];
95
96 [butt setBackgroundImage:[UIImage imageNamed:_str] forState:UIControlStateNormal];
97 }
98 //剩余地方则前后左右都与其状态保持一致
99 else
100 {
101 butt = (UIButton *)[self.view viewWithTag:n + 1];
102
103 [butt setBackgroundImage:[UIImage imageNamed:_str] forState:UIControlStateNormal];
104
105 butt = (UIButton *)[self.view viewWithTag:n - 1];
106
107 [butt setBackgroundImage:[UIImage imageNamed:_str] forState:UIControlStateNormal];
108
109 butt = (UIButton *)[self.view viewWithTag:n + 4];
110
111 [butt setBackgroundImage:[UIImage imageNamed:_str] forState:UIControlStateNormal];
112
113 butt = (UIButton *)[self.view viewWithTag:n - 4];
114
115 [butt setBackgroundImage:[UIImage imageNamed:_str] forState:UIControlStateNormal];
116
117 }
118 }
效果图:
