翻譯|使用教程|編輯:龔雪|2021-05-08 10:28:39.820|閱讀 745 次
概述:在本文介紹如何將常規的GridView數據布局切換為Tile View,該視圖使用Windows 10樣式的tile顯示信息。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
DevExpress WinForms擁有180+組件和UI庫,能為Windows Forms平臺創建具有影響力的業務解決方案。DevExpress WinForms能完美構建流暢、美觀且易于使用的應用程序,無論是Office風格的界面,還是分析處理大批量的業務數據,它都能輕松勝任!
在本教程中,您將看到如何將常規的GridView數據布局切換為Tile View,該視圖使用Windows 10樣式的tile顯示信息。您將學習磁貼模板配置的基礎知識,例如添加數據綁定和未綁定元素并將它們放置在模板中。
從一個已經有網格控件綁定到數據源的現有項目開始,該數據庫包含員工信息,包括他們的名字和姓氏、位置、職稱和照片。
使用Windows 10樣式圖塊顯示相同的數據,使用GridControl的來將View切換為Tile View。
如果立即啟動該應用程序,您將看到空白圖塊。 每個數據行的圖塊已自動生成,但其中未顯示任何字段值。
返回設計時,在將數據添加到圖塊之前,請使用TileViewItemOptions.ItemSize屬性更改其大小。
運行網格控件的r,然后切換到Tile Template頁面,左側的列表顯示轉換前您在GridView中擁有的所有列。
選擇Photo列,然后單擊Right Arrow按鈕來創建一個新的圖塊元素。
初始化其屬性來設置圖塊中圖像的正確排列,將設置為,然后增加,將設置為,最后設置。
預覽部分顯示圖像邊框,圖像將超出圖塊區域,從而產生漂亮的效果。
運行該應用程序來查看實際結果,并在圖塊中顯示實際照片。
返回設計器,然后單擊New Element按鈕來創建未綁定的元素。
將其設置為Title,將設置為,然后以像素為單位指定其位置。
啟動應用程序來查看結果。
DevExpress技術交流群3:700924826 歡迎一起進群討論
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都網