原創(chuàng)|使用教程|編輯:龔雪|2021-05-27 10:35:19.357|閱讀 282 次
概述:DevExpress WinForms能完美構(gòu)建流暢、美觀且易于使用的應(yīng)用程序,本文將為大家介紹如何使用圖像庫和上下文相關(guān)圖像。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
點(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界面:
指定矢量圖像(例如屬性)時,將調(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;
使用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)群討論
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@ke049m.cn
文章轉(zhuǎn)載自:慧都網(wǎng)