美文网首页
The iOS Apprentice1-13美化(Page106

The iOS Apprentice1-13美化(Page106

作者: 花开花落花满天 | 来源:发表于2016-05-05 21:25 被阅读0次

    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中。


      屏幕快照 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

          本文链接:https://www.haomeiwen.com/subject/tblrrttx.html