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

在本教程中，我們將為您介紹學(xué)習(xí)更多關(guān)于用數(shù)據(jù)填充平鋪布局的知識(shí)。

獲取DevExpress WinForms v25.1正式版下載

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

開始

從顯示數(shù)據(jù)綁定圖像和靜態(tài)文本元素的平鋪視圖開始。

任務(wù)

這是完成自定義后相同視圖的樣子。

自定義元素布局

添加未綁定Tile元素

在grid（網(wǎng)格）控件的設(shè)計(jì)器對話框中打開Tile Template（平鋪模板）頁，添加一個(gè)未綁定的元素，將其更改為Location，然后指定其位置，以便它顯示在先前添加的元素下方。

添加一個(gè)綁定Tile元素

然后，選擇First Name列并添加綁定到它的平鋪元素。

請注意，預(yù)覽在該元素旁邊顯示了一個(gè)黃色圖標(biāo)，表示該元素已綁定到數(shù)據(jù)。

再次為該元素指定自定義位置，現(xiàn)在位于所有其他文本元素之上。

添加其他Tile元素

為其他數(shù)據(jù)字段添加平鋪元素，并添加一個(gè)靜態(tài)文本元素，該元素以逗號作為其顯示文本。

分組Tile元素

如果元素需要放在一起，比如名字和姓氏，可以考慮通過將一個(gè)元素固定到另一個(gè)元素來安排它們。選擇Last Name元素并設(shè)置其和 屬性，您還可以設(shè)置 屬性來指定這些元素之間的距離。

使用這種方法，將tile元素錨定到多個(gè)組中，并啟動(dòng)應(yīng)用程序來查看結(jié)果，Tiles現(xiàn)在顯示所有必需的信息。

自定義元素外觀

從應(yīng)用于所有平鋪項(xiàng)目的字體設(shè)置開始，可以使用ItemNormal下的View的 屬性。將字體更改為Segoe UI Semibold, 10 pt。

切換到設(shè)計(jì)器中的Tile Template（平鋪模板）頁面來查看結(jié)果。

每個(gè)元素都有自己的外觀設(shè)置，這些設(shè)置覆蓋在視圖級別指定的樣式。選擇一個(gè)平鋪元素并展開它的 屬性，修改下的設(shè)置。

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

在多行中排列Tiles

最后，您可以修改屬性，將您的tiles排列成多行。將此屬性設(shè)置為3，這意味著根據(jù)容器的高度，網(wǎng)格最多可以顯示三行。

運(yùn)行應(yīng)用程序，查看當(dāng)前窗口大小只允許網(wǎng)格容納兩行。

關(guān)于慧都科技

慧都是?家?業(yè)數(shù)字化解決?案公司，專注于軟件、?油與?業(yè)領(lǐng)域，以深?的業(yè)務(wù)理解和?業(yè)經(jīng)驗(yàn)，幫助企業(yè)實(shí)現(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ái)系統(tǒng)（WinForms/ASP.NET/.NET MAUI）及行業(yè)定制解決方案，加速開發(fā)并強(qiáng)化交互體驗(yàn)。