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

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

獲取DevExpress WinForms 正式版下載

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

開始

從已經(jīng)將網(wǎng)格控件綁定到數(shù)據(jù)源的現(xiàn)有項目開始，數(shù)據(jù)庫包含員工信息，包括他們的姓和名、位置、頭銜和照片。

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

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

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

更改Tile大小

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

自定義Tile模板

運(yùn)行網(wǎng)格控件的設(shè)計器并切換到Tile Template頁面，左側(cè)的列表顯示轉(zhuǎn)換前GridView中的所有列。

• 添加和定位綁定元素

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

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

預(yù)覽部分顯示圖像邊界，圖像將會移出tile的區(qū)域，從而創(chuàng)造一個好看的效果。

運(yùn)行應(yīng)用程序來查看結(jié)果，實(shí)際照片顯示在磁貼中。

• 添加和定位未綁定元素

返回設(shè)計器并單擊New Element按鈕來創(chuàng)建未綁定的元素。

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

啟動應(yīng)用程序來查看結(jié)果。

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

關(guān)于慧都科技

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