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

在本教程中，我們將為您介紹學習更多關于用數據填充平鋪布局的知識。

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

DevExpress技術交流群11：749942875      歡迎一起進群討論

開始

從顯示數據綁定圖像和靜態文本元素的平鋪視圖開始。

任務

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

自定義元素布局

添加未綁定Tile元素

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

添加一個綁定Tile元素

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

請注意，預覽在該元素旁邊顯示了一個黃色圖標，表示該元素已綁定到數據。

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

添加其他Tile元素

為其他數據字段添加平鋪元素，并添加一個靜態文本元素，該元素以逗號作為其顯示文本。

分組Tile元素

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

使用這種方法，將tile元素錨定到多個組中，并啟動應用程序來查看結果，Tiles現在顯示所有必需的信息。

自定義元素外觀

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

切換到設計器中的Tile Template（平鋪模板）頁面來查看結果。

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

運行應用程序來查看結果。

在多行中排列Tiles

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

運行應用程序，查看當前窗口大小只允許網格容納兩行。

關于慧都科技

慧都是?家?業數字化解決?案公司，專注于軟件、?油與?業領域，以深?的業務理解和?業經驗，幫助企業實現智能化轉型與持續競爭優勢。

慧都科技是DevExpress的中國區的合作伙伴，DevExpress作為用戶界面領域的優秀產品，幫助企業高效構建權限管理、數據可視化（如網格/圖表/儀表盤）、跨平臺系統（WinForms/ASP.NET/.NET MAUI）及行業定制解決方案，加速開發并強化交互體驗。