首頁 > 易卦

如何在Winform程式介面新增自定義圖示提高介面的個性化

作者:由 不如溫暖過生活 發表于 易卦日期:2021-12-07

窗體應用怎麼改圖示

DevExpress Winforms Controls

內建140多個UI控制元件和庫,完美構建流暢、美觀且易於使用的應用程式。DevExpress WinForm v20。1全新發布,想要體驗?點選文末“

瞭解更多

”>>

在我們一般的程式中,為一般的介面元素新增一定的圖示展示,有助於提升介面的整體的美觀。結合排版佈局,以及固定場景的圖示,往往給使用者非常好的直觀感受:統一、美觀、易理解。因此在一般的程式介面中,都儘量在略顯單調的介面增加一些圖示進行點綴,能夠達到較好的整體效果。本文介紹在Winform程式介面中,可以使用自己的圖示庫,也可以引入DevExpress程式中使用內建的圖示,從而實現給開發的程式潤色。

一、使用自己的圖示庫

不管在Web還是在WInform專案裡面,開發者積累一定的圖示庫,包括256,128,64畫素等大型的圖示,或者常規32,16畫素規格的圖示都是比較不錯的,有時候可以選擇符合主題和場景的圖示,給開發的程式增添更美麗的元素。

不過即使自己儲存不夠,也不要緊,可以透過網站搜尋一些符合要求的圖示,網站上也有很多免費的圖示可以下載,如下面幾個網址:

http://www。iconfinder。com/

http://www。iconpng。com/

http://findicons。com/

http://www。iconseeker。com/

http://mricons。com/

http://www。iconarchive。com/

從中總能找到自己所需要主題的圖示的。

如何在Winform程式介面新增自定義圖示提高介面的個性化

如何在Winform程式介面新增自定義圖示提高介面的個性化

如下面是我WInform開發框架裡面的程式主介面風格,使用了很多自己的圖示。

二、使用DevExpress內建的圖示庫

在一些常規的介面裡面,如編輯介面和查詢介面裡面的按鈕,我傾向於使用內建的DevExpress圖示,這樣程式看起來比較統一,例如我在介面設計的基類窗體裡面,圖示應用效果如下所示。

如何在Winform程式介面新增自定義圖示提高介面的個性化

新增圖示方式非常簡單,在按鈕的右上角小圖示上單擊一下進入編輯介面,如下所示。

如何在Winform程式介面新增自定義圖示提高介面的個性化

然後選擇Image按鈕,進入圖示選擇介面,選擇內建的DevExpress圖示庫即可,基本上,只要是DevExpress的原生控制元件,那麼就可以透過這種內建圖示的對話方塊進行圖示選擇,非常方便。

如何在Winform程式介面新增自定義圖示提高介面的個性化

大圖示選擇32*32的,小圖示則可以選擇16*16的尺寸。

這樣我們設計一些常規的列表介面操作按鈕的時候,可以選擇同一的圖示,形成較為標準的圖示。

如何在Winform程式介面新增自定義圖示提高介面的個性化

如何在Winform程式介面新增自定義圖示提高介面的個性化

如何在Winform程式介面新增自定義圖示提高介面的個性化

如何在Winform程式介面新增自定義圖示提高介面的個性化

以上就是我WInform開發框架、混合式開發框架裡面,WInform介面的的圖表設計,當然很多介面如樹列表、右鍵選單、工具條等都可以採用一定的圖示,把介面裝飾的更加美觀大方,易於理解。

本文轉載自部落格園-伍華聰

今天的內容就是這些了,點選“

瞭解更多

”獲取免費體驗資格!