1. 程式人生 > >Xamarin.Forms: 無限滾動的ListView(懶載入方式)

Xamarin.Forms: 無限滾動的ListView(懶載入方式)

## 說明 在本部落格中,學習如何在`Xamarin.Forms`應用程式中設計一個可擴充套件的無限滾動的`ListView`。這個無限滾動函式在預設的`Xamarin.Forms`不存在,因此我們需要為此新增外掛。在這裡我們需要知道無限滾動時如何工作的。首先,顯示固定的資料。一旦使用者滾動到末尾,我們可以在列表的末尾新增更多的資料,這樣,列表就會不斷滾動,直到資料結束。 ## 讓我們開始吧 ### 第一步 建立一個新的`Xamarin.Forms`工程,開啟**Visual Studio**,點選**新建**->**專案**->在對話方塊中選擇**移動應用(`Xamarin.Forms`),並點選**下一步** ![](https://img2020.cnblogs.com/blog/1746998/202101/1746998-20210120191830013-90678505.png) (未使用原文圖片) ### 第二步 接下來,出現一個新的對話方塊,在這裡給出應用程式和解決方案的名稱,名字為:`XFInfiniteScroll`,然後點選**建立** ![](https://img2020.cnblogs.com/blog/1746998/202101/1746998-20210120192034214-102410884.png) (未使用原文圖片) ### 第三步 之後,在新的對話方塊視窗中,選擇你的`Xamarin.Forms`應用模板型別和平臺之後點選**確定**,在這裡,我選擇選項卡式模板和`Android`,`iOS`平臺。因為這裡選擇空模板時,沒有成功,改選用選項卡模板 ![](https://img2020.cnblogs.com/blog/1746998/202101/1746998-20210127193623065-580437807.png) (未使用原文圖片) ### 第四步 在專案建立完成之後,安裝`Xamarin.Forms.Extended.Infinitescrolling` NuGet包。右鍵點選**解決方案**並選擇**管理解決方案的NuGet程式包**,注:需要選中**包括預發行版**選項 ![](https://img2020.cnblogs.com/blog/1746998/202101/1746998-20210129092340906-1333384734.png) ### 第五步 現在,在專案`XFInfiniteScroll` 選中`Models`資料夾,右擊新增一個類,名稱為:`InfiniteItems`,程式碼如下: ``` namespace XFInfiniteScroll.Models { public class InfiniteItems { public string Id { get; set; } public string Text { get; set; } public string Title { get; set; } public string Description { get; set; } } } ``` ### 第六步 繼續在專案`XFInfiniteScroll`中,新增一個資料夾,名稱為:`FakeDataSource`,在資料夾中新增一個相當於提供模擬資料的類,名稱為:`InfiniteDataItems`,程式碼如下: ``` namespace XFInfiniteScroll.FakeDataSource { public static class InfiniteDataItems { public sta