关情纸尾-----UIKit基础-超级猜图
2015-08-16 11:25
375 查看
超级猜图
1>重点界面可变元素
索引、描述以及图片会随着点击下一题按钮自动更换对应的内容
点击放大按钮或者图片本身可以放大图片,且图片放大后,有一层半透明的遮盖处在图片后面,遮盖住屏幕上的的其他内容点击遮盖或者其图片可以将图片恢复大小,并且遮盖消失。
每次点击下一题按钮,下方的答案框数答案文字选项也随之改变。
点击下方候选答案按钮,此按钮隐身并且按顺序显示到上方的答案框中。
自动判断答案是否填满,填满后检测是否正确,正确显示蓝色,并自动跳到下一题同时加分;错误显示红色。
点击提示按钮,显示正确答案的第一个文字,并且扣分。
2>部分新知识点
1.KVC键值对编码
2.懒加载固定模式
3.设置状态栏显示
状态栏默认是显示黑色
高亮状态显示白色
4.将图片对象移到遮盖对象的前面
5.将控件设为隐藏
6.取出控件的title
7.启动画面及APP图标
只要文件名为 “Icon.png”,就会被设置为APP图标。
一个app在启动过程中会全屏显示叫做Default.png的图片。
不用规格Default的使用场合
Default.png:非retina-iPhone屏幕,320x480
Default@2x.png:retina-iPhone屏幕,640x960
Default-568h@2x.png:4inch的retina-iPhone屏幕,640x1136
Default-Portrait~ipad.png:非retain-iPad竖屏屏幕,768x1024
Default-Portrait~ipad@2x.png:retain-iPad竖屏屏幕,1536x2048
Default-Landscape~ipad.png:非retain-iPad横屏屏幕,1024x768
Default-Landscape~ipad@2x.png:retain-iPad横屏屏幕,2048x1536
8.设置内边距制造相框效果
使用白色的图片作为背景图片,然后设置图片的边距Insert。即得到如右图的效果。
9.大图时的动画
创建一个按钮,背景色黑色,设置其透明度alpha。
用block代替头尾式动画,效率高。
10.点击选项按钮
(1)被点击的选项按钮消失(hidden = YES)
(2)将选中选项的文字放到答案区的按钮上
(3)把文字放到第一个没有文字的答案按钮上
(4)点击有文字的答案按钮,文字恢复到选项
(5)答案填满后,阻止事件触发
♥ 以上是我觉得这个小案例里面主要的一些新知识♥
1>重点界面可变元素
索引、描述以及图片会随着点击下一题按钮自动更换对应的内容
点击放大按钮或者图片本身可以放大图片,且图片放大后,有一层半透明的遮盖处在图片后面,遮盖住屏幕上的的其他内容点击遮盖或者其图片可以将图片恢复大小,并且遮盖消失。
每次点击下一题按钮,下方的答案框数答案文字选项也随之改变。
点击下方候选答案按钮,此按钮隐身并且按顺序显示到上方的答案框中。
自动判断答案是否填满,填满后检测是否正确,正确显示蓝色,并自动跳到下一题同时加分;错误显示红色。
点击提示按钮,显示正确答案的第一个文字,并且扣分。
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.懒加载固定模式
- (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循环创建模型数组,将模型数组保存到成员变量数组中。
3.设置状态栏显示
// 设置状态栏高亮显示 - (UIStatusBarStyle)preferredStatusBarStyle{ return UIStatusBarStyleLightContent; } // 设置状态栏常规显示 - (UIStatusBarStyle)preferredStatusBarStyle{ return UIStatusBarStyleDefault; } // 设置状态栏可见性 - (BOOL)prefersStatusBarHidden{ return YES; }
状态栏默认是显示黑色
高亮状态显示白色
4.将图片对象移到遮盖对象的前面
[self.view bringSubviewToFront:self.pictureView]
5.将控件设为隐藏
option.hidden = YES;
6.取出控件的title
NSString *temp = [btn titleForState:UIControlStateNormal];
7.启动画面及APP图标
只要文件名为 “Icon.png”,就会被设置为APP图标。
一个app在启动过程中会全屏显示叫做Default.png的图片。
不用规格Default的使用场合
Default.png:非retina-iPhone屏幕,320x480
Default@2x.png:retina-iPhone屏幕,640x960
Default-568h@2x.png:4inch的retina-iPhone屏幕,640x1136
Default-Portrait~ipad.png:非retain-iPad竖屏屏幕,768x1024
Default-Portrait~ipad@2x.png:retain-iPad竖屏屏幕,1536x2048
Default-Landscape~ipad.png:非retain-iPad横屏屏幕,1024x768
Default-Landscape~ipad@2x.png:retain-iPad横屏屏幕,2048x1536
8.设置内边距制造相框效果
使用白色的图片作为背景图片,然后设置图片的边距Insert。即得到如右图的效果。
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); }];
10.点击选项按钮
(1)被点击的选项按钮消失(hidden = YES)
(2)将选中选项的文字放到答案区的按钮上
(3)把文字放到第一个没有文字的答案按钮上
(4)点击有文字的答案按钮,文字恢复到选项
(5)答案填满后,阻止事件触发
♥ 以上是我觉得这个小案例里面主要的一些新知识♥
相关文章推荐
- Codeforces Round #316 (Div. 2) D Tree Requests
- codeforces 570 D. Tree Requests 树状数组+dfs搜索序
- Poj--3080Blue Jeans+KMP水题
- UINavigationController
- chmod u+s用法和setuid(),seteuid()
- iOS UI高级之事件的分发
- request 乱码
- UICollectionView的基本使用
- django-rest-framework指南(2):Requests and Responses
- android res values出错的解决办法
- UIPageControl
- IOS之UIAlertController
- POJ 2533 Longest Ordered Subsequence
- Havok_2014-1-0_Pc_Xs_User_Guide(2.5.1-Character Control)
- 子线程更新UI的方法与解析!
- Android基础UI篇------TextView及其子类
- Codeforces Round #316 (Div. 2) D. Tree Requests dfs_clock,二分
- 从UE4开始蜕变
- POJ - 1904 King's Quest(强连通分量+二分图匹配)
- poi Build path 配置,顺序问题