點擊獲取DevExpress v21.1完整版下載

DevExpress WinForms擁有180+組件和UI庫，能為Windows Forms平臺創建具有影響力的業務解決方案。DevExpress WinForms能完美構建流暢、美觀且易于使用的應用程序，無論是Office風格的界面，還是分析處理大批量的業務數據，它都能輕松勝任！

DevExpress WinForms控件支持傳統的柵格和矢量（SVG）圖像。柵格圖像使用更頻繁，但在高DPI屏幕上變得模糊。可以調整矢量圖像的大小，而不會降低質量。

通常通過ImageOptions屬性組設置這兩種類型的圖像。

C#/VB.NET

simpleButton1.ImageOptions.SvgImage = SampleApp.Properties.Resources.security_high;
simpleButton2.ImageOptions.Image = SampleApp.Properties.Resources.Apple;

在設計時，使用類似Image Gallery或Image Picker之類的工具將所需的圖像快速分配給控件。

柵格圖像庫

在設計時為DevExpress UI元素指定圖標時，將出現帶有兩個選項卡的“Image Picker” 對話框：第一個選項卡顯示Visual Studio圖像選擇器；第二個顯示DevExpress圖像庫。

下圖說明了DevExpress Image Gallery界面：

• Category List：圖像庫中的圖標按類別分組：箭頭、郵件、導航、縮放等，您可以取消選中類別來將其從庫中排除。
• Size Selector：圖像庫圖標有兩種尺寸 - 16x16和32x32像素。
• Color Palettes：該組中的復選框允許您通過配色方案選擇圖像。
  • Colored - 包含體積多色圖像（默認）。
  • Grayscale - 與單色UI匹配的平面深灰色圖標。
  • DevAV - 平的混合用戶界面圖標。
  • Office 2013 - Office 2013風格的圖標。
• Resource Selector：您可以將選定的圖標添加到表單或項目資源中，如果將DevExpress圖標添加到項目資源，則可以在標準Visual Studio “Select Resource”對話框中將該圖標分配給非DevExpress控件。
• Search Panel：允許您按圖標名稱查找圖標（例如“保存”）。

SVG圖像庫

指定矢量圖像（例如屬性）時，將調用SVG圖像庫。

該圖庫不允許您按大小和顏色過濾矢量圖標，因為它們會根據SvgImageSize或其他控件設置進行縮放，并會根據所應用的皮膚/調色板自動更改其顏色。

圖像選擇器

要一次為多個UI元素設置圖標，請點擊表單的智能標簽，然后選擇“Image Picker”選項。圖像選擇器是一個非模式面板，您可以將其停靠在Visual Studio中的任何位置，您可以將圖標從此面板拖放到UI元素上。圖像選擇器可以“讀取”所選元素的標題并建議與該名稱匹配的圖標。

從版本19.1開始，可以使用Image Picker分配矢量圖像和光柵圖像，早期的Image Picker版本僅支持SVG圖像。

您可以將選定的Image Picker圖像復制到項目資源，為此請使用面板右上角的按鈕。

下面的代碼說明了如何在代碼中檢索資源圖像。

C#/VB.NET

simpleButton1.ImageOptions.SvgImage = SampleApp.Properties.Resources.security_high;

圖像URI（上下文相關的光柵圖像）

使用Image URI功能，您可以使用傳統的光柵圖像，這些圖像會根據所應用的外觀和控件的大小自動調整其大小和配色方案。 以下屏幕截圖演示了工具欄按鈕的上下文相關圖像如何在不同的皮膚中顯示：

支持上下文相關圖像的DevExpress控件和組件提供DxImageUri類型的ImageUri屬性，DxImageUri.Uri屬性使您可以按名稱訪問DX圖像庫圖像。 例如，在上圖中，工具欄按鈕的ImageUri屬性使用“Open”, “Save”, “SaveAll”, “Undo” 和 “Redo”名稱。指定圖像名稱后，控件會自動顯示與所應用的皮膚/圖像尺寸相對應的圖像。

在設計時，要為控件/組件指定上下文相關的圖像，請選擇control/component，然后單擊ImageUri屬性旁邊的省略號按鈕。單擊省略號按鈕調用Image Picker，然后選擇一個圖像并單擊OK。

在代碼中，您可以指定ImageUri屬性，如下所示。 圖像名稱可以在Image Picker對話框中找到，將鼠標懸停在圖像上顯示其通用名稱作為工具提示。

C#/VB.NET

barButtonItem1.ImageUri.Uri = "SaveAll";

顯示圖像的大小（及其配色方案）是自動確定的，例如Ribbon控件中的按鈕可以顯示大或小圖標。 當控件的寬度減小時，Ribbon控件可以自動顯示較小的按鈕圖像。 使用ImageUri屬性將圖像分配給Ribbon按鈕時，Ribbon會自動指定圖標大小。

注意：使用URI名稱分配圖像時，應部署DevExpress.Images.v20.2庫。

圖像集

圖像庫不提供公共API來從代碼訪問其圖像，解決方法是可以使用Gallery圖標填充任何DevExpress圖像集合（, ），并使用該集合在代碼中分配圖像。

C#/VB.NET

myButton.Image = imageCollection1.Images[2];

您還可以使用存儲在參考程序集中的圖像填充這些集合，為此請調用將程序集名稱作為參數的Add方法重載，或在設計時單擊相應的智能標記菜單項。

DevExpress技術交流群3：700924826      歡迎一起進群討論