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

在本教程中，您將看到如何將GridView數據布局切換到Tile（平鋪）視圖，它使用Windows 10樣式的Tile顯示信息。您將學習Tile模板配置的基礎知識，例如添加數據綁定和未綁定元素并在模板中定位它們。

獲取DevExpress WinForms 正式版下載

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

開始

從已經將網格控件綁定到數據源的現有項目開始，數據庫包含員工信息，包括他們的姓和名、位置、頭銜和照片。

切換到Tile（平鋪）視圖格式

 使用Windows 10樣式的磁貼顯示相同的數據，使用DevExpress WinForms GridControl的Level設計器將視圖更改為平鋪視圖。

如果您立即啟動應用程序，將看到空的磁貼。每個數據行都自動生成了一個Tile，但是其中沒有顯示字段值。

更改Tile大小

回到設計時，在向Tile添加數據之前，使用更改它們的大小。

自定義Tile模板

運行網格控件的設計器并切換到Tile Template頁面，左側的列表顯示轉換前GridView中的所有列。

• 添加和定位綁定元素

選擇Photo列并單擊右箭頭按鈕創建一個新的平鋪元素。

初始化它的屬性來設置圖像在tile中的正確排列，設置為，然后增加，設置為，最后設置。

預覽部分顯示圖像邊界，圖像將會移出tile的區域，從而創造一個好看的效果。

運行應用程序來查看結果，實際照片顯示在磁貼中。

• 添加和定位未綁定元素

返回設計器并單擊New Element按鈕來創建未綁定的元素。

設置其為Title，為，并指定其位置（以像素為單位）。

啟動應用程序來查看結果。

在下一篇教程中，您將通過添加更多字段和自定義外觀設置來繼續使用該模板。

關于慧都科技

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

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