91网站免费入口,护士简历封面,国产区第一页

界面控件DevExpress WinForms中文教程：Tile視圖 - 基礎(chǔ)知識(shí)

翻譯|使用教程|編輯：龔雪|2025-06-30 11:23:26.030|閱讀 108 次

概述：本教程主要為大家介紹DevExpress WinForms Tile（平鋪）視圖的基礎(chǔ)知識(shí)，歡迎下載最新版組件體驗(yàn)！

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

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

獲取DevExpress WinForms 正式版下載

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

開(kāi)始

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

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

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

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

更改Tile大小

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

自定義Tile模板

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

添加和定位綁定元素

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

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

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

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

添加和定位未綁定元素

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

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

啟動(dòng)應(yīng)用程序來(lái)查看結(jié)果。

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

關(guān)于慧都科技

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

慧都科技是DevExpress的中國(guó)區(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è)定制解決方案，加速開(kāi)發(fā)并強(qiáng)化交互體驗(yàn)。

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請(qǐng)務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請(qǐng)郵件反饋至chenjj@fc6vip.cn

文章轉(zhuǎn)載自：慧都網(wǎng)

上一篇：CAD文件處理控件Aspose.CAD教程：使用 Python 將繪圖轉(zhuǎn)換為 Photoshop 下一篇：CAD文件處理控件Aspose.CAD教程：在 Python 中將 DGN 文件轉(zhuǎn)換為 PDF