DevExpress.XtraEditors.SidePanel,
它是 DevExpress 提供的“側邊滑出”面板(類似于抽屜、浮動信息區),非常適合做可隱藏的參數區、幫助區、臨時交互區等。
SidePanel 用法核心點
1. 基本用法
- 可容納其它控件,就像普通的Panel一樣;
- 支持動畫滑出/隱藏,可手動或代碼控制其“出現/收回”;
- 可固定在父控件的上下左右四邊。
2. 常用屬性說明
Dock
設置為Left
/Right
/Top
/Bottom
,即吸附到父容器某一邊。一般做抽屜效果推薦Right
或Left
。Visible
控制是否顯示(可代碼隨時隱藏/顯示)。AllowResize
允許用戶拖動改變SidePanel寬高(默認True)。
3. 典型使用場景
- 作為高級設置、詳細信息、歷史記錄的浮出式側欄。
- 當需要時動畫滑出,不需要時隱藏,主界面更清爽。
- 可在按鈕、菜單或自動觸發時彈出(比如“參數詳情”/“結果分析”)。
4. 代碼控制 SidePanel 的顯示與隱藏
// 顯示
sidePanel1.Visible = true;// 隱藏
sidePanel1.Visible = false;// 切換(常用于按鈕點擊)
sidePanel1.Visible = !sidePanel1.Visible;
5. 設置動畫(可選)
有些DevExpress版本支持動畫:
sidePanel1.Show();
sidePanel1.Hide();
有的版本
Show()
/Hide()
方法自帶動畫,如果沒有可用Visible = true/false
。
6. Dock 布局建議
- 讓 sidePanel1
Dock=Right
或Dock=Left
,
它會自動占據父容器的右(或左)側,且彈出/收回時不會影響主內容布局。
7. 在設計器里怎么用?
- 拖一個
SidePanel
到你的主界面; - 設置
Dock
到你想要的邊(一般Right
/Left
); - 拖你需要的控件(Label、Button等)到SidePanel里;
- 需要顯示/隱藏時,代碼控制
sidePanel1.Visible = true/false
即可; - 可以用按鈕、菜單等觸發 SidePanel 的出現/隱藏。
實際例子
場景1:右側滑出參數詳情
// 點擊“高級參數”按鈕
private void btnAdvancedParams_Click(object sender, EventArgs e)
{sidePanel1.Visible = !sidePanel1.Visible;
}
- 用戶點擊按鈕,sidePanel1右側滑出顯示參數;
- 再次點擊按鈕(或點sidePanel里“關閉”按鈕),sidePanel1隱藏。
一句話總結
DevExpress SidePanel 是用于實現可動態顯示/隱藏的側邊面板(抽屜),支持Dock到父容器四邊,代碼里用 Visible 控制即可,非常適合彈性參數區和信息區。