The iOS Apprentice1-13美化(Page106)

01. 去除状态栏status bar

  1. Main.storyboard中,将status bar设置为None。
  2. 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.

  1. 关于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. 设置背景

  1. 在storyBoard中,将ImageView添加进来。
  2. 修改ImageView尺寸,以与ViewController重合。
  3. 设置ImageView的图片image。
  4. 将imageView send to back,直接

04. 修改label/修改button

直接去参考文档,略

05. 修改slider

这里是通过代码设置图片,以及尺寸等。具体参考代码。

06. 为HTML添加webview控件

  1. 右击BullEyes选择添加文件到BullEyes中,添加一个html
  2. 添加webview控件到AboutViewController中,并将webview连接到类的outlet中。


    The iOS Apprentice1-13美化(Page106)_第1张图片
    屏幕快照 2016-05-05 21.39.01.png
  • htmlFile : 查找 html文件
  • htmlData:将文件load进去
  • webview.loadData: 请求webview显示内容

07. 适配 iphone 4S

08. 适配 iphone 6 和 iphone 6S

具体参考文档

09. 动画

  1. 添加库文件 import QuartzCore
  2. 修改 startOver方法,添加如下代码
let transition = CATransition()
transition.type = kCATransitionFade
transition.duration = 1
transition.timingFunction = CAMediaTimingFunction(name:
            kCAMediaTimingFunctionEaseOut)
view.layer.addAnimation(transition, forKey: nil)

10. 程序图标/程序名称 的修改,参考文档

你可能感兴趣的:(The iOS Apprentice1-13美化(Page106))