[UWP] Pull to Refresh ListView

출처 : https://www.youtube.com/watch?v=dK-BKrt_H2M&t=3s

와.. 버전때문에 밤샐뻔 했다

현재 VS2015를 쓰고있는데 reference를 최신걸로 받아서 버전이 맞지 않아 오류가 발생했다.

결국 1.0 버전으로 사용하면 되는 거였는데 자세한 내용은 아래 사진에 있다.

일단 Pull to refresh listview를 사용하려면 아래의 참조가 필요한데 잘 보면 버전이 1.0.0이다 

VS2017은 모르겠는데 만약 VS2015를 사용한다면 아래와 같이 다운받아야한다

MainPage.xaml

<Page x:Class="UWPListViewRefresh.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:UWPListViewRefresh" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:controls="using:Microsoft.Toolkit.Uwp.UI.Controls" mc:Ignorable="d"> <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}"> <controls:PullToRefreshListView x:Name="ListView" ItemsSource="{x:Bind dataSource}" OverscrollLimit="0.3" PullThreshold="100" RefreshRequested="ListView_RefreshRequested" > <controls:PullToRefreshListView.ItemTemplate> <DataTemplate> <TextBox Text="{Binding Name}" VerticalAlignment="Center" HorizontalAlignment="Center" Foreground="Blue" FontSize="16"/> </DataTemplate> </controls:PullToRefreshListView.ItemTemplate> </controls:PullToRefreshListView> </Grid> </Page>

MainPage.xaml.cs

using System; using System.Collections.Generic; using System.Collections.ObjectModel; using System.IO; using System.Linq; using System.Runtime.InteropServices.WindowsRuntime; using Windows.Foundation; using Windows.Foundation.Collections; using Windows.UI.Xaml; using Windows.UI.Xaml.Controls; using Windows.UI.Xaml.Controls.Primitives; using Windows.UI.Xaml.Data; using Windows.UI.Xaml.Input; using Windows.UI.Xaml.Media; using Windows.UI.Xaml.Navigation; // 빈 페이지 항목 템플릿은 http://go.microsoft.com/fwlink/?LinkId=402352&clcid=0x409 에 문서화되어 있습니다. namespace UWPListViewRefresh { /// <summary> /// 자체적으로 사용하거나 프레임 내에서 탐색할 수 있는 빈 페이지입니다. /// </summary> public sealed partial class MainPage : Page { private readonly ObservableCollection<MYItem> dataSource = new ObservableCollection<MYItem>(); public MainPage() { this.InitializeComponent(); } class MYItem { public string Name { get; set; } } protected override void OnNavigatedTo(NavigationEventArgs e) { Refresh(); } void Refresh() { for (int j = 0; j <= 5; j++) { dataSource.Add(new MYItem() { Name = "Name" + j }); } } private void ListView_RefreshRequested(object sender, EventArgs e) { Refresh(); } } }

결과 화면

노트북 화면으로는 보이지 않는 것같다

디바이스를 설치해야하는데 시간이 너무 오래걸려서 나중에 설치를 하면 그때 또 결과화면을 올리려고 한다.