猜图游戏

@interface MJQuestion : NSObject
/**
*  答案
*/
@property (nonatomic, copy) NSString *answer;
/**
*  标题
*/
@property (nonatomic, copy) NSString *title;
/**
*  图标
*/
@property (nonatomic, copy) NSString *icon;
/**
*  待选项
*/
@property (nonatomic, strong) NSArray *options;

- (instancetype)initWithDict:(NSDictionary *)dict;
+ (instancetype)questionWithDict:(NSDictionary *)dict;
@end

@implementation MJQuestion
- (instancetype)initWithDict:(NSDictionary *)dict
{
if (self = [super init]) {
self.icon = dict[@"icon"];
self.title = dict[@"title"];
self.answer = dict[@"answer"];
self.options = dict[@"options"];
}
return self;
}

+ (instancetype)questionWithDict:(NSDictionary *)dict
{
return [[self alloc] initWithDict:dict];
}
@end

// iPhone上显示程序的图标
// AppStore上显示程序的图标
// Spotlight上显示程序的图标

#import "MJViewController.h"
#import "MJQuestion.h"

@interface MJViewController ()
- (IBAction)tip;
- (IBAction)bigImg;
- (IBAction)help;
- (IBAction)nextQuestion;
- (IBAction)iconClick;
@property (weak, nonatomic) IBOutlet UIButton *scoreBtn;

/** 存放正确答案按钮的view */
@property (weak, nonatomic) IBOutlet UIView *answerView;
@property (weak, nonatomic) IBOutlet UIView *optionView;

/** 序号 */
@property (weak, nonatomic) IBOutlet UILabel *noLabel;
/** 标题 */
@property (weak, nonatomic) IBOutlet UILabel *titleLabel;
/** 头像(图标) */
@property (weak, nonatomic) IBOutlet UIButton *iconBtn;
/** 下一题按钮 */
@property (weak, nonatomic) IBOutlet UIButton *nextQuestionBtn;

/** 遮盖 */
@property (nonatomic, weak) UIButton *cover;

/** 所有的题目 */
@property (nonatomic, strong) NSArray *questions;

/** 当前是第几题(当前题目的序号) */
@property (nonatomic, assign) int index;
@end

@implementation MJViewController

- (void)viewDidLoad
{
[super viewDidLoad];

// 默认显示index=0对应的题目
self.index = -1;
[self nextQuestion];
}

- (NSArray *)questions
{
if (_questions == nil) {
// 1.加载plist
NSArray *dictArray = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"questions" ofType:@"plist"]];

// 2.字典转模型
NSMutableArray *questionArray = [NSMutableArray array];
for (NSDictionary *dict in dictArray) {
MJQuestion *question = [MJQuestion questionWithDict:dict];
[questionArray addObject:question];
}

// 3.赋值
_questions = questionArray;
}
return _questions;
}

/**
*  添加分数
*
*  @param deltaScore 需要添加多少分
*/
- (void)addScore:(int)deltaScore
{
int score = [self.scoreBtn titleForState:UIControlStateNormal].intValue;
score += deltaScore;
[self.scoreBtn setTitle:[NSString stringWithFormat:@"%d", score] forState:UIControlStateNormal];
}

/**
*  提示
*/
- (IBAction)tip {
// 1.点击所有的答案按钮
for (UIButton *answerBtn in self.answerView.subviews) {
[self answerClick:answerBtn];
}

// 2.取出答案
MJQuestion *question = self.questions[self.index];
// 答案的第一个文字
NSString *firstAnswer = [question.answer substringToIndex:1];
for (UIButton *optionBtn in self.optionView.subviews) {
if ([optionBtn.currentTitle isEqualToString:firstAnswer]) {
[self optionClick:optionBtn];
break;
}
}

// 3.扣分
[self addScore:-1000];
}

/**
*  控制状态栏的样式
*/
- (UIStatusBarStyle)preferredStatusBarStyle
{
// 白色
return UIStatusBarStyleLightContent;
}

/**
*  下一题
*/
- (IBAction)nextQuestion {
// 1.增加索引
self.index++;

// 2.取出模型
MJQuestion *question = self.questions[self.index];

// 3.设置控件的数据
[self settingData:question];

// 4.添加正确答案
[self addAnswerBtn:question];

// 5.添加待选项
[self addOptionBtn:question];
}

/**
*  设置控件的数据
*/
- (void)settingData:(MJQuestion *)question
{
// 3.1.设置序号
self.noLabel.text = [NSString stringWithFormat:@"%d/%d", self.index + 1, self.questions.count];

// 3.2.设置标题
self.titleLabel.text = question.title;

// 3.3.设置图片
[self.iconBtn setImage:[UIImage imageNamed:question.icon] forState:UIControlStateNormal];

// 3.4.设置下一题按钮的状态
self.nextQuestionBtn.enabled = self.index != (self.questions.count - 1);
}

/**
*  添加待选项
*/
- (void)addOptionBtn:(MJQuestion *)question
{
// 6.1.删掉之前的所有按钮
[self.optionView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
//    for (UIView *subview in self.optionView.subviews) {
//        [subview removeFromSuperview];
//    }

// 6.2.添加新的待选按钮
int count = question.options.count;
for (int i = 0; i<count; i++) {
// 6.2.1.创建按钮
UIButton *optionBtn = [[UIButton alloc] init];

// 6.2.2.设置背景
[optionBtn setBackgroundImage:[UIImage imageNamed:@"btn_option"] forState:UIControlStateNormal];
[optionBtn setBackgroundImage:[UIImage imageNamed:@"btn_option_highlighted"] forState:UIControlStateHighlighted];

// 6.2.3.设置frame
// 按钮尺寸
CGFloat optionW = 35;
CGFloat optionH = 35;
// 按钮之间的间距
CGFloat margin = 10;
// 控制器view的宽度
CGFloat viewW = self.view.frame.size.width;
// 总列数
int totalColumns = 7;
// 最左边的间距 = 0.5 * (控制器view的宽度 - 总列数 * 按钮宽度 - (总列数 - 1) * 按钮之间的间距)
CGFloat leftMargin = (viewW - totalColumns * optionW - margin * (totalColumns - 1)) * 0.5;
int col = i % totalColumns;
// 按钮的x = 最左边的间距 + 列号 * (按钮宽度 + 按钮之间的间距)
CGFloat optionX = leftMargin + col * (optionW + margin);
int row = i / totalColumns;
// 按钮的y = 行号 * (按钮高度 + 按钮之间的间距)
CGFloat optionY = row * (optionH + margin);
optionBtn.frame = CGRectMake(optionX, optionY, optionW, optionH);

// 6.2.4.设置文字
[optionBtn setTitle:question.options[i] forState:UIControlStateNormal];
[optionBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

// 6.2.5.添加
[self.optionView addSubview:optionBtn];

// 6.2.6.监听点击
[optionBtn addTarget:self action:@selector(optionClick:) forControlEvents:UIControlEventTouchUpInside];
}
}

/**
*  监听待选按钮的点击
*/
- (void)optionClick:(UIButton *)optionBtn
{
// 1.让被点击的待选按钮消失
optionBtn.hidden = YES;

// 2.显示文字到正确答案上
for (UIButton *answerBtn in self.answerView.subviews) {
// 判断按钮是否有文字
NSString *answerTitle = [answerBtn titleForState:UIControlStateNormal];

if (answerTitle.length == 0) { // 没有文字
// 设置答案按钮的 文字 为 被点击待选按钮的文字
NSString *optionTitle = [optionBtn titleForState:UIControlStateNormal];
[answerBtn setTitle:optionTitle forState:UIControlStateNormal];
break; // 停止遍历
}
}

// 3.检测答案是否填满
BOOL full = YES;
NSMutableString *tempAnswerTitle = [NSMutableString string];
for (UIButton *answerBtn in self.answerView.subviews) {
// 判断按钮是否有文字
NSString *answerTitle = [answerBtn titleForState:UIControlStateNormal];

if (answerTitle.length == 0) { // 没有文字(按钮没有填满)
full = NO;
}

// 拼接按钮文字
if(answerTitle) {
[tempAnswerTitle appendString:answerTitle];
}
}

// 4.答案满了
if (full) {
MJQuestion *question = self.questions[self.index];

if ([tempAnswerTitle isEqualToString:question.answer]) { // 答对了(文字显示蓝色)
for (UIButton *answerBtn in self.answerView.subviews) {
[answerBtn setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
}

// 加分
[self addScore:800];

// 0.5秒后跳到下一题
[self performSelector:@selector(nextQuestion) withObject:nil afterDelay:0.5];
} else { // 答错了(文字显示红色)
for (UIButton *answerBtn in self.answerView.subviews) {
[answerBtn setTitleColor:[UIColor redColor] forState:UIControlStateNormal];
}
}
}
}

/**
*  添加正确答案
*/
- (void)addAnswerBtn:(MJQuestion *)question
{
// 5.1.删除之前的所有按钮
// 让数组中的所有对象都执行removeFromSuperview方法
[self.answerView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
//    for (UIView *subview in self.answerView.subviews) {
//        [subview removeFromSuperview];
//    }

// 5.2.添加新的答案按钮
int length = question.answer.length;
for (int i = 0; i<length; i++) {
// 5.2.1.创建按钮
UIButton *answerBtn = [[UIButton alloc] init];
[answerBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

// 5.2.2.设置背景
[answerBtn setBackgroundImage:[UIImage imageNamed:@"btn_answer"] forState:UIControlStateNormal];
[answerBtn setBackgroundImage:[UIImage imageNamed:@"btn_answer_highlighted"] forState:UIControlStateHighlighted];

// 5.2.3.设置frame
CGFloat viewW = self.view.frame.size.width;
// 按钮之间的间距
CGFloat margin = 10;
// 按钮的尺寸
CGFloat answerW = 35;
CGFloat answerH = 35;
// 最左边的间距 = 0.5 * (控制器view的宽度 - 按钮个数 * 按钮宽度 - (按钮个数 - 1) * 按钮之间的间距)
CGFloat leftMargin = (viewW - length * answerW - margin * (length - 1)) * 0.5;
// 按钮的x = 最左边的间距 + i * (按钮宽度 + 按钮之间的间距)
CGFloat answerX = leftMargin + i * (answerW + margin);
answerBtn.frame = CGRectMake(answerX, 0, answerW, answerH);

// 5.2.4.添加
[self.answerView addSubview:answerBtn];

// 5.2.5.监听点击
[answerBtn addTarget:self action:@selector(answerClick:) forControlEvents:UIControlEventTouchUpInside];
}
}

/**
*  监听答案按钮的点击
*/
- (void)answerClick:(UIButton *)answerBtn
{
// 1.让答案按钮文字对应的待选按钮显示出来(hidden = NO)
for (UIButton *optionBtn in self.optionView.subviews) {
if ([optionBtn.currentTitle isEqualToString:answerBtn.currentTitle]

&& optionBtn.hidden == YES) { // 发现跟答案按钮相同文字的待选按钮

optionBtn.hidden = NO;
break;
}
}

// 2.让被点击答案按钮的文字消失(去除文字)
[answerBtn setTitle:nil forState:UIControlStateNormal];

// 3.让所有的答案按钮变为黑色
for (UIButton *answerBtn in self.answerView.subviews) {
[answerBtn setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
}
}

/**
*  点击头像
*/
- (IBAction)iconClick {
if (self.cover == nil) { // 没有遮盖,要放大
[self bigImg];
} else { // 有遮盖,要缩小
[self smallImg];
}
}

/**
*  大图
*/
- (IBAction)bigImg {
// 1.添加阴影
UIButton *cover = [[UIButton alloc] init];
cover.frame = self.view.bounds;
cover.backgroundColor = [UIColor blackColor];
cover.alpha = 0.0;
[cover addTarget:self action:@selector(smallImg) forControlEvents:UIControlEventTouchUpInside];
[self.view addSubview:cover];
self.cover = cover;

// 2.更换阴影和头像的位置
[self.view bringSubviewToFront:self.iconBtn];

// 3.执行动画
[UIView animateWithDuration:0.25 animations:^{
// 3.1.阴影慢慢显示出来
cover.alpha = 0.7;

// 3.2.头像慢慢变大,慢慢移动到屏幕的中间
CGFloat iconW = self.view.frame.size.width;
CGFloat iconH = iconW;
CGFloat iconY = (self.view.frame.size.height - iconH) * 0.5;
self.iconBtn.frame = CGRectMake(0, iconY, iconW, iconH);
}];
}

/**
*  小图
*/
- (void)smallImg
{
// 执行动画
[UIView animateWithDuration:0.25 animations:^{
// 存放需要执行动画的代码

// 1.头像慢慢变为原来的位置和尺寸
self.iconBtn.frame = CGRectMake(85, 80, 150, 150);

// 2.阴影慢慢消失
self.cover.alpha = 0.0;
} completion:^(BOOL finished) {
// 动画执行完毕后会自动调用这个block内部的代码

// 3.动画执行完毕后,移除遮盖(从内存中移除)
[self.cover removeFromSuperview];
self.cover = nil;
}];
}

/**
*  帮助
*/
- (IBAction)help {

}
@end