[iOS基础控件-4.5]猜图游戏

2015-11-23来源:iOS开发人气:3608

A.需要掌握的
1.添加图片资源(暂时认为@2x跟非@2x代表同一张图片)

2.搭建UI界面
* 文本标签
* 4个按钮
* 中间的图片

3.设置状态栏样式

4.监听下一题按钮的点击

5.延迟加载数据
* 加载plist
* 字典转模型
* KVC的引入

6.切换下一题的序号、图片、标题,下一题按钮的可用性

7.默认显示第1条题目

8.显示大图
* 监听中间图片点击
* 添加遮盖
* 移动图片(注意头像图片的层级顺序)
* 监听“大图按钮”

9.展示答案的个数

10.展示待选答案

11.答案处理

12.提示功能

13.Icon和Launch、@2x
 
B.实现思路
1.构建基本UI:
(1)背景
(2)按钮
(3)图片
(4)选项
 
2.数据存储与加载
(1)标题数据
(2)图片数据
(3)可选项数据
(4)答案数据
(5)得分数据
 
3.大图功能 (点击图片或者按钮)
(1)放大并调整图片位置
(2)虚化背景,使用半透明全覆盖的button
(3)点击背景或者图片,删除半透明背景、恢复图片
     a.动画效果, 使用带block参数方法
     b.播放完动画再移除阴影元素
 
4.下一题功能
其调用的功能是整个APP的核心,包含了初始化控件、加载文件数据、删除旧控件、加入新控件、刷新界面
 
5.提示功能
给出一定的答案
 
6.帮助功能
(在线分享功能,没有实现)
 
C.知识点
1.设置状态栏 (iOS7开始)
(1)设置样式
在Controller中重写PReferredStateBarStyle方法,返回要设置的值
 1 // 设置状态栏是否隐藏
 2 - (BOOL)prefersstatusBarHidden {
 3     return NO;
 4 }
 5  
 6 // 设置状态栏
 7 - (UIStatusBarStyle)preferredStatusBarStyle {
 8     // 设置状态栏字体为白色
 9     return UIStatusBarStyleLightContent;
10 }
 
状态栏是显示黑色字体:
Image(21)
 
修改之后:
Image(22)
 
2.APP图标
只要文件名为 “Icon.png”,就会被设置为APP图标
 
3.启动画面
               一个app在启动过程中会全屏显示叫做Default.png的图片
               不用规格Default的使用场合
  1.      Default.png:非retina-iphone屏幕,320x480
  2.          Default@2x.png:retina-iPhone屏幕,640x960
  3.          Default-568h@2x.png:4inch的retina-iPhone屏幕,640x1136
  4.          Default-Portrait~ipad.png:非retain-iPad竖屏屏幕,768x1024
  5.          Default-Portrait~ipad@2x.png:retain-iPad竖屏屏幕,1536x2048
  6.          Default-Landscape~ipad.png:非retain-iPad横屏屏幕,1024x768
  7.          Default-Landscape~ipad@2x.png:retain-iPad横屏屏幕,2048x1536
 
 
4