DevExpress WPF擁有120+個控件和庫，將幫助您交付滿足甚至超出企業需求的高性能業務應用程序。通過DevExpress WPF能創建有著強大互動功能的XAML基礎應用程序，這些應用程序專注于當代客戶的需求和構建未來新一代支持觸摸的解決方案。

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

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

DevExpress WPF v22.1正式版下載

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

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

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

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

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

用法示例

根據文件格式限制上傳

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

實現

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

為了復制這個實現，開發人員需要將添加到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允許用戶打開并選擇一個工作文件夾，用戶還可以直接將文件夾拖放到編輯器中。

實現

要打開/選擇文件夾，開發人員需要使用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值時，對話框窗口允許我們保存文件，而不是打開它。

實現

在這個代碼示例中，我們使用屬性的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>