PhoneGap 圖示和啟動畫面

转载 2013年12月03日 11:45:46

圖示和啟動畫面

這一節演示如何配置應用程式的圖示和可選初始螢幕上的各種平臺上,兩者在科爾多瓦 CLI (描述在命令列介面) 中工作時或使用特定于平臺 SDK 工具 (平臺指南中詳細說明)。

在 CLI 中配置圖示

工作時在 CLI 中,圖示原始案位於內各種平臺特定子目錄內專案的 www/res/icons 目錄。 新創建的專案來與一組預設的科爾多瓦圖示為您替換為您希望為目標的平臺。

Android 系統指定的低、 中、 高、 特高的各項決議的圖示:

    android/icon-36-ldpi.png
    android/icon-48-mdpi.png
    android/icon-72-hdpi.png
    android/icon-96-xhdpi.png

IOS 平臺指定 72 圖元正方形圖示為 Ipad,並為 Iphone 和 Ipod,帶有高解析度2 x變形為視網膜的 57 圖元圖示顯示

    ios/icon-57-2x.png
    ios/icon-57.png
    ios/icon-72-2x.png
    ios/icon-72.png

Windows Phone 指定預設 48 圖元的圖示,以及各種設備背景平鋪在代表應用程式時使用的圖像:

    windows-phone/icon-48.png
    windows-phone/icon-62-tile.png
    windows-phone/icon-173-tile.png

黑莓手機需要 80 圖元的圖示:

    blackberry/icon-80.png

Tizen 需要 128 圖元的圖示:

    tizen/icon-128.png

在 CLI 中配置初始螢幕

使用閃屏 API 來啟用應用程式的介紹性閃屏在許多平臺上的顯示。 工作時在 CLI 中,初始螢幕原始程式碼位於專案的 www/res/screens 子目錄。

Android 系統指定這兩個面向肖像和風景閃屏圖像為低、 中、 高、 特高的各項決議:

    android/screen-hdpi-landscape.png
    android/screen-hdpi-portrait.png
    android/screen-ldpi-landscape.png
    android/screen-ldpi-portrait.png
    android/screen-mdpi-landscape.png
    android/screen-mdpi-portrait.png
    android/screen-xhdpi-landscape.png
    android/screen-xhdpi-portrait.png

IOS 平臺指定變形為 iPhone 和 iPod 和 iPad,具有變形為視網膜顯示和不同的方向。568 H是為 iPhone 5 的高螢幕自訂:

    ios/screen-ipad-landscape-2x.png
    ios/screen-ipad-landscape.png
    ios/screen-ipad-portrait-2x.png
    ios/screen-ipad-portrait.png
    ios/screen-iphone-landscape-2x.png
    ios/screen-iphone-landscape.png
    ios/screen-iphone-portrait-2x.png
    ios/screen-iphone-portrait.png
    ios/screen-iphone-portrait-568h-2x.png

黑莓和 Windows Phone 都指定一個初始螢幕圖像:

    blackberry/screen-225.png
    windows-phone/screen-portrait.jpg

以下各節詳細說明了如何設置初始螢幕時使用 Sdk 和相關的命令列工具在平臺指南仲介紹。

Android 平臺的初始螢幕

9-修補程式的圖像放在 Android 專案 res/drawable 目錄。為每個大小應為:

  • xlarge (xhDPI): 至少 960 × 720
  • 大 (下): 至少 640 × 480
  • 中期 (mDPI): 至少 470 × 320
  • 小 (lDPI): 至少 426 × 320

config.xml ,添加下列優惠:

<preference name="splashscreen", "splash" />
<preference name="splashScreenDelay", 10000 />

第一行設置為初始螢幕顯示的圖像。如果你命名您的圖像什麼除了 splash.png ,您需要修改這條線。

第二行設置多久閃屏顯示以毫秒為單位的延遲。 遣散閃屏,一旦接收到 app deviceready 事件,調用 navigator.splashscreen.hide() 方法。

IOS 平臺的初始螢幕

將您的初始螢幕圖像複製到 iOS 專案 Resources/splash 目錄。 僅添加您想要支援的比如 iPad 或者 iPhone 的設備圖像。 每個圖像的大小應為:

  • Default-568h@2x~iphone.png (640x1136 pixels)
  • Default-Landscape@2x~ipad.png (2048 x 1496 圖元為單位)
  • Default-Landscape~ipad.png (1024x748 pixels)
  • Default-Portrait@2x~ipad.png (1536x2008 pixels)
  • Default-Portrait~ipad.png (768x1004 pixels)
  • Default@2x~iphone.png (640x960 pixels)
  • Default~iphone.png (320x480 pixels)

10 黑莓平臺的初始螢幕

將您的初始螢幕圖像複製到專案的 res/screen/blackberry10 目錄。的名稱應該是:

  • splash-1280x768.png (1280x768 pixels)
  • splash-720x720.png (720x720 pixels)
  • splash-768x1280.png (768x1280 pixels)

三星Note2 SCH-N719刷机教程

三星note2 SCH-N719手机刷机时遇到的一些问题总结,给自己总结,也给遇到相同问题的童鞋一些参考~...
  • hzj1_happy
  • hzj1_happy
  • 2015年12月14日 22:14
  • 1306

IOS_自定义navigationBar上的按钮

如何在NavigationBar上增加多个按钮,有以下三种方法。 方法1: UIView *parentView = [[UIView alloc] initWithFrame:CGRectMa...
  • u011220580
  • u011220580
  • 2013年06月30日 09:55
  • 3954

Android:仿QQ 发表说说/上传照片 弹出框

Android:仿QQ 发表说说/上传照片 弹出框
  • books1958
  • books1958
  • 2015年05月15日 10:49
  • 2311

跨平台移动开发phonegap/cordova 3.3全系列教程-app启动画面

1.app启动画面设计 用photoshop设计启动画面,图片分辨率为720*1280 保存的文件名为splash.png 将splash.png复制到res\drawable,如图 ...
  • mansai
  • mansai
  • 2014年02月06日 16:11
  • 20724

PhoneGap 11 图标和启动画面(Icons and Splash Screens)

图标和启动画面 这一部分描述了怎样去配置应用程序的图标及为各种平台配置的启动画面,使用CLI或者SDK工具进行开发的都可以。 CLI配置图标 当使用CLI进行工作时,图标都是保存在各个平台的子目录...
  • wangpengch
  • wangpengch
  • 2014年01月15日 22:06
  • 2919

图示PhoneGap架构

  • 2013年11月05日 15:39
  • 194KB
  • 下载

5秒不动开始锁屏或待机画面

  • 2015年07月24日 13:53
  • 2KB
  • 下载

情人节的表白神器:H5 canvas ❤动画面

好困啊            body {          margin: 0;          padding: 0;          background: white;    ...
  • fanyuenan
  • fanyuenan
  • 2017年02月10日 13:28
  • 1383

自定义动画面版

  • 2012年12月31日 11:22
  • 1.49MB
  • 下载

电影结束画面的卷动效果

  • 2011年03月31日 17:59
  • 753B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:PhoneGap 圖示和啟動畫面
举报原因:
原因补充:

(最多只允许输入30个字)