IOS UI开发基础之超级猜图完整版本-08

于 2021-02-01 22:39:38 发布
阅读量150 收藏
点赞数
分类专栏： IOS
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/A1521315qwss/article/details/113531407
版权

IOS UI开发基础之超级猜图完整版本-08

在这里插入图片描述

在这里插入图片描述

//
//  ViewController.m
//  09-超级猜图
//
//  Created by 鲁军 on 2021/1/31.
//

#import "ViewController.h"
#import "CZQuestion.h"

@interface ViewController ()
- (IBAction)btnIconClick:(id)sender;

@property(nonatomic,assign)CGRect iconFrame;

@property(nonatomic,strong)NSArray *questions;

@property(nonatomic,assign)int index;

@property (weak, nonatomic) IBOutlet UILabel *lblIndex;

@property (weak, nonatomic) IBOutlet UIButton *btnScore;
@property (weak, nonatomic) IBOutlet UILabel *lblTitle;
@property (weak, nonatomic) IBOutlet UIButton *btnIcon;
@property (weak, nonatomic) IBOutlet UIButton *btnNext;
@property (weak, nonatomic) UIButton *cover;

@property (weak, nonatomic) IBOutlet UIView *answerView;
@property (weak, nonatomic) IBOutlet UIView *optionsView;


- (IBAction)btnTipClick;



- (IBAction)btnNextClick;


- (IBAction)bigImage:(id)sender;




@end

@implementation ViewController

- (NSArray *)questions{
    
    if(_questions==nil){
        NSString *path = [[NSBundle mainBundle] pathForResource:@"questions.plist" ofType:nil];
        
        NSArray *arrayDict = [NSArray arrayWithContentsOfFile:path];
        
        NSMutableArray *arrMutable = [NSMutableArray array];
        for (NSDictionary *dict in arrayDict) {
            CZQuestion *model = [CZQuestion questionWithDict:dict];
            [arrMutable addObject:model];
        }
        _questions = arrMutable;
        
    }
    return _questions;
}

- (UIStatusBarStyle)preferredStatusBarStyle{
    
    return UIStatusBarStyleLightContent;
}

- (BOOL)prefersStatusBarHidden{
    return YES;
}

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    self.index = -1;
    [self nextQuestion];
    
    
}


- (IBAction)bigImage:(id)sender {
    self.iconFrame = self.btnIcon.frame;
    
    UIButton *btnCover = [[UIButton alloc] init];
    btnCover.frame = self.view.bounds;
    btnCover.backgroundColor = [UIColor blackColor];
    btnCover.alpha = 0.0;
    [self.view addSubview:btnCover];
    
    [btnCover addTarget:self action:@selector(smallImage) forControlEvents:UIControlEventTouchUpInside];
    
    [self.view bringSubviewToFront:self.btnIcon];
    
    self.cover = btnCover;
    
    CGFloat iconW = self.view.frame.size
    .width;
    CGFloat iconH = iconW;
    CGFloat iconX = 0;
    CGFloat iconY =( self.view.frame.size.height - iconH)*0.5;
    [UIView animateWithDuration:0.7 animations:^{
        btnCover.alpha = 0.6;
        self.btnIcon.frame = CGRectMake(iconX, iconY, iconW, iconH);
        
    }];
    
    
}

- (IBAction)btnNextClick {
   // NSLog(@"aaa");

[self nextQuestion];

}

- (IBAction)btnTipClick {
    [self addScore:-1000];
    
    for(UIButton *btnAnswer in self.answerView.subviews){
        [self btnAnswerClick:btnAnswer];
        
    }
    CZQuestion *model = self.questions[self.index];
    NSString *firstChar = [model.answer substringToIndex:1];
    
    for(UIButton *btnOpt in self.optionsView.subviews){
        if([btnOpt.currentTitle isEqualToString:firstChar]){
            [self optionButtonClick:btnOpt];
            break;
        }
    }
}

-(void)nextQuestion{
    self.index++;
    
    
    if(self.index == self.questions.count){
        NSLog(@"答题完毕");
        //弹出对话框
//        UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"操作提示" message:@"恭喜通关" delegate:nil cancelButtonTitle:@"*取消*" otherButtonTitles:@"确定",@"哈哈哈"  , nil];
//
//        [alertView show];
        
          
        return;
    }
    
    
    CZQuestion *model=self.questions[self.index];
    
    [self settingData:model];
    
    [self makeAnswerButton:model];
    
    [self makeOptionsButton:model];
    
}

-(void)makeOptionsButton:(CZQuestion *)model{
    
    self.optionsView.userInteractionEnabled = YES;
    
    [self.optionsView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
    NSArray *words =model.options;
    
    CGFloat optionW = 35,optionH=35;
    CGFloat margin =10;
    int colums  = 7;
    CGFloat marginLeft = (self.optionsView.frame.size.width - colums*optionW - (colums-1)*margin)*0.5;

    
    for(int i=0;i<words.count;i++){
        
        UIButton *btnOpt = [[UIButton alloc] init];
        
        btnOpt.tag = i;
        
        [btnOpt setBackgroundImage:[UIImage imageNamed:@"btn_option"] forState:UIControlStateNormal];
        [btnOpt setBackgroundImage:[UIImage imageNamed:@"btn_option_highlighted"] forState:UIControlStateHighlighted];
        
        [btnOpt setTitle:words[i] forState:UIControlStateNormal];
        [btnOpt setTitleColor:[UIColor blueColor] forState:UIControlStateNormal];
       
        int colIdx = i%colums;
        int rowIdx = i/colums;
        CGFloat optionX = marginLeft + colIdx*(optionW+margin);
        CGFloat optionY = 0+ rowIdx*(optionH+margin);
        
        
        btnOpt.frame = CGRectMake(optionX, optionY, optionW, optionH);
        [self.optionsView addSubview:btnOpt];
        
        [btnOpt addTarget:self action:@selector(optionButtonClick:) forControlEvents:UIControlEventTouchUpInside];
        
        
    }
    
}
//待选按钮的单击事件
-(void)optionButtonClick:(UIButton *)sender{
    //隐藏当前被电击的按钮
    sender.hidden = YES;
//    NSString *text = sender titleForState:UIControlStateNormal;
    NSString *text = sender.currentTitle;
   
    
    
    for(UIButton *answerBtn in self.answerView.subviews){
        if(answerBtn.currentTitle==nil){
            [answerBtn setTitle:text forState:UIControlStateNormal];
            answerBtn.tag = sender.tag;
            
            break;
        }
        
    }
    
    //3.判断答案按钮是否已经填满
    
    BOOL isFull = YES;
    NSMutableString *userInput = [NSMutableString string];
    for(UIButton *btnAnswer in self.answerView.subviews){
        if(btnAnswer.currentTitle==nil){
            isFull = NO;
            
            break;
        }else{
            [userInput appendString:btnAnswer.currentTitle];
        }
        
    }
    
    if(isFull){
        self.optionsView.userInteractionEnabled = NO;
        //4. 如果答案按钮被填满了，判断用户点击的答案是否与
        CZQuestion *model=self.questions[self.index];
        if([model.answer isEqualToString:userInput]){
           
            [self addScore:100];
            
            [self setAnswerButtonColor:[UIColor blueColor]];
            
            [self performSelector:@selector(nextQuestion) withObject:nil afterDelay:0.5];
            
            
        }else{
            [self setAnswerButtonColor:[UIColor redColor]];
        }
    }
}

-(void)addScore:(int)score{
   NSString *str= self.btnScore.currentTitle;
    int currentScore = str.intValue;
    currentScore = currentScore +score;
    [self.btnScore setTitle:[NSString stringWithFormat:@"%d",currentScore] forState:UIControlStateNormal];
    
    
}

//统一设置答案按钮的文字颜色
-(void)setAnswerButtonColor:(UIColor *)color{
    for(UIButton *btnAnswer in self.answerView.subviews){
        [btnAnswer setTitleColor:color forState:UIControlStateNormal];
    }

}

-(void)smallImage{
    
   
    
   
    
    [UIView animateWithDuration:0.7 animations:^{
        
        self.btnIcon.frame = self.iconFrame;
        self.cover.alpha = 0.0;
        
    } completion:^(BOOL finished) {
        [self.cover removeFromSuperview];
        self.cover = nil;
    }];
    
    
}
- (IBAction)btnIconClick:(id)sender {
    
    if(self.cover==nil){
        [self bigImage:nil];
    }else{
        [self smallImage];
    }
    
    
}

//加载数据，把模型数据设置到界面的控件上
-(void)settingData:(CZQuestion *)model{
    self.lblIndex.text=[NSString stringWithFormat:@"%d / %ld",(self.index + 1),self.questions.count];
    self.lblTitle.text=model.title;
    [self.btnIcon setImage:[UIImage imageNamed:model.icon] forState:UIControlStateNormal];
    
    self.btnNext.enabled = (self.index != self.questions.count - 1);
    
}
//创建答案按钮
-(void)makeAnswerButton:(CZQuestion *)model{
    
//    while(self.answerView.subviews.firstObject){
//        [self.answerView.subviews.firstObject removeFromSuperview];
//    }
    
    [self.answerView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];
    
    
    NSUInteger len = model.answer.length;
    CGFloat margin = 10;
    CGFloat answerW = 35;
    CGFloat answerH = answerW;
    CGFloat answerY = 0;
    CGFloat marginLeft = (self.answerView.frame.size.width-(len*answerW)-(len-1)*margin)/2;
    
    for(int i=0;i<len;i++){
        
        UIButton *btnAnswer =[[UIButton alloc] init];
        [btnAnswer setBackgroundImage:[UIImage imageNamed:@"btn_answer"] forState:UIControlStateNormal];
        [btnAnswer setBackgroundImage:[UIImage imageNamed:@"btn_answer_highlighted"] forState:UIControlStateHighlighted];
        
        CGFloat answerX = marginLeft + i * (answerW + margin);
        btnAnswer.frame = CGRectMake(answerX, answerY, answerW, answerH);
        [btnAnswer setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
        
        
        [self.answerView addSubview:btnAnswer];
        
        [btnAnswer addTarget:self action:@selector(btnAnswerClick:) forControlEvents:UIControlEventTouchUpInside];
    }
    
}
//答案按钮点击事件
-(void)btnAnswerClick:(UIButton *) sender {
    
    self.optionsView.userInteractionEnabled = YES;
    
    [self setAnswerButtonColor:[UIColor blackColor]];
    
    
    for(UIButton *optBn in self.optionsView.subviews){
//        if([sender.currentTitle isEqualToString:optBn.currentTitle]){
//            optBn.hidden = NO;
//            break;
//        }
        if(sender.tag==optBn.tag){
            optBn.hidden = NO;
            break;
        }
        
    }
        
    
    [sender setTitle:nil forState:UIControlStateNormal];
}
@end


//
//  CZQuestion.h
//  09-超级猜图
//
//  Created by 鲁军 on 2021/1/31.
//

#import <Foundation/Foundation.h>

NS_ASSUME_NONNULL_BEGIN

@interface CZQuestion : NSObject


@property(nonatomic,copy)NSString *answer;
@property(nonatomic,copy)NSString *icon;
@property(nonatomic,copy)NSString *title;
@property(nonatomic,strong)NSArray *options;

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


@end

NS_ASSUME_NONNULL_END


//
//  CZQuestion.m
//  09-超级猜图
//
//  Created by 鲁军 on 2021/1/31.
//

#import "CZQuestion.h"

@implementation CZQuestion

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

@end
JohnsonSwift
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
IOS项目-超级猜图
07-31
这是一个猜图的的小项目，里面代码基本都有注释，正在学习的可以参考参考
iOS开发 - 第01篇 - UI基础 - 04 - 超级猜图
05-11
在本教程中，我们将深入探讨iOS开发中的UI基础，特别是通过一个名为“超级猜图”的小程序来学习。这个小程序是一个适合初学者的项目，旨在帮助开发者掌握基本的用户界面设计和交互实现。在这个项目的实践中，我们...
IOS开发笔记28-超级猜图
Su_tianbiao的专栏
10-30 1478
1、 应用的需求 应用需求： 选项区：点击选项区中的按钮，可将文字显示到答案区的按钮上。 答案区：点击答案区的按钮，会将对应的文字返回到选项区。 下一题：进入下一题，重新加载各种数据。 正误判断：如果答案错误则文字变红，正确则变绿并进入下一题。 图片缩放：点击图片、大图按钮都能实现图片放大缩小功能。 大图后的阴影：图片放大后会有一层阴影，点击阴
（素材源码）猫猫学IOS（六）UI之iOS热门游戏_超级猜图
weixin_33670713的博客
03-22 101
猫猫分享，必须精品 素材代码地址: http://download.csdn.net/detail/u013357243/8523193 原文地址：http://blog.csdn.net/u013357243/article/details/44538955 先看效果图 ps：猫猫的文章竟然被好多地方转载了，受宠若惊啊，不过转的时候请转的...
iOS实现（超级猜图)源码
diaozhuizhi0405的博客
03-09 286
//首先建立模型文件 QLLQuestion.hheQLLQuestion.m文件 #import <Foundation/Foundation.h> @interface QLLQuestion : NSObject @property(nonatomic,copy)NSString *answer; @property(nonatomic,copy)...
iOS学习之路-超级猜图
kim逸云的博客
01-16 781
超级猜图，这个项目的代码敲完的时候，发现已经超过了400行，代码量已经远远超出了之前所学的了 。虽然代码量很多，但是知识点却都是之前学的，纵观整个项目，都没有新的知识点，可以这样说。在这个项目中，比较难理解的，就是添加答案按钮和待选项按钮的计算，以及对应的X轴和Y轴的计算了，也是比较繁琐的，还包括各种按钮的监听事件吧，要使用for循环遍历，使每个按钮都要注册监听器。整体情况完成的差不多，还有点bu
超级猜图游戏 ios源码
03-22
【超级猜图游戏 iOS 源码】是一个专为苹果 iOS 设备开发的趣味猜图应用的源代码，它提供了一整套的游戏框架和逻辑，让开发者或编程爱好者能够深入理解游戏开发的过程，并可能在此基础上进行二次开发或学习。...
超级猜图资源及源码
08-21
【超级猜图资源及源码】是一个包含游戏开发核心元素的项目，主要涉及的是一个名为“超级猜图”的简易游戏的实现。这个项目为开发者提供了一个深入理解游戏开发过程、尤其是图片识别和交互设计的实践平台。下面我们将...
超级猜图素材
12-01
这里是超级猜图的素材，如有需要请下载，谢谢！
史上最全的ios开发源码
04-17
苹果iOS是由苹果公司开发的手持设备操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统，最初是设计给iPhone使用的，后来陆续套用到iPod touch、iPad以及Apple TV等苹果产品上。iOS与苹果的Mac OS X...
天嵌科技出品--Qt程序开发完全手册之24小时超级版本
02-14
《天嵌科技出品--Qt程序开发完全手册之24小时超级版本》是针对Qt程序设计的一份详尽教程，特别适合初学者入门学习。Qt是一个跨平台的应用程序开发框架，由挪威Qt公司开发，广泛应用于桌面、移动以及嵌入式系统。这份...
[iOS开发项目-7] 超级猜图
孙世杰的博客
10-06 1075
本项目是取自传智播客的教学项目,加入笔者的修改和润饰。1. 项目名称：超级猜图2. 项目截图展示3. 项目功能 点击图片或“大图”按钮，图片放大；再点击图片或点击周围区域，图片复原。 点击备选按钮，相应字填入答案区按钮。 按“下一题”按钮或答案正确：进入下一题。 点击答案区某按钮，相应字回到备选区原来位置。 点击“帮助按钮”会清空答案区按钮，并提示正确答案的第一个字。 答案正确或错误都有相应的扣分和
中科曙光ParaStor300s分布式存储整机更换操作手册.docx
07-12
中科曙光ParaStor300s分布式存储整机更换操作手册.docx
Vue 面试指南附源代码
最新发布
07-12
项目总结 本文档详细介绍了Vue.js的技术要点、常见面试问题及其解答，以及几道面试编程题的实现。通过这些内容，读者可以深入理解Vue.js的核心概念和应用，并通过实际编程练习提升面试准备的效率和效果。希望本文档能够帮助读者在Vue.js相关的面试中脱颖而出，取得成功。
2024年欧洲老年性黄斑变性药物市场主要企业市场占有率及排名.docx
07-12
2024年欧洲老年性黄斑变性药物市场主要企业市场占有率及排名.docx
工作汇报总结PPT模板 (2)
07-12
【作品名称】：工作汇报总结PPT模板 (2) 【适用人群】：适用于希望学习不同技术领域的小白或进阶学习者。可作为毕设项目、课程设计、大作业、工程实训或初期项目立项。
C语言：C语言随机数的使用教程（内有注释）
07-12
C语言随机数仅需两行代码即可生成，欢迎下载学习。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值