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

本教程提供了帶狀和高級帶狀網(wǎng)格視圖的基本信息，您將學(xué)習(xí)如何在設(shè)計時創(chuàng)建和自定義帶狀布局。

獲取DevExpress WinForms 正式版下載

DevExpress技術(shù)交流群11：749942875      歡迎一起進(jìn)群討論

Banded Grid View功能

Banded Grid View（帶狀網(wǎng)格視圖）將數(shù)據(jù)顯示為表格，同時將列組織為邏輯組——帶狀。

從視覺上看，一個band由顯示在列標(biāo)題上方的標(biāo)題表示，Banded Views（帶狀視圖）允許您創(chuàng)建分層結(jié)構(gòu)。較高級別的Car band可以是較低級別的模型和類別bands的父級。拖放band標(biāo)題時，它的子bands和列都會被移動，隱藏一個band會自動隱藏所有的子bands。

Banded View（帶狀視圖）支持?jǐn)?shù)據(jù)排序、過濾和其他繼承自其父Grid View（網(wǎng)格視圖）的功能。

在高級Banded Grid View（帶狀網(wǎng)格視圖）中，列可以排列在另一列之下或占用多行。它使行變高，但允許您將更多列放入視圖中。

開始

從使用默認(rèn)網(wǎng)格視圖格式顯示數(shù)據(jù)的網(wǎng)格控件開始，運(yùn)行應(yīng)用程序來查看初始布局。

將自動創(chuàng)建包含所有可見列的單個band。

切換到Banded Grid View（帶狀網(wǎng)格視圖）

使用網(wǎng)格的.切換到Banded Grid View（帶狀網(wǎng)格視圖）。

將自動創(chuàng)建包含所有可見列的單個band。

創(chuàng)建和自定義帶狀布局

要創(chuàng)建新的bands并自定義它們，請調(diào)用Grid Designer（網(wǎng)格設(shè)計器）并轉(zhuǎn)到Bands頁面，該頁面包含預(yù)覽部分、一組自定義按鈕和Property網(wǎng)格。要添加新的band，請單擊Add New Band…按鈕。

新創(chuàng)建的bands可以通過拖動其標(biāo)題進(jìn)一步移動到另一個位置，要在特定位置創(chuàng)建新的bands，請按住Add New Band… 按鈕并將鼠標(biāo)光標(biāo)移動到band面板中的目標(biāo)位置。

拖拽bands時，它的子列也會被重新定位。要在bands之間移動列，也可以使用拖放。

您可以通過選擇現(xiàn)有band，然后單擊Delete Selected Band按鈕來刪除該波段。

單擊Show Column Selector按鈕打開自定義表單，它包含兩個選項卡，并允許您隱藏或恢復(fù)bands和列。將bands的標(biāo)題拖放到自定義表單中，來隱藏該band和列。若要恢復(fù)band，請將氣標(biāo)題拖回到band面板。與列一樣，您也可以通過簡單地將標(biāo)題從標(biāo)題面板中拖出來隱藏band。

Bands可以像列一樣調(diào)整大小——通過拖動標(biāo)題的右邊緣。

若要在Property（屬性）網(wǎng)格中訪問band的設(shè)置，請單擊該band的標(biāo)題，使用屬性更改標(biāo)題中顯示的文本。

創(chuàng)建更多的bands，并向其中添加列。

網(wǎng)格控件還提供對列和bands的表單上訪問，而無需調(diào)用設(shè)計器。您可以隱藏和顯示現(xiàn)有bands，重新排序列，在其父頻帶中移動bands，調(diào)整bands大小和自定義bands設(shè)置。

運(yùn)行應(yīng)用程序來查看帶狀網(wǎng)格視圖布局的效果。

切換到高級帶狀網(wǎng)格視圖

關(guān)閉應(yīng)用程序并使用網(wǎng)格的Level Designer切換到高級帶狀網(wǎng)格視圖。

如您所見，保留了先前創(chuàng)建的band布局。

自定義高級帶狀布局

將列標(biāo)題排列到多行中，將Category列和Liter列移動到父 bands內(nèi)的第二行。

因此，列標(biāo)題下方出現(xiàn)空白。為這些列啟用選項，使它們占用所有可用的空白空間。

默認(rèn)情況下，此視圖類型的自動寬度功能是禁用的。要啟用它，將視圖的選項設(shè)置為true。

運(yùn)行應(yīng)用程序來查看結(jié)果。

關(guān)于慧都科技

慧都是?家?業(yè)數(shù)字化解決?案公司，專注于軟件、?油與?業(yè)領(lǐng)域，以深?的業(yè)務(wù)理解和?業(yè)經(jīng)驗，幫助企業(yè)實現(xiàn)智能化轉(zhuǎn)型與持續(xù)競爭優(yōu)勢。

慧都科技是DevExpress的中國區(qū)的合作伙伴，DevExpress作為用戶界面領(lǐng)域的優(yōu)秀產(chǎn)品，幫助企業(yè)高效構(gòu)建權(quán)限管理、數(shù)據(jù)可視化（如網(wǎng)格/圖表/儀表盤）、跨平臺系統(tǒng)（WinForms/ASP.NET/.NET MAUI）及行業(yè)定制解決方案，加速開發(fā)并強(qiáng)化交互體驗。