DevExpress WPF擁有120+個控件和庫，將幫助您交付滿足甚至超出企業(yè)需求的高性能業(yè)務應用程序。通過DevExpress WPF能創(chuàng)建有著強大互動功能的XAML基礎應用程序，這些應用程序?qū)Ｗ⒂诋敶蛻舻男?求和構建未來新一代支持觸摸的解決方案。

DevExpress WPF的Theme Designer是一個獨立的工具，允許開發(fā)人員根據(jù)內(nèi)置的DevExpress WPF應用程序主題修改和創(chuàng)建新的主題，本文主要介紹WPF主題設計器的可視化元素。

許多DevExpress的忠實用戶都在反饋想要一個這樣的UI控件，可以解決一個簡單的需求：選擇一個文件或文件夾并將結果傳遞給編輯器。在本文中，我們將為大家介紹如何使用新的WPF BrowsePathEdit在DevExpress驅(qū)動的WPF應用程序中配置文件/文件夾選擇。

DevExpress WPF v22.1正式版下載

DevExpress技術交流群6：600715373      歡迎一起進群討論

全新的WPF BrowsePathEdit組件是很有價值的，如果您需要執(zhí)行以下操作：

• 選擇打開操作的文件/文件夾路徑
• 選擇“另存為”操作的文件路徑

這個新的UI控件包括以下功能：

• 文件和文件夾的自定義圖標支持(從文件系統(tǒng)加載)
• 拖放 - 允許用戶從文件系統(tǒng)中拖動文件并獲取文件路徑信息
• 所選路徑旁邊顯示的Clear按鈕

用法示例

根據(jù)文件格式限制上傳

本示例基于特定的文件格式限制文件上傳（對于本示例，我們將文件上傳操作限制為PDF文件），此示例還顯示了一個自定義PDF圖標，以指示文件格式限制。

實現(xiàn)

下面的代碼向應用程序添加文件格式限制并更改圖標。

為了復制這個實現(xiàn)，開發(fā)人員需要將添加到Window Resources中，并為.指定 。

<dx:ThemedWindow.Resources>
<local:IconSelector x:key="iconSelector">
</local:IconSelector>
</dx:ThemedWindow.Resources>
<!---->
<dxe:BrowsePathEdit DialogType="FileOpen"
EditValue="{Binding SourceFilePath, UpdateSourceTrigger=PropertyChanged}"
DialogFilter="*.pdf|*.pdf"
PathIconSelector="{StaticResource iconSelector}">
</dxe:BrowsePathEdit>

在下面的代碼中， 類指定了自定義PDF圖標的路徑。

public class IconSelector : IPathIconSelector {
public ImageSource Select(string path) {
if(File.Exists(path))
return new BitmapImage(new Uri("pack://application:,,,/DevExpress.Images.v22.2;component/Images/Export/ExportToPDF_16x16.png"));
return null;
}
}

打開一個文件夾

 BrowsePathEdit允許用戶打開并選擇一個工作文件夾，用戶還可以直接將文件夾拖放到編輯器中。

實現(xiàn)

要打開/選擇文件夾，開發(fā)人員需要使用BrowsePathEdit的屬性，并將AllowDrop屬性設置為true(并將ClearCommand添加到BrowsePathEdit控件)。

<dxe:BrowsePathEdit DialogType="Folder"
AllowDrop="True"
NullText="Drop a folder here">
<dxe:ButtonInfo GlyphKind="Cancel"
Command="{Binding (dxe:BaseEdit.OwnerEdit).SetNullValueCommand, RelativeSource={RelativeSource Self}}" />
</dxe:BrowsePathEdit>

要使用不同的圖標(無論是否指定路徑)，向IconSelector類添加兩個圖標路徑：

public class IconSelector : IPathIconSelector {
public ImageSource Select(string path) {
if(Directory.Exists(path))
return new BitmapImage(new Uri("pack://application:,,,/DevExpress.Images.v22.2;component/Images/Business Objects/BOFolder_16x16.png"));
return null;
}
}

選擇文件路徑

BrowsePathEdit控件的另一個特性是能夠選擇文件保存操作的路徑(例如，如果用戶生成了一個Excel文件并使用BrowsePathEdit控件將其保存在應用程序中)。

當我們使用屬性的FileSave值時，對話框窗口允許我們保存文件，而不是打開它。

實現(xiàn)

在這個代碼示例中，我們使用屬性的FileSave值，并指定DialogFilter屬性。

<dxe:BrowsePathEdit DialogType="FileSave"
DialogFilter="*.xlsx|*.xlsx"
EditValue="{Binding SourceFilePath, UpdateSourceTrigger=PropertyChanged}">
<dxe:ButtonInfo GlyphKind="Cancel"
Command="{Binding (dxe:BaseEdit.OwnerEdit).SetNullValueCommand, RelativeSource={RelativeSource Self}}" />
</dxe:BrowsePathEdit>