點擊獲取DevExpress完整版下載

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

是Windows 10風格的表單，具有以下特點：

• 嵌入式Hamburger Menu ()
• Hamburger Menu的自適應布局模式
• Acrylic Material效果
• 顯示高亮可視化效果

IMPORTANT：Fluent Design Forms不能用作MDI容器。

新增Fluent Design Forms

要使用創建新項目，請使用的Fluent Design Application項目模板。

將標準表單轉化為Fluent Design Forms

要將現有表單轉換為FluentDesignForm，請使用Convert to Fluent Design Form命令，該命令可從以下位置獲得：

• 表單的智能標簽菜單
• FormAssistant組件（請參閱）

 要用代碼手動轉換表單，請將表單的基類更改為，您還需要將DevExpress.XtraBars庫添加到您的項目中。

C#

namespace DXApplication1 {
public partial class Form1 : DevExpress.XtraBars.FluentDesignSystem.FluentDesignForm {
public Form1() {
InitializeComponent();
}
}
}

VB.NET

Partial Public Class Form1
Inherits DevExpress.XtraBars.FluentDesignSystem.FluentDesignForm

Public Sub New()
InitializeComponent()
End Sub
End Class

表單元素

當使用Template Gallery和Convert to Fluent Design Form命令將Fluent Design Form添加到項目中時，它將創建三個控件：

• 啟用HamburgerMenu視圖類型的 - 允許您使用以簡單或分層列表形式排列的自定義命令來實現菜單（導航控件）。HamburgerMenu是提供的兩種視圖類型之一（屬性設置為HamburgerMenu），此視圖類型具有：
  • Hamburger按鈕（展開/折疊菜單）
  • 三種顯示模式（內聯，覆蓋和最小）。 調整表單大小時，Fluent Design Form會自動在這些模式之間切換。
• - 表單的標題，用于顯示表單的標題，并允許您在其表面上顯示自定義命令（欄項目鏈接）。
• - 將自定義控件添加到此容器中，來在表單的客戶區域中顯示它們。

Acrylic 和 Reveal Highlight效果

FluentDesignForm.EnableAcrylicAccent設置可為嵌入式Accordion Control (Hamburger Menu)啟用Acrylic Material（半透明紋理）和Reveal Highlight效果。 請注意，Accordion Control僅在串聯模式下支持此視覺效果。

注意：僅當應用程序在Windows 10 Version 1803 (OS build 17134) 或更高版本下運行時，才會啟用這兩種效果。 由于Windows API的最新更改，在Windows 10 Build 1903中暫時禁用了這些效果。

自適應布局

使用Adaptive Layout功能（默認情況下啟用），當您擴展或縮小表單時，Fluent Design Form會自動在 Inline、Overlay和Minimal直接之間切換到Hamburger Menu的顯示模式。

下面將描述Hamburger Menu的顯示模式(AccordionOptionsHamburgerMenu.DisplayMode)以及觸發顯示模式切換的表單寬度。

• Inline - 折疊時，Hamburger Menu顯示為側欄；展開時，其與表單內容一致。折疊菜單會擴大表單的內容區域，相反，擴展菜單會縮小該區域。
  • 寬度 - 寬度大于 （默認為650像素）
• Overlay - 折疊時，Hamburger Menu顯示為側欄；展開時，顯示為內容區域上方的覆蓋圖。
  • 寬度 - 寬度介于和之間（默認為450到650像素）
• Minimal - 折疊時，Hamburger Menu顯示為帶有單個項目的頂部對齊欄 (Hamburger button) ，展開時顯示為內容區域上方的覆蓋圖。
  • 寬度 - 寬度小于（默認為450像素）

注意：Fluent Design Form會以Minimal模式自動將Hamburger Menu的DockStyle設置為Top，從而將菜單呈現為條形。 在其他dock樣式中，Hamburger Menu呈現為方形Hamburger按鈕。

在設計時，選項被隱藏，您可以按以下方式在代碼中對其進行修改。

C#

public partial class Form1 : DevExpress.XtraBars.FluentDesignSystem.FluentDesignForm {
public Form1() {
InitializeComponent();
this.OptionsAdaptiveLayout.AdaptiveLayout = false;
}
...
}

VB.NET

Public Sub New()
InitializeComponent()
Me.OptionsAdaptiveLayout.AdaptiveLayout = False
End Sub

當 屬性設置為Standard時，不支持自適應布局功能。

Hamburger Menu重疊標題欄

默認情況下，Accordion Control (Hamburger Menu) 在某些外觀中占據整個窗體高度，與標題欄重疊。

必要時，可以通過覆蓋ExtendNavigationControlToFormTitle虛擬屬性來禁用此操作。

C#

public partial class Form1 : FluentDesignForm {
//...
protected override bool ExtendNavigationControlToFormTitle {
get { return false; }
}
}

VB.NET

Protected Overrides ReadOnly Property ExtendNavigationControlToFormTitle As Boolean
Get
Return False
End Get
End Property

注意：在以下情況下支持標題重疊功能：

• 您的表單使用以下皮膚之一：
  • The Bezier
  • Office 2019 Colorful
  • Office 2016 Black
  • Office 2016 Dark
  • Office 2016 Colorful
• 該應用程序在Windows 10 Version 1803 (OS build 17134)或更高版本上運行。

DevExpress技術交流群3：700924826      歡迎一起進群討論