01. 去除状态栏status bar
- Main.storyboard中,将status bar设置为None。
- ProjectSetting中,将statusbar style设置为hide status bar
It’s only a small detail but the difference between a mediocre(普通二流的) app and a great app is that great apps do all the small details right.
- 关于Info.plist
大多数关于屏幕设置,如支持的设备/是否有statusbar显示,等都存储在这个文件中。
02. 导入图片
在 Assets.xcassets 中导入图片。
关于 1x,2x,3x显示
- 1x,低分辨率屏,像素比较粗糙。如iPad2/iPadmini,以及iphone的3GS
- 2x,高分辨率Retina屏,iPhone4S/5/5c/6 和 Retina的iPads。
- 3x,超高分辨率Retina屏
03. 设置背景
- 在storyBoard中,将ImageView添加进来。
- 修改ImageView尺寸,以与ViewController重合。
- 设置ImageView的图片image。
- 将imageView send to back,直接
04. 修改label/修改button
直接去参考文档,略
05. 修改slider
这里是通过代码设置图片,以及尺寸等。具体参考代码。
06. 为HTML添加webview控件
- 右击BullEyes选择添加文件到BullEyes中,添加一个html
-
添加webview控件到AboutViewController中,并将webview连接到类的outlet中。
- htmlFile : 查找 html文件
- htmlData:将文件load进去
- webview.loadData: 请求webview显示内容
07. 适配 iphone 4S
08. 适配 iphone 6 和 iphone 6S
具体参考文档
09. 动画
- 添加库文件
import QuartzCore
- 修改 startOver方法,添加如下代码
let transition = CATransition()
transition.type = kCATransitionFade
transition.duration = 1
transition.timingFunction = CAMediaTimingFunction(name:
kCAMediaTimingFunctionEaseOut)
view.layer.addAnimation(transition, forKey: nil)