2. 程式人生 > >cordova學習二：圖示與啟動螢幕設定

cordova學習二：圖示與啟動螢幕設定

阿新 • • 發佈：2019-01-31
一、圖示設定 <icon src="res/ios/icon.png" platform="ios" width="57" height="57" density="mdpi" /> 在config.xml裡配置icon標籤設定app圖示 src：圖片存放路徑 platform:支援平臺 width:圖示寬度 height:圖示高度 density:android下針對不同解析度適配的圖示 應用於所有平臺： <icon src="res/icon.png" />

Amazon Fire OS：

 <platform name="amazon-fireos">
              <icon src="res/android/ldpi.png" density="ldpi" />
              <icon src="res/android/mdpi.png" density="mdpi" />
              <icon src="res/android/hdpi.png" density="hdpi" />
              <icon src="res/android/xhdpi.png" density="xhdpi" />
     </platform>

Android：

  <platform name="android">
              <icon src="res/android/ldpi.png" density="ldpi" />
              <icon src="res/android/mdpi.png" density="mdpi" />
              <icon src="res/android/hdpi.png" density="hdpi" />
              <icon src="res/android/xhdpi.png" density="xhdpi" />
     </platform>
BlackBerry10： 
<platform name="blackberry10">
    <icon src="res/bb10/icon-86.png" />
    <icon src="res/bb10/icon-150.png" />
</platform>
Firefox OS： 
     <platform name="firefoxos">
              <icon src="res/ff/logo.png" width="60" height="60" />
     </platform>
iOS：
     <platform name="ios">
              <!-- iOS 8.0+ -->
              <!-- iPhone 6 Plus  -->
              <icon src="res/ios/[email protected]" width="180" height="180" />
              <!-- iOS 7.0+ -->
              <!-- iPhone / iPod Touch  -->
              <icon src="res/ios/icon-60.png" width="60" height="60" />
              <icon src="res/ios/[email protected]" width="120" height="120" />
              <!-- iPad -->
              <icon src="res/ios/icon-76.png" width="76" height="76" />
              <icon src="res/ios/[email protected]" width="152" height="152" />
              <!-- iOS 6.1 -->
              <!-- Spotlight Icon -->
              <icon src="res/ios/icon-40.png" width="40" height="40" />
              <icon src="res/ios/[email protected]" width="80" height="80" />
              <!-- iPhone / iPod Touch -->
              <icon src="res/ios/icon.png" width="57" height="57" />
              <icon src="res/ios/[email protected]" width="114" height="114" />
              <!-- iPad -->
              <icon src="res/ios/icon-72.png" width="72" height="72" />
              <icon src="res/ios/[email protected]" width="144" height="144" />
              <!-- iPhone Spotlight and Settings Icon -->
              <icon src="res/ios/icon-small.png" width="29" height="29" />
              <icon src="res/ios/[email protected]" width="58" height="58" />
              <!-- iPad Spotlight and Settings Icon -->
              <icon src="res/ios/icon-50.png" width="50" height="50" />
              <icon src="res/ios/[email protected]" width="100" height="100" />
     </platform>
Tizen： 
     <platform name="tizen">
              <icon src="res/tizen/icon-128.png" width="128" height="128" />
     </platform>

Windows Phone8：

     <platform name="wp8">
              <icon src="res/wp/ApplicationIcon.png" width="99" height="99" />
              <!-- tile image -->
              <icon src="res/wp/Background.png" width="159" height="159" />
     </platform>
Windows8： 
     <platform name="windows8">
              <icon src="res/windows8/logo.png" width="150" height="150" />
              <icon src="res/windows8/smalllogo.png" width="30" height="30" />
              <icon src="res/windows8/storelogo.png" width="50" height="50" />
     </platform>
二、啟動螢幕設定 圖片檔案放在www之外目錄，支援平臺：android、ios、wp8、windows8、blackberry10 設定圖片路徑後必須結合時間設定<preference name="SplashScreenDelay" value="5000" /> 
<platform name="android">
    <!-- you can use any density that exists in the Android project -->
    <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/>
    <splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/>
    <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/>
    <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/>

    <splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/>
    <splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/>
    <splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/>
    <splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/>
</platform>

<platform name="ios">
    <!-- images are determined by width and height. The following are supported -->
    <splash src="res/screen/ios/Default~iphone.png" width="320" height="480"/>
    <splash src="res/screen/ios/[email protected]~iphone.png" width="640" height="960"/>
    <splash src="res/screen/ios/Default-Portrait~ipad.png" width="768" height="1024"/>
    <splash src="res/screen/ios/[email protected]~ipad.png" width="1536" height="2048"/>
    <splash src="res/screen/ios/Default-Landscape~ipad.png" width="1024" height="768"/>
    <splash src="res/screen/ios/[email protected]~ipad.png" width="2048" height="1536"/>
    <splash src="res/screen/ios/[email protected]~iphone.png" width="640" height="1136"/>
    <splash src="res/screen/ios/Default-667h.png" width="750" height="1334"/>
    <splash src="res/screen/ios/Default-736h.png" width="1242" height="2208"/>
    <splash src="res/screen/ios/Default-Landscape-736h.png" width="2208" height="1242"/>
</platform>

<platform name="wp8">
    <!-- images are determined by width and height. The following are supported -->
    <splash src="res/screen/wp8/SplashScreenImage.jpg" width="768" height="1280"/>
</platform>

<platform name="windows8">
    <!-- images are determined by width and height. The following are supported -->
    <splash src="res/screen/windows8/splashscreen.png" width="620" height="300"/>
</platform>

<platform name="blackberry10">
    <!-- Add a rim:splash element for each resolution and locale you wish -->
    <!-- http://developer.blackberry.com/html5/documentation/rim_splash_element.html -->
    <rim:splash src="res/screen/windows8/splashscreen.png"/>
</platform>


<preference name="SplashScreenDelay" value="10000" />
cordova提供的螢幕外掛：https://github.com/apache/cordova-plugin-splashscreen cordova plugin add cordova-plugin-splashscreen

相關推薦

cordova學習二：圖示與啟動螢幕設定

一、圖示設定 <icon src="res/ios/icon.png" platform="ios" width="57" height="57" density="mdpi" /> 在config.xml裡配置icon標籤設定app圖示 src：圖片存放路徑

python django學習二： static文件處理與線上部署測試

image 運行 color 文件處理 收集 scrip 線上部署 ges sta static文件相關操作涉及：a. 文件位置與訪問路徑映射b. setting.py與static相關配置 STATIC_URLSTATIC_ROOTSTATICFILES_DIRS

Python基礎學習二：列表，字典，深拷貝與淺拷貝

④使用pop（）方法刪除元素：pop方法用於移出列表中的一個元素（預設是最後一個元素），可以指定元素索引，並且返回該元素的值。     使用del語句刪除元素：如果知道要刪除的元素在列表中的位置，可使用del語句刪除元素，元素一旦被刪除之後就再也無法訪問。  

RabbitMQ的學習(二)：簡單的java demo實現RabbitMQ的傳送與接收

通過第一章已經很輕鬆地實現了RabbitMQ的安裝和啟動，第二章開始最簡單的java demo學習，一層一層深入瞭解RabbitMQ的牛逼之處，期間肯定也會碰到很多問題，這些問題，將會收集起來，最後面去解決同時也會寫相關的文章。 一、專案相關jar包匯入： 新建一個maven工程，p

iOS開發簡記（1）：指定APP的圖示與啟動圖

各位兄弟姐妹們，早上好，本人花了將近一個月的時間打造了一個完整的IOS版的App， 期間包括開發，測試，上線稽核，現在花點時間把實現的過程分享給大家，“知音”app功能簡單，適合物件為初學者，後面我會把iOS客戶端原始碼、API介面原始碼“呈獻”給大家，謝謝大家的支援， 歡迎園友一起交流一起學習，廢話少說，裝

spring boot學習二：Spring Boot自動裝配分析與實戰

Web application conditions：@ConditionalOnWebApplication和@ConditionalOnNotWebApplication，當專案是web專案，或者不是web專案的條件註解 SpEL expression conditions：@Conditional

Hadoop源碼學習筆記之NameNode啟動流程分析二：http server啟動源碼剖析

選擇 stop down gen java類 屬性 功能 集群 aslist NameNodeHttpServer啟動源碼剖析，這一部分主要按以下步驟進行： 　　一、源碼調用分析 　　二、偽代碼調用流程梳理 　　三、http server服務流程圖解 第一步，源碼調用分析

zookeeper學習心得二：同步與非同步

　　上一節中，我們看到很多操作zk節點的方式有同步和非同步兩種方式，那麼問題來了： （1）兩種方式有什麼區別？ （2）哪種方式更好？應該用那種方式來寫程式碼？ （3）最好的方式有哪些其他方面的知識？ 本節我們從這三個角度來分析這個問題，畢竟基礎得好才可以

Jenkins學習二：Jenkins安裝與配置

安裝前關注： Q:應該選擇哪個版本的Jenkins？ A:如果你是公司正式使用推薦長期支援版(LTS)，原因：穩定。如果你是學習，隨便哪個版本都可以。 Q:JDK應該安裝哪個版本的？ A:推薦安裝JDK7，原因：某些外掛必須要求JDK7的支援。比如：Monitoring 外掛 Q:Tomcat應該用哪個版本

執行緒學習二：執行緒池執行Runnable與Callable

1、瞭解執行緒池幾個類之間的關係 （結合圖看後面的分析）       FutureTask  繼承 RunnableFuture , RunnableFuture 實現介面 Runnable 2、分析常用呼叫執行緒池程式碼（以下稱為程式碼A）

機器學習(二)：理解線性迴歸與梯度下降並做簡單預測

# 預測從瞎猜開始 按[上一篇文章](https://mp.weixin.qq.com/s/-KsbtgOc3C3ry-8P5f8K-Q)所說，機器學習是應用數學方法在資料中發現規律的過程。既然數學是對現實世界的解釋，那麼我們迴歸現實世界，做一些對照的想象。 想象我們面前有一塊塑料泡沫做的白板，白板上

u-boot學習(五)：u-boot啟動內核

cor 定義 嵌入式 code efi cpu 頭文件 ng- part u-boot的目的是啟動內核。內核位於Flash中，那麽u-boot就要將內核轉移到內存中。然後執行命令執行之。這些操作是由bootcmd命令完畢的。 bootcmd=nand read.jffs

WPF學習二：TextBlock和Label的區別

padding eight 前景 繼承 man ont blog led use TextBlock和Label都是用來顯示少量數據的。好多文章對Label存在的描述都是它允許使用"快速獲取"。"快速獲取"就是允許你用Alt加上其它的按鍵快速和UI界面的某個控件交互，比如你

史上最全: svn與git的對照(二)：svn與git的相關概念

fill 來看 out avi head clas 相關 iss b2c 如圖1是svnserver端數據的文件夾結構 以下是gitserver端的文件夾結構 縱觀svn和git服務端的文件夾結構我們非常easy發現 1.有些目錄還是蠻像的。甚

雜記整理二：linux與程序安裝

。。 for virtual cse nbsp rep 無法 device ebo ---恢復內容開始---debian下 Mysql手動刪除不幹凈，有殘留，無法更新安裝 先sudo apt-get purge mysql-server-5.5 卸載 再用 rm -rf /

緩存系列之二：CDN與其他層面緩存

級別 spl pecl apache 分布式緩存 -o 真實ip har 分享 緩存系列之二：CDN與其他層面緩存 一：內容分發網絡（Content Delivery Network），通過將服務內容分發至全網加速節點，利用全球調度系統使用戶能夠就近獲取，有效降低訪問延遲，

[Java]Servlet工作原理之二：Session與Cookie

工作 一段時間 .cn cookie font ava logs mage ont （未完待續） 一、Cookie Cookie 用於記錄用戶在一段時間內的行為，它有兩個版本：Version 0 和 Version 1，分別對應兩種響應頭 Set-Cookie 和 Set-

MySQL學習筆記：definer與sql security

proc gin clas 默認 value 操作 有關 col 存儲過程 　　在以下例子中，出現definer於sql security invoker，導致不解，遂學習一翻。 # 創建存儲過程 DELIMITER $$ CREATE DEFINER = Hider@l

Scala系統學習(二)：Scala開發環境安裝配置

www 執行 posit 令行 完成後 version 繼續 environ ava Scala可以安裝在任何基於UNIX/Linux或基於Windows的系統上。在您的機器上開始安裝Scala之前，必須在計算機上安裝Java 1.8或更高版本。 下面請按照以下步驟安裝S

GreenPlum學習筆記：date_part與extract提取日期時間、時間差

sta 抽取 提取 pan hour 日期時間 str 類型 art 　　GP可以使用date_part / extract從日期時間類型中抽取部分內容。 方法一：extract 　　格式：extract(field from source) extract函數從日期、時