关情纸尾---UIKit基础-超级猜图

超级猜图

1.重点界面可变元素
1.索引、描述以及图片会随着点击下一题按钮自动更换对应的内容
2.点击放大按钮或者图片本身可以放大图片,且图片放大后
有一层半透明的遮盖处在图片后面,遮盖住屏幕上的的其他内容点击遮盖或者其图片可以将图片恢复大小,
并且遮盖消失。
3.每次点击下一题按钮,下方的答案框数答案文字选项也随之改变。
4.点击下方候选答案按钮,此按钮隐身并且按顺序显示到上方的答案框中。
5.自动判断答案是否填满,填满后检测是否正确,正确显示蓝色,并自动跳到下一题同时加分;错误显示红色。
6.点击提示按钮,显示正确答案的第一个文字,并且扣分。
2.部分新知识点

2.1.KVC键值对编码
- (instancetype) initWithDict:(NSDictionary *)Dict{
    //** 对模型进行赋值 */
    if (self = [super init]) {
        [self setValuesForKeysWithDictionary:Dict];
    }
    return self;
}
其中setValuesForKeysWithDictionary:方法
可以批量将字典中的元素赋值到对应名称的self成员变量中,字典中有几个键值对,
就可以有几个与key相同的成员变量,要求字典键值名称必须与模型成员名称相同,
便可自动复制。字典中的键值对可不全部显示出来。

KVC还可以查找路径
NSArray *array = [ persons valueForKeyPath: @“name”]
KVC按照路径取值时,如果对象不包含指定对象时,会自动进入对象内部,查找对象属性。

2.2.懒加载固定模式
- (NSArray *)questions
{
    if (_questions == nil) {
        // 1.加载plist
        NSArray *tempArray = [NSArray arrayWithContentsOfFile:[[NSBundle mainBundle] pathForResource:@"questions" ofType:@"plist"]];
       
        // 2.创建模型数组
        NSMutableArray *arrayM = [NSMutableArray array];
        for (NSDictionary *dict in tempArray) {
            [arrayM addObject:[HZHquestions questionWithDict:dict]];
        }

        _questions = arrayM;
    }
    return _questions;
}

先判断为空,再加载plist文件,使用for循环创建模型数组,将模型数组保存到成员变量数组中。

2.3.设置状态栏显示
// 设置状态栏高亮显示
- (UIStatusBarStyle)preferredStatusBarStyle{
    return UIStatusBarStyleLightContent;
}
// 设置状态栏常规显示
- (UIStatusBarStyle)preferredStatusBarStyle{
    return UIStatusBarStyleDefault;
}
// 设置状态栏可见性
- (BOOL)prefersStatusBarHidden{
    return YES;
}
状态栏默认是显示黑色
Image(21)
高亮状态显示白色
Image(22)

2.4.将图片对象移到遮盖对象的前面
[self.view bringSubviewToFront:self.pictureView]

2.5.将控件设为隐藏
option.hidden = YES;

2.6.取出控件的title
NSString *temp = [btn titleForState:UIControlStateNormal];

2.7.启动画面及APP图标
只要文件名为 “Icon.png”,就会被设置为APP图标。
一个app在启动过程中会全屏显示叫做Default.png的图片。

不用规格Default的使用场合
     Default.png:非retina-iPhone屏幕,320x480
     [email protected]:retina-iPhone屏幕,640x960
     [email protected]:4inch的retina-iPhone屏幕,640x1136
     Default-Portrait~ipad.png:非retain-iPad竖屏屏幕,768x1024
     [email protected]:retain-iPad竖屏屏幕,1536x2048
     Default-Landscape~ipad.png:非retain-iPad横屏屏幕,1024x768
     [email protected]:retain-iPad横屏屏幕,2048x1536

2.8.设置内边距制造相框效果
使用白色的图片作为背景图片,然后设置图片的边距Insert。即得到如右图的效果。
关情纸尾---UIKit基础-超级猜图_第1张图片
EA99AFD1-D3CC-4752-B1C2-C403A53469B2

关情纸尾---UIKit基础-超级猜图_第2张图片
Image(23)

2.9.大图时的动画
创建一个按钮,背景色黑色,设置其透明度alpha。
用block代替头尾式动画,效率高。

[UIView animateWithDuration:2.0 animations:^{
       //存放需要执行的动画
         cover.alpha = 0.6;
         
         CGFloat headW = self.view.frame.size.width;
         CGFloat headH = headW;
         CGFloat headX = 0;
         CGFloat headY = 0.5 * (self.view.frame.size.height- headH);
         self.head.frame = CGRectMake(headX, headY, headW, headH);
         
     }];

2.10.点击选项按钮
 (1)被点击的选项按钮消失(hidden = YES)
(2)将选中选项的文字放到答案区的按钮上
(3)把文字放到第一个没有文字的答案按钮上
(4)点击有文字的答案按钮,文字恢复到选项
(5)答案填满后,阻止事件触发
关情纸尾---UIKit基础-超级猜图_第3张图片
33FD92B2-FAD9-4C42-BB83-6C39A18794B9

你可能感兴趣的:(关情纸尾---UIKit基础-超级猜图)