About

<#TEMPLATE_INCLUDE_NINEPAGE_ABOUTME#>
  • Mar

    22

    iOS APP 启动画面 / 闪屏 PS 尺寸图批量生成脚本

    • 1 Comments
    • Photoshop! WOW
    • 发布:古树悬叶
    • 引用:0
    • 浏览:

    iOS APP 开发时启动画面(有些人称它为“闪屏”)名称和尺寸多的实在让人记不住。每出一个新设备就要添加一个对应的新名称和尺寸,这也太蛋疼了。苹果公司就不能直接搞个大图,然后直接按比例缩放么?

    #target photoshop
    app.bringToFront();

    //所有闪屏尺寸集合
    //以下所有尺寸来 2015 年 3 月 9 日 Adobe 官方博客 
    //官方博客地址: http://blogs.adobe.com/airodynamics/2015/03/09/launch-images-on-ios-with-adobe-air/
    var docNames = [
            //图像都使用 Default 开头

            //5s 之前的手机设备,没有方向修饰词,屏幕都是竖的
            //如果做横向的闪屏,可以将显示的图案旋转90度

            //加个默认图像,万一遇上个 iPhone3GS 渣机用户,或其它意外情况
            ["Default.png", "320*480"],

            //设备名称 ~iphone 其实是可以省略的,默认就是 ~iphone。
            //如果是ipad它会通过方向修饰词去判断的,为了严禁起见,还是加上吧。
            ["Default~iphone.png", "640*960"], //iPhone4 非 Retina屏
            ["Default@2x~iphone.png", "640*960"], //iPhone4 、4s Retina屏
            ["Default-568h@2x~iphone.png", "640*1136"],//iPhone 5,5c,5s

            ["Default-375w-667h@2x~iphone.png", "750*1334"], //iPhone6 竖向                          
            ["Default-414w-736h@3x~iphone.png", "1242*2208"],//iPhone6 plus 竖向

            ["Default-Landscape-414w-736h@3x~iphone.png", "2208*1242"],//iPhone6 plus,已经可以加横向修饰词
                                                                       //由此可见 iPhone6 Plus 是手机和平板设备的综合体

            //iPad 平板设备有方向修饰词,因为只有平板有方向修饰词,所以可以省略设备修词
            //比如将 Default-Landscape~ipad.png 写成 Default-Landscape.png。
            //上面的 iPhone6 Plus 也一样,有方向修饰词,所以它也属于一种平板设备,虽然它写的是 ~iphone
            //但所有设修饰词无论是 ~iphone 还是~ipad 都是可以省略的
            ["Default-Portrait~ipad.png", "768*1024"],//iPad 1 、iPad 2 等旧设备,正方向的
            ["Default-Landscape~ipad.png", "1024*768"],//iPad 1 、iPad 2 等旧设备,左横方向
            ["Default-Portrait@2x~ipad.png", "1536*2048"],//iPad 3, iPad Air 等新设备,正方向
            ["Default-Landscape@2x~ipad.png", "2048*1536"]//iPad 3, iPad Air 等新设备,左横方向

            //我这里没有放设备倒转时的方向与右横方向,也就是带有 PortraitUpsideDown 与 LandscapeRight 修饰词的图片
            //因为我用不上,因为游戏 APP方向一般都是固定的,要不是是竖的,要不就是横的。
            //如果对倒的和右横方向有需要,请按 Adobe 官方博客网页中的名称添加
          ];
    run();
    function run()
    {
        var docs = app.documents;
        for (var i =0; i < docNames.length; i++)
        {
           var size = docNames[i][1].split("*");        
           docs.add(
                          UnitValue(size[0],"px"), //宽
                          UnitValue(size[1],"px"), //高
                          72, //分辨率
                          docNames[i][0], //名称
                          NewDocumentMode.RGB, //颜色模式
                          DocumentFill.BACKGROUNDCOLOR, //使用背景色初始化文档
                          1//像素的宽高比
                          );
        }
    }
    • Tags:
    • 2015 / 3 / 22
    相关文章:
      Post Comment.
      quote 1.古树悬叶
      2015/4/4 0:53:57
      也有资料说是应该使用 LaunchImage 开头,比如 http://blog.zinewow.com/post/478.html 中所写的。但我这里新修改过是以 ADOBE 官方博客为准,官方博客中也有说明现在对于 iphone6 或 iphone6 plus 的静态启动画面还没有更多清晰的资料。因为使用原生开发的用户可以不用添加静态图像,而是只需要一个叫 launch screen.xib 文件就可以了。

      发表评论