Cordova 專案分析

接下來介紹一個Cordova專案的細部說明

目錄說明

建好一個Cordova專案，基本上包含以下四個目錄及一個檔案

• hooks/：提供編譯時的一些動作設定，比方說after_build時加入一些動作。
• platforms/：建立的平台檔案會放在這個目錄，如android, ios等。
• plugins/：放置外掛檔案的目錄。
• www/：主要網頁設計檔案的目錄。
• config.xml：組態設定檔，可根據不同的平台來進行個別的設定。

第一個專屬APP

修改config.xml來建立一個有自己名稱跟圖示的Android App，修改如下

<name>HelloWorld</name>

改成

<name>我的第一個APP</name>

接下來針對Android平台，修改APP圖示，找到以下文字

<platform name="android">
    ...
</platform>

修改成針對不同解析度的Android手機提供不同圖示，目錄的起始點為config.xml(注意：圖示僅能為png格式)

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

修改完畢後，在命令提示字元中輸入，即可在手機桌面上看到該圖示。

cordova run android