WPF應用界面開發技巧放送!DevExpress Breadcrumb控件

點擊“瞭解更多”獲取DevExpress v19.2完整版

通過DevExpress WPF Controls,您能創建有著強大互動功能的XAML基礎應用程序,這些應用程序專注於當代客戶的需求和構建未來新一代支持觸摸的解決方案。

新的WPF Breadcrumb控件使一個導航欄,類似於自Windows 7以來Microsoft Explorer使用的一個導航欄。

WPF應用界面開發技巧放送!DevExpress Breadcrumb控件

數據綁定

Breadcrumb控件顯示分配給其ItemsSource屬性的對象集合,數據源可以包含分層數據,每個節點都引用一個或多個子節點。在運行時,控件將在此樹種顯示當前導航位置。

該控件支持綁定到幾個數據源結構。

  • 自引用結構包括父引用,它可以是ID或對象引用。 您可以使用ParentMember屬性為此情況進行配置。
  • 使用ChildMember屬性中配置的字段可瀏覽帶有子元素集合的數據類型。 只要子集合名稱相同,層次結構中的類型就可以不同。
  • 為了支持具有不同類型的分層結構,可以分配一個自定義子選擇器實現(使用IChildSelector接口),該選擇器使用自定義邏輯來訪問嵌套元素。

在所有情況下,都可以使用字段名稱配置(例如DisplayMember和ImageMember)來檢索項目文本和圖像之類的詳細信息,但是事件也可以靈活地用於不同類型的事件。

演示Breadcrumb代碼示例可用來顯示這些不同的結構,如果您的計算機安裝了演示程序,則可以單擊此鏈接運行它。

編輯模式

Breadcrumb控件可以在兩種編輯模式下操作:

  • 在Path Mode下,最終用戶在編輯框中輸入路徑,Breadcrumb控件會在用戶輸入是顯示建議的下拉列表。
WPF應用界面開發技巧放送!DevExpress Breadcrumb控件

  • 在Items Mode下,最終用戶可以從下拉列表中導航選擇節點的層次結構。
WPF應用界面開發技巧放送!DevExpress Breadcrumb控件

兩種模式會在運行時根據用戶操作進行組合,但是可以再需要時顯示設置特定模式,該動畫顯示了一個示例:

WPF應用界面開發技巧放送!DevExpress Breadcrumb控件

查看演示的Breadcrumb File System Navigation親自測試此功能,如果您的計算機上安裝了演示,請單擊此鏈接。



分享到:


相關文章: