close

現在我們來自行定義執行程式Icon...

 

啟稿: 2015/01/10

完稿: 2015/01/11

 

QT CueTai線索台

跨平台實作08-跨平台實作進階:自行定義執行程式Icon,OS X下之實例

 

好不容易寫好的Mac OS Xapp,建置後程式的圖示竟然是Xcode標準圖示如下:

08-01.PNG

 

既然自己寫的程式,當然也用自己的程式圖示,所以我們來看看QT如何在Mac OS X下採用自行定義執行程式Icon

 

 

 

Mac OS X所需要的Icon與其他作業系統不一樣,其副檔名為*.icns,各位可以利用以下的免費程式將預先做好的圖檔,轉換成所需要的檔案格式!

- img2icns

- Eicons

下圖是Eicons執行的畫面,只要把預先做好的圖檔拖曳過去就可以轉換成所需要的icns

08-02.PNG

 

在此我們就選一個鬧鐘圖示來轉換,轉換後放在source code目錄下:

08-03.PNG

 

經過轉換後的檔,在預覽程式中會發現,原來該檔是多個大小不同Icon的集合,怪不得副檔名icns有一個s

08-04.PNG

 

準備好了所需要的圖示,現在可以在QT下加入自行定義程式Icon了!

 

l   在QT下建置Mac OS封裝Icon

QT要如何建置應用程式Icon呢?網路上Google也可以得到相關的資訊,其實QT內部說明文件就有相當詳細的說明,只是不知要鍵入什麼樣的keyword,各位可以試試看在QT說明畫面的搜尋欄位輸入keyword "icon",可能會得到一堆有關QIcon資訊,但是若各位輸入keyword "Application Icon",就會發現如下相當有用的資訊:Set the Application Icon

08-05.PNG

 

在此說明中包括了Windows, Mac OS, Linus三大作業系統如何加入應用程式圖示說明,在此我們參考第二段有關Mac OS的說明;要Mac OS加上圖示,只要將icns檔放在source code目錄下,在pro檔中加如以下的設定就可以了!

ICON = myapp.icns

 

所以我們可以修改analogclock.pro內容如下:

 

ResourcesFiles.files = \

        ../analogclock/audio/alarm.wav \

        ../analogclock/audio/bird.wav \

        ../analogclock/audio/cricketnight.wav \

        ../analogclock/audio/dolphin.wav \

        ../analogclock/audio/hour.wav \

        ../analogclock/audio/laser.wav \

        ../analogclock/audio/water.wav

ResourcesFiles.path = resource

QMAKE_BUNDLE_DATA += ResourcesFiles

ICON = ../analogclock/analogclock.icns

 

l   建置與執行

要建置正式執行appOpNow還是要改為:

    clock.OpNow = clock.APP_;                       //APP_, DEBUG_, RELEASE_

檢查一下建置後程式的目錄下放置所有的檔案如下

08-06.PNG

 

如此就大功告成!

 

l   延伸應用及問題

為何Set the Application Icon說明文件沒有iOS呢?

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 Philip4G 的頭像
    Philip4G

    Philip4G四眼仙機的部落格

    Philip4G 發表在 痞客邦 留言(0) 人氣()