1 // 5.1 刪除全部舊答案的button2 [self.answerView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
1 // 6.1 刪除舊選項(xiàng)2 [self.optionsView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
1 // 2 // ViewController.m 3 // CrazyGuessGame 4 // 5 // Created by hellovoidworld on 14/11/26. 6 // Copyright (c) 2014年 hellovoidworld. All rights reserved. 7 // 8 9 #import "ViewController.h" 10 #import "Question.h" 11 12 @interface ViewController () 13 14 @property (weak, nonatomic) IBOutlet UILabel *noLabel; // 序號(hào) 15 @property (weak, nonatomic) IBOutlet UILabel *titleLabel; // 標(biāo)題 16 @property (weak, nonatomic) IBOutlet UIButton *icon; 17 @property (weak, nonatomic) IBOutlet UIButton *nextImageButton; 18 @property (weak, nonatomic) IBOutlet UIView *answerView; 19 @property (weak, nonatomic) IBOutlet UIView *optionsView; 20 @property (weak, nonatomic) IBOutlet UIButton *scoreButton; 21 22 - (IBAction)onTipsButtonClicked; 23 - (IBAction)onHelpButtonClicked; 24 - (IBAction)onEnlargeImgButtonClicked; 25 - (IBAction)onNextImgButtonClicked; 26 - (IBAction)onImageClicked; 27 28 /** 所有題目 */ 29 @property(nonatomic, strong) NSArray *questions; 30 31 /** 當(dāng)前題目序號(hào) */ 32 @property(nonatomic, assign) int index; 33 34 /** 遮蓋陰影 */ 35 @property(nonatomic, weak) UIButton *cover; 36 37 /** 原始圖片位置、尺寸 */ 38 @property(nonatomic, assign) CGRect imageOriginalFrame; 39 40 /** 答案是否已經(jīng)填滿標(biāo)識(shí) */ 41 @property(nonatomic, assign) BOOL isAnswerCompleted; 42 43 /** 得分 */ 44 @property(nonatomic, assign) int score; 45 46 @end 47 48 @implementation ViewController 49 50 - (void)viewDidLoad { 51 [super viewDidLoad]; 52 // Do any additional setup after loading the view, typically from a nib. 53 54 //存儲(chǔ)原始圖片的位置、尺寸信息 55 self.imageOriginalFrame = self.icon.frame; 56 57 self.index = -1; 58 [self onNextImgButtonClicked]; // 初次加載，index是0 59 } 60 61 - (void)didReceiveMemoryWarning { 62 [super didReceiveMemoryWarning]; 63 // Dispose of any resources that can be recreated. 64 } 65 66 // 改寫getter, 延遲加載，此處不要使用self.questions來取得questions，否則陷入死循環(huán) 67 - (NSArray *)questions { 68 if (nil == _questions) { 69 // 1.加載plist數(shù)據(jù) 70 NSArray *questionDictArray = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"questions" ofType:@"plist"]]; 71 72 NSMutableArray *questionsArray = [NSMutableArray array]; 73 for (NSDictionary *questionDict in questionDictArray) { 74 // 2.將數(shù)據(jù)封裝到Model "Question" 75 Question *question = [Question initWithDictionary:questionDict]; 76 [questionsArray addObject:question]; 77 } 78 79 // 3.賦值 80 _questions = questionsArray; 81 } 82 83 return _questions; 84 } 85 86 // 設(shè)置狀態(tài)欄是否隱藏 87 - (BOOL)prefersStatusBarHidden { 88 return NO; 89 } 90 91 92 // 設(shè)置狀態(tài)欄 93 - (UIStatusBarStyle)preferredStatusBarStyle { 94 // 設(shè)置狀態(tài)欄字體為白色 95 return UIStatusBarStyleLightContent; 96 } 97 98 99 // 點(diǎn)擊“提示”按鈕100 - (IBAction)onTipsButtonClicked {101 // 1.清除現(xiàn)有的答案102 for (UIButton *currentAnswerButton in self.answerView.subviews) {103 [self onAnswerClicked:currentAnswerButton];104 }105 106 // 2.取出正確答案片段107 Question *question = self.questions[self.index];108 NSString *partOfCorrectAnswer = [question.answer substringToIndex:1];109 110 // 3.填充到答案區(qū)111 for (UIButton *optionButton in self.optionsView.subviews) {112 if ([partOfCorrectAnswer isEqualToString:optionButton.currentTitle]) {113 [self onOptionClicked:optionButton];114 }115 }116 117 // 5.扣取相應(yīng)分?jǐn)?shù)118 [self calScore:-500];119 }120 121 // 點(diǎn)擊“幫助”按鈕122 - (IBAction)onHelpButtonClicked {123 }124 125 // 點(diǎn)擊“大圖”按鈕126 - (IBAction)onEnlargeImgButtonClicked {127 // 1.1添加陰影128 UIButton *cover = [[UIButton alloc] init];129 cover.frame = self.view.bounds;130 cover.backgroundColor = [UIColor blackColor];131 cover.alpha = 0;132 133 // 1.2給陰影添加變回小圖的觸發(fā)事件134 [cover addTarget:self action:@selector(smallImg) forControlEvents:UIControlEventTouchUpInside];135 136 self.cover = cover;137 [self.view addSubview:cover];138 139 // 2.更換陰影和圖片的位置140 [self.view bringSubviewToFront:self.icon];141 142 // 3.更改圖像大小，顯示陰影143 [UIView animateWithDuration:1 animations:^{144 cover.alpha = 0.7;145 146 CGFloat iconWidth = self.view.frame.size.width;147 CGFloat iconHeight = iconWidth;148 CGFloat iconX = 0;149 CGFloat iconY = (self.view.frame.size.height / 2) - (iconHeight / 2);150 self.icon.frame = CGRectMake(iconX, iconY, iconWidth, iconHeight);151 }];152 }153 154 /** 縮小圖片 */155 - (void) smallImg {156 [UIView animateWithDuration:1 animations:^{157 // 1.刪除陰影158 self.cover.alpha = 0;159 160 // 2.恢復(fù)圖片161 self.icon.frame = self.imageOriginalFrame;162 163 } completion:^(BOOL finished) {164 // 動(dòng)畫執(zhí)行完成后165 166 [self.cover removeFromSuperview];167 self.cover = nil;168 }];169 170 }171 172 // 點(diǎn)擊“下一題”按鈕173 - (IBAction)onNextImgButtonClicked {174 self.index++;175 176 // 1.取出相應(yīng)地Model數(shù)據(jù)177 Question *question = self.questions[self.index];178 179 // 2.設(shè)置控件180 [self setControls:question];181 182 // 3.設(shè)置答案183 [self addAnswer:question];184 185 // 4.設(shè)置選項(xiàng)186 [self addOptions:question];187 188 189 }190 191 /** 設(shè)置控件 */192 - (void) setControls:(Question *) question {193 // 1.答案是否已經(jīng)填滿194 self.isAnswerCompleted = NO;195 196 // 2.得分197 [self.scoreButton setTitle:[NSString stringWithFormat:@"%d", self.score] forState:UIControlStateNormal];198 199 // 2.設(shè)置序號(hào)200 self.noLabel.text = [NSString stringWithFormat:@"%d/%d", self.index + 1, self.questions.count];201 202 // 3.設(shè)置標(biāo)題203 self.titleLabel.text = question.title;204 205 // 4.設(shè)置圖片206 [self.icon setImage:[UIImage imageNamed:question.icon] forState:UIControlStateNormal];207 208 // 5.設(shè)置“下一題”按鈕209 self.nextImageButton.enabled = (self.index + 1) != self.questions.count;210 }211 212 /** 加入答案區(qū) */213 - (void) addAnswer:(Question *) question {214 // 5.1 刪除全部舊答案的button215 [self.answerView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];216 217 // 5.1 加入新答案218 int answerCount = question.answer.length; // 答案字?jǐn)?shù)219 220 // 初始化尺寸信息221 CGFloat answerWidth = 35;222 CGFloat answerHeight = self.answerView.frame.size.height;223 CGFloat answerMargin = 10;224 CGFloat answerMarginLeft = (self.answerView.frame.size.width - answerWidth * answerCount - answerMargin * (answerCount - 1) ) / 2;225 226 for (int i=0; i<question.answer.length; i++) {227 // 計(jì)算位置228 CGFloat answerX = answerMarginLeft + i * (answerWidth + answerMargin);229 CGFloat answerY = 0;230 231 UIButton *answerButton = [[UIButton alloc] initWithFrame:CGRectMake(answerX, answerY, answerWidth, answerHeight)];232 233 // 設(shè)置背景234 [answerButton setBackgroundImage:[UIImage imageNamed:@"btn_answer"] forState: UIControlStateNormal];235 [answerButton setBackgroundImage:[UIImage imageNamed:@"btn_answer_highlighted"] forState: UIControlStateHighlighted];236 237 // 設(shè)置按鈕點(diǎn)擊事件，讓按鈕文字消失，相應(yīng)的選項(xiàng)恢復(fù)238 [answerButton addTarget:self action:@selector(onAnswerClicked:) forControlEvents:UIControlEventTouchUpInside];239 240 [self.answerView addSubview:answerButton];241 }242 243 [self.view addSubview:self.answerView];244 }245 246 /**247 設(shè)置按鈕點(diǎn)擊事件，讓按鈕文字消失，相應(yīng)的選項(xiàng)恢復(fù)248 */249 - (void) onAnswerClicked:(UIButton *) answerButton {250 // 1.設(shè)置答案標(biāo)識(shí)251 self.isAnswerCompleted = NO;252 253 // 2.恢復(fù)相應(yīng)的選項(xiàng)254 NSString *answerTitle = [answerButton titleForState:UIControlStateNormal];255 for (UIButton *optionButton in self.optionsView.subviews) {256 if ([answerTitle isEqualToString:[optionButton titleForState:UIControlStateNormal]]257 && optionButton.isHidden) {258 optionButton.hidden = NO;259 break;260 }261 }262 263 // 3.清除按鈕上的文字264 [answerButton setTitle:nil forState:UIControlStateNormal];265 266 // 4.恢復(fù)答案文字顏色267 for (UIButton *answerButton in self.answerView.subviews) {268 [answerButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];269 }270 }271 272 /** 加入選項(xiàng)區(qū) */273 - (void) addOptions:(Question *) question {274 // 6.1 刪除舊選項(xiàng)275 [self.optionsView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];276 277 // 6.2 加入新選項(xiàng)278 int optionsCount = question.options.count;279 CGFloat optionWidth = 35;280 CGFloat optionHeight = 35;281 int columnCount = 7;282 CGFloat optionMargin = 10;283 CGFloat optionMarginLeft = (self.optionsView.frame.size.width - optionWidth * columnCount - optionMargin * (columnCount - 1)) / 2;284 285 for (int i=0; i<optionsCount; i++) {286 int rowNo = i / columnCount; // 當(dāng)前行號(hào)，從0開始287 int columnNo = i % columnCount; // 當(dāng)前列號(hào)，從0開始288 CGFloat optionX = optionMarginLeft + columnNo * (optionWidth + optionMargin);289 CGFloat optionY = rowNo * (optionHeight + optionMargin);290 291 UIButton *optionButton = [[UIButton alloc] initWithFrame:CGRectMake(optionX, optionY, optionWidth, optionHeight)];292 293 [optionButton setBackgroundImage:[UIImage imageNamed:@"btn_option"] forState:UIControlStateNormal];294 [optionButton setBackgroundImage:[UIImage imageNamed:@"btn_option_highlighted"] forState:UIControlStateHighlighted];295 296 [optionButton setTitle:question.options[i] forState:UIControlStateNormal];297 298 [optionButton addTarget:self action:@selector(onOptionClicked:) forControlEvents:UIControlEventTouchUpInside];299 300 [self.optionsView addSubview:optionButton];301 }302 303 [self.view addSubview:self.optionsView];304 }305 306 // 使點(diǎn)擊到的選項(xiàng)消失 307 - (void) onOptionClicked:(UIButton *) optionButton {308 // 1.如果答案尚未填滿，使選中的選項(xiàng)消失309 if (self.isAnswerCompleted) {310 return;311 }312 313 optionButton.hidden = YES;314 315 // 2.使消失的文字出現(xiàn)在答案區(qū)上，判斷是否已經(jīng)完成316 NSString *optionTitle = [optionButton titleForState:UIControlStateNormal];317 318 // 遍歷答案按鈕319 for (int i=0; i<self.answerView.subviews.count; i++) {320 // 已經(jīng)遍歷到了最后一個(gè)答案按鈕，證明已經(jīng)完成了所有答案321 if (i == self.answerView.subviews.count - 1) {322 self.isAnswerCompleted = YES;323 }324 325 UIButton *answerButton = self.answerView.subviews[i];326 NSString *answerTitle = [answerButton titleForState:UIControlStateNormal];327 328 // 如果該答案按鈕上沒有文字，則是空，填入文字329 if (answerTitle.length == 0) {330 // 按鈕默認(rèn)的字體顏色是白色， 手動(dòng)設(shè)為黑色331 [answerButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];332 [answerButton setTitle:optionTitle forState:UIControlStateNormal];333 334 break;335 }336 }337 338 [self dealWithAnswer];339 }340 341 /** 處理答案 */342 - (void) dealWithAnswer {343 if (self.isAnswerCompleted) {344 Question *question = self.questions[self.index];345 NSMutableString *answerStr = [NSMutableString string];346 347 // 拼接已經(jīng)完成的答案348 for (UIButton *completedAnswerButton in self.answerView.subviews) {349 [answerStr appendString:[completedAnswerButton titleForState:UIControlStateNormal]];350 }351 352 // 如果答對(duì)了353 if ([answerStr isEqualToString:question.answer]) {354 // 答案字體轉(zhuǎn)換稱為藍(lán)色355 for (UIButton *correctAnswerButton in self.answerView.subviews) {356 [correctAnswerButton setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];357 }358 359 // 延遲指定時(shí)間后跳入下一題360 [self performSelector:@selector(onNextImgButtonClicked) withObject:nil afterDelay:0.5];361 362 // 加分363 [self calScore:1000];364 }365 else {366 for (UIButton *correctAnswerButton in self.answerView.subviews) {367 // 答案字體轉(zhuǎn)換稱為紅色368 [correctAnswerButton setTitleColor:[UIColor redColor] forState:UIControlStateNormal];369 }370 }371 }372 }373 374 /** 原圖狀態(tài)點(diǎn)擊放大，大圖狀態(tài)點(diǎn)擊恢復(fù)原狀 */375 - (IBAction)onImageClicked {376 // 使用遮蓋是否存在判斷圖片狀態(tài)377 378 // 1.遮蓋不存在，放大圖片379 if (nil == self.cover) {380 [self onEnlargeImgButtonClicked];381 }382 else {383 // 2.遮蓋存在，恢復(fù)圖片384 [self smallImg];385 }386 }387 388 /** 計(jì)算分?jǐn)?shù) */389 - (void) calScore:(int) score {390 self.score += score;391 [self.scoreButton setTitle:[NSString stringWithFormat:@"%d", self.score] forState:UIControlStateNormal];392 }393 394 @end
1 // 2 // Question.h 3 // CrazyGuessGame 4 // 5 // Created by hellovoidworld on 14/11/26. 6 // Copyright (c) 2014年 hellovoidworld. All rights reserved. 7 // 8 9 #import <Foundation/Foundation.h>10 11 @interface Question : NSObject12 13 @property(nonatomic, copy) NSString *answer;14 @property(nonatomic, copy) NSString *title;15 @property(nonatomic, copy) NSString *icon;16 @property(nonatomic, strong) NSArray *options;17 18 - (instancetype) initWithDictionary:(NSDictionary *) dictionary;19 + (instancetype) initWithDictionary:(NSDictionary *) dictionary;20 21 @end
1 // 2 // Question.m 3 // CrazyGuessGame 4 // 5 // Created by hellovoidworld on 14/11/26. 6 // Copyright (c) 2014年 hellovoidworld. All rights reserved. 7 // 8 9 #import "Question.h"10 11 @implementation Question12 13 - (instancetype) initWithDictionary:(NSDictionary *) dictionary {14 if (self = [super init]) {15 self.title = dictionary[@"title"];16 self.icon = dictionary[@"icon"];17 self.answer = dictionary[@"answer"];18 self.options = dictionary[@"options"];19 }20 21 return self;22 }23 24 + (instancetype) initWithDictionary:(NSDictionary *) dictionary {25 return [[self alloc] initWithDictionary:dictionary];26 }27 28 @end
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
