Philip4G四眼仙機的部落格

讓我們來看Windows...

啟稿: 2015/01/12

完稿: 2015/01/13

QT CueTai線索台

跨平台實作10-跨平台實作進階：自行定義執行程式Icon，Windows下的實例

在Windows所看到標準建置後程式的圖示是如同標準DOS prompt的圖示:

既然自己寫的程式，當然也用自己的程式圖示，所以我們來看看QT如何在Windows採用自行定義執行程式Icon！

l   準備Windows所需要的Icon

Windows作業系統的Icon副檔名是ico，這種檔案不像iPhone要多個不同大小的單一png檔，而比較像Mac OS的icns那樣的複合檔的單一的圖檔，當然它也可以是單一一個圖示的ico檔；我們先來看看Windows系統中其他程式的ico檔：以下的ico檔內部就有三種解析度及兩種色度的六個圖示：

再來下面這個範例就只有單一一個圖示：

所以我們可以將Mac OS那樣的icns複合圖檔轉成Windows作業系統的ico，或著自行繪製；無論採用哪一種方法，你都需要一套好用的繪圖轉圖軟體；你可以利用Visual Studio C++來幫你編輯，當然還以相當多不錯的應用軟體可以幫助你，在此介紹一套不錯的shareware: IcoFX，就算不用正式版功能也相當完善!我們可以用IcoFX讀入原來Mac OS那樣的icns複合圖檔轉成Windows作業系統的ico!

準備好了所需要的圖示，現在可以在QT下加入Windows所需要的程式Icon了！

l   在QT下建置Windows封裝的Icon

上次我們在QT說明畫面的搜尋欄位輸入keyword "Application Icon"，發現了相當有用的Setting the Application Icon資訊！說明中包括了Windows, Mac OS, Linus三大作業系統如何加入應用程式圖示說明，一開始就是有關Windows作業系統下該如何加入icon：

在此說明的相當清楚，你只要將此ico檔放在與source code同一目錄下，並在Project pro檔中加入下面的qmake巨集命令即可：

RC_ICONS = myappico.ico

另外的方法就是採用自行定義的RC file，在該RC file中加入的定義入下：

IDI_ICON1               ICON    DISCARDABLE     "myappico.ico"

然後再修改Project pro檔中不是用RC_ICONS而是加入下面的qmake巨集命令即可：

RC_FILE = myapp.rc

所以我們可以修改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 = Resources

    INSTALLS += ResourcesFiles

    RC_ICONS = analogclock.ico

l   建置與執行

建置後在Windows正式執行結果如下：

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

如此就大功告成！

l   延伸應用及問題

How about Android?