點(diǎn)擊獲取DevExpress v21.1完整版下載

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

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

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

C#/VB.NET

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

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

柵格圖像庫

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

下圖說明了DevExpress Image Gallery界面：

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

SVG圖像庫

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

該圖庫不允許您按大小和顏色過濾矢量圖標(biāo)，因?yàn)樗鼈儠鶕?jù)SvgImageSize或其他控件設(shè)置進(jìn)行縮放，并會根據(jù)所應(yīng)用的皮膚/調(diào)色板自動更改其顏色。

圖像選擇器

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

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

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

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

C#/VB.NET

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

圖像URI（上下文相關(guān)的光柵圖像）

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

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

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

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

C#/VB.NET

barButtonItem1.ImageUri.Uri = "SaveAll";

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

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

圖像集

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

C#/VB.NET

myButton.Image = imageCollection1.Images[2];

您還可以使用存儲在參考程序集中的圖像填充這些集合，為此請調(diào)用將程序集名稱作為參數(shù)的Add方法重載，或在設(shè)計時單擊相應(yīng)的智能標(biāo)記菜單項(xiàng)。

DevExpress技術(shù)交流群3：700924826      歡迎一起進(jìn)群討論