天天看點

cocos2dx工程 配置圖示(Icon)和啟動圖(LaunchImage)的方式

這裡使用的軟體版本:cocos2d-x 3.10        xcode 7.2.1

使用cocos new 指令建立了一個cocos工程,然後打開proj.ios_mac中的  XXX.xcodeproj工程檔案。

icon和啟動圖的設定位置是一樣的,下面看看如何設定吧,這裡先引用一篇部落格,AppIcon ,Launch Image xcode 設定(感謝部落客)還有 官方文檔給出的步驟。

打開xcode工程檔案後,在xcode中看到預設的工程檔案目錄是醬紫的:

cocos2dx工程 配置圖示(Icon)和啟動圖(LaunchImage)的方式

很明顯,icon開頭的,就是這個工程的icon檔案了,Default開頭的,就是項目的啟動圖(預設圖)。其實如果要求不高,可以直接同名替換這些圖檔(千萬要注意圖檔像素值大小),icon和啟動圖就都自動替換好了。但是這樣明顯不友善管理。是以下面我們使用.xcassets檔案來管理這兩個麻煩的東西。

點選左側的項目名,右邊會打開項目設定,“target”選擇為 XXX-mobile,然後在“General”項下可以看到 “App Icons and Launch Images”這一項。

先放一張配置過的圖

cocos2dx工程 配置圖示(Icon)和啟動圖(LaunchImage)的方式

配置前,這一項應該是下圖的樣子

cocos2dx工程 配置圖示(Icon)和啟動圖(LaunchImage)的方式

這裡選擇Use Asset Catalog,表示需要用xcassets檔案來管理icon和launchImage(我是先在ios/Icons檔案夾下建立了一個xcassets檔案,然後這裡點選按鈕的時候就直接選擇了我建立的檔案。不知道在自己沒有建立檔案時,這裡點選按鈕會不會自動建立一個)。

有了xcassets檔案之後,可以看到是醬紫的:

cocos2dx工程 配置圖示(Icon)和啟動圖(LaunchImage)的方式

一個xcassets檔案中可以建立多個用來管理圖檔的東西,不知道叫什麼,就是上圖中間一欄,AppIcon就是包含Icon檔案的東西,Brand Assets就是管理LaunchImage的東西。這一欄左下角有“+”和“-”可以用來建立和删除項。現在看到的兩項是配置時,點選 Use Asset Catalog 按鈕自動生成的。當然也可以自己定義,在項目配置的“App Icons and Launch Images”這一項下,原來的按鈕便成了選項框,可以手動選擇使用xcassets檔案中哪一項來管理圖檔。

關于生成xcassets檔案和引用的部分就是這些了。下面看看xcassets檔案裡面到底應該如何配置。

先看看工程檔案夾裡面的情況吧

cocos2dx工程 配置圖示(Icon)和啟動圖(LaunchImage)的方式

我是把icon檔案全部放到了對應的xcassets項下,個人認為這樣管理比較友善。

再放一張配置好icon的圖

cocos2dx工程 配置圖示(Icon)和啟動圖(LaunchImage)的方式

icon配置好後就是醬紫了,這些icon檔案的位置從上一張圖可以看到(如果隻是在檔案夾内放了圖檔,在這裡還沒有配置的話。這裡的每個框都是空着的,而且在所有框底下會多出一項名為Unassigned的東西,你檔案夾裡面的圖全部都會列在這裡。配置時,直接拖到上面對應的框就行)。每個框需要多大的圖也是一目了然了,例如左上角的三幅圖,對應大小是29*29    58*58   87*87。

配置的時候,你會發現有多個地方會需要配置同一張圖,但是這裡的圖示你隻能放在一個框裡,不能複制。這時候你就需要打開檔案夾了,就是上一幅圖所示内容。例如這裡需要配置兩個29*29的圖,但是你隻有一張29*29的圖,名為Icon-29.png。此時可以直接從檔案夾中,把Icon-29.png這張圖拖到需要引用29*29的圖的位置。此時檔案夾中會自動生成一張Icon-30.png的圖(這張圖不是預先建立好的30*30的圖啦),其尺寸為29*29。

關于icon的配置,這裡可以去看apple官網的介紹了。官方文檔  官方Q&A

Launch Image的配置也就如上了。需要注意一點的就是圖檔尺寸吧。我們可以看到xcassets裡面,和AppIcon一起被建立的Brand Assets裡面包含這些項

cocos2dx工程 配置圖示(Icon)和啟動圖(LaunchImage)的方式

裡面隻有ipad的配置,不知道為啥。我們可以把這個删掉,然後在上圖左邊欄點右鍵,選擇“App Icons & Launch Images”->"New iOS Launch Image",可以建立一個啟動圖的管理項。注意這裡需要在項目配置界面,“App Icons and Launch Images”這一項下配置一下,就是把 “Launch Image Source”一項選擇為剛才手動建立的東東。

手動建立的LaunchImage項是醬紫的

cocos2dx工程 配置圖示(Icon)和啟動圖(LaunchImage)的方式

關于哪個坑需要填哪張圖,這裡再連結一篇文章LaunchImage 啟動界面的标準大小 (感謝部落客)