[WPF] CollectionView 이용하여 데이터 Navigate(탐색) 하기

CollectionView 에 담겨진 데이터를 화면에 하나씩 나타내도록 하여

탐색하는 코드를 알아봅니다.

 

Person.cs

using System.ComponentModel;   namespace WpfApp {     public class Person : INotifyPropertyChanged     {         /// <summary>         /// 속성변경 이벤트입니다.         /// </summary>         public event PropertyChangedEventHandler PropertyChanged;           /// <summary>         /// 이름입니다.         /// </summary>         string name = "";           /// <summary>         /// 별명입니다.         /// </summary>         string nickName = "";           /// <summary>         /// 이름입니다.         /// </summary>         public string Name         {             set             {                 this.name = value;                 OnPropertyChanged(nameof(Name));             }             get { return name; }         }           /// <summary>         /// 별명입니다.         /// </summary>         public string NickName         {             set             {                 nickName = value;                 OnPropertyChanged(nameof(NickName));             }             get { return nickName; }         }           /// <summary>         /// 속성 값이 변경될 때 발생합니다.         /// </summary>         /// <param name="propertyName"></param>         protected virtual void OnPropertyChanged(string propertyName)         {             if (PropertyChanged != null)             {                 PropertyChanged(this, new PropertyChangedEventArgs(propertyName));             }         }     } }

 

MainWindow.xaml

<Window x:Class="WpfApp.MainWindow"         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"         xmlns:d="http://schemas.microsoft.com/expression/blend/2008"         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"         xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"         mc:Ignorable="d"         Title="MainWindow" Height="450" Width="400">     <StackPanel>         <TextBox             Margin="12" Height="50" VerticalContentAlignment="Center"             Text="{Binding Name,                    Mode=TwoWay,                    UpdateSourceTrigger=PropertyChanged}" />         <TextBox             Margin="12" Height="50" VerticalContentAlignment="Center"             Text="{Binding NickName,                    Mode=TwoWay,                    UpdateSourceTrigger=PropertyChanged}" />                  <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">             <Button Name="prevButton" Content="Prev" Padding="10" Margin="10" Click="prevButton_Click"/>             <Button Name="nextButton" Content="Next" Padding="10" Margin="10" Click="nextButton_Click"/>         </StackPanel>     </StackPanel> </Window>

 

MainWindow.xaml.cs

using System; using System.Collections.ObjectModel; using System.ComponentModel; using System.Linq; using System.Windows; using System.Windows.Data;   namespace WpfApp {     public partial class MainWindow : Window     {         /// <summary>         /// 데이터 collectionView 입니다.         /// </summary>         ICollectionView collectionView;           public MainWindow()         {             InitializeComponent();               ObservableCollection<Person> datas = new ObservableCollection<Person>();               datas.Add(new Person(){ Name = "Kang",  NickName = "Super" });             datas.Add(new Person(){ Name = "An",    NickName = "Father" });             datas.Add(new Person(){ Name = "Jang",  NickName = "Marvel" });               this.collectionView = CollectionViewSource.GetDefaultView(datas);             this.collectionView.CurrentChanged += CollectionView_CurrentChanged; ;               this.collectionView.SortDescriptions.Add(new SortDescription(nameof(Person.Name), ListSortDirection.Ascending));               this.DataContext = this.collectionView;               // 처음값으로 이동시킵니다.             this.collectionView.MoveCurrentToFirst();         }           /// <summary>         /// 이전 값으로 이동하는 버튼 클릭이벤트입니다.         /// </summary>         /// <param name="sender"></param>         /// <param name="e"></param>         private void prevButton_Click(object sender, RoutedEventArgs e)         {             this.collectionView.MoveCurrentToPrevious();         }           /// <summary>         /// 다음 값으로 이동하는 버튼 클릭이벤트입니다.         /// </summary>         /// <param name="sender"></param>         /// <param name="e"></param>         private void nextButton_Click(object sender, RoutedEventArgs e)         {             this.collectionView.MoveCurrentToNext();         }           /// <summary>         /// CollectionView 현재값이 변경되었을때 발생되는 이벤트입니다.         /// </summary>         /// <param name="sender"></param>         /// <param name="args"></param>         private void CollectionView_CurrentChanged(object sender, EventArgs e)         {             // 이전/다음 항목 존재여부에 따라 이전/다음 버튼을 활성화하거나 비활성화 합니다.             this.prevButton.IsEnabled = this.collectionView.CurrentPosition > 0;             this.nextButton.IsEnabled = this.collectionView.CurrentPosition < this.collectionView.Cast<object>().Count() - 1;         }     } }