【WP8】LoopingSelector

WP8的WindowsPhoneToolkit工具包中有一个 LoopingSelector

可以想选择日期或时间一样进行选择

 

 

1、首先当然是引用WindowsPhoneToolkit

　　在Nuget控制台：

　PM> Install-Package WPtoolkit

 

 

2、LoopingSelector 的数据源是 ILoopingSelectorDataSource类型的，我们先实现两个类继承该接口

    public abstract class LoopingDataSourceBase : ILoopingSelectorDataSource
    {
        #region ILoopingSelectorDataSource Members

        public abstract object GetNext(object relativeTo);

        public abstract object GetPrevious(object relativeTo);

        private object _selectedItem;
        public object SelectedItem
        {
            get { return _selectedItem; }
            set
            {
                if (!Equals(_selectedItem, value))
                {
                    object previousSelectedItem = _selectedItem;
                    _selectedItem = value;

                    OnSelectionChanged(previousSelectedItem, _selectedItem);
                }
            }
        }

        public event EventHandler<SelectionChangedEventArgs> SelectionChanged;

        protected virtual void OnSelectionChanged(object oldSelectedItem, object newSelectedItem)
        {
            var handler = SelectionChanged;
            if (handler != null)
            {
                handler(this, new SelectionChangedEventArgs(new[] {oldSelectedItem}, new[] {newSelectedItem}));
            }
        }

        #endregion
    }

 

    public class ListLoopingDataSource<T> : LoopingDataSourceBase
    {
        private IComparer<T> comparer;
        private LinkedList<T> linkedList;
        private NodeComparer nodeComparer;
        private List<LinkedListNode<T>> sortedList;

        public IEnumerable<T> Items
        {
            get { return linkedList; }
            set
            {
                SetItemCollection(value);
            }
        }

        public IComparer<T> Comparer
        {
            get { return comparer; }
            set { comparer = value; }
        }

        private void SetItemCollection(IEnumerable<T> collection)
        {
            linkedList = new LinkedList<T>(collection);

            sortedList = new List<LinkedListNode<T>>(linkedList.Count);

            LinkedListNode<T> currentNode = linkedList.First;
            while (currentNode != null)
            {
                sortedList.Add(currentNode);
                currentNode = currentNode.Next;
            }

            IComparer<T> comparer = this.comparer;
            if (comparer == null)
            {
                if (typeof (IComparable<T>).IsAssignableFrom(typeof (T)))
                {
                    comparer = Comparer<T>.Default;
                }
                else
                {
                    throw new InvalidOperationException(
                        "There is no default comparer for this type of item. You must set one.");
                }
            }

            nodeComparer = new NodeComparer(comparer);
            sortedList.Sort(nodeComparer);
        }

        public override object GetNext(object relativeTo)
        {
            int index = sortedList.BinarySearch(new LinkedListNode<T>((T) relativeTo), nodeComparer);
            if (index < 0)
            {
                return default(T);
            }


            LinkedListNode<T> node = sortedList[index].Next;
            if (node == null)
            {
                node = linkedList.First;
            }
            return node.Value;
        }

        public override object GetPrevious(object relativeTo)
        {
            int index = sortedList.BinarySearch(new LinkedListNode<T>((T) relativeTo), nodeComparer);
            if (index < 0)
            {
                return default(T);
            }
            LinkedListNode<T> node = sortedList[index].Previous;
            if (node == null)
            {
                node = linkedList.Last;
            }
            return node.Value;
        }

        private class NodeComparer : IComparer<LinkedListNode<T>>
        {
            private readonly IComparer<T> comparer;

            public NodeComparer(IComparer<T> comparer)
            {
                this.comparer = comparer;
            }

            #region IComparer<LinkedListNode<T>> Members

            public int Compare(LinkedListNode<T> x, LinkedListNode<T> y)
            {
                return comparer.Compare(x.Value, y.Value);
            }

            #endregion
        }
    }

　　注意，数据源如果是对象，必须实现IComparer<T>接口，否则会抛出异常，当然，也可以重写ListLoopingDataSource类

下面是数据源对象，我们这里定义为Person

    public class Person : IComparable<Person>
    {
        public string Name { get; set; }
        public int Age { get; set; }
        
        public int CompareTo(Person other)
        {
            //比较两个对象：这里只比较名字
            return String.CompareOrdinal(Name, other.Name);
        }
    }

 

3、接下来是数据绑定

            <toolkitPrimitives:LoopingSelector
                x:Name="LoopingSelector"
                    DataSource="{Binding Items}"
                    ItemMargin="2,3,3,2"
                    ItemSize="200,150" 
                    FontSize="33" >
                <toolkitPrimitives:LoopingSelector.ItemTemplate>
                    <DataTemplate>
                        <Grid>
                            <StackPanel>
                                <TextBlock Text="{Binding Name}"></TextBlock>
                                <TextBlock Text="{Binding Age}"></TextBlock>
                            </StackPanel>
                        </Grid>
                    </DataTemplate>
                </toolkitPrimitives:LoopingSelector.ItemTemplate>
            </toolkitPrimitives:LoopingSelector>

 

    public partial class LoopSelectorPage : INotifyPropertyChanged
    {
        #region Items

        /// <summary>
        /// The <see cref="Items" /> property's name.
        /// </summary>
        public const string ItemsPropertyName = "Items";

        private ListLoopingDataSource<Person> _items;

        /// <summary>
        /// 用于绑定到LoopingSelector的数据源对象
        /// </summary>
        public ListLoopingDataSource<Person> Items
        {
            get
            {
                return _items;
            }

            set
            {
                if (_items == value)
                {
                    return;
                }

                _items = value;
                RaisePropertyChanged(ItemsPropertyName);
            }
        }

        #endregion

        public LoopSelectorPage()
        {
            InitializeComponent();
            LoadApplicationBar();
            LoadData();
        }

        private void LoadApplicationBar()
        {
            ApplicationBar = new ApplicationBar();

            var appBarButton = new ApplicationBarIconButton(new Uri("/Assets/AppBar/appbar.add.rest.png", UriKind.Relative))
            {
                Text = "test"
            };
            appBarButton.Click += appBarButton_Click;
            ApplicationBar.Buttons.Add(appBarButton);


        }

        private void appBarButton_Click(object sender, EventArgs e)
        {
            //改变数据源
            Items = new ListLoopingDataSource<Person>
            {
                Items = new ObservableCollection<Person>
                {
                    new Person{Name = "Cnblogs", Age = 12},
                    new Person{Name = "CodePlex", Age = 12},
                    new Person{Name = "CodeProject", Age = 15},
                    new Person{Name = "CSDN", Age = 15},
                    new Person{Name = "51CTO", Age = 15},
                },
            };
            //注意，如果改变了数据源，必须设置其SelectedItem属性
            Items.SelectedItem = Items.Items.First();
        }

        private void LoadData()
        {
            Items = new ListLoopingDataSource<Person>
            {
                Items = new ObservableCollection<Person>
                {
                    new Person{Name = "aaa", Age = 12},
                    new Person{Name = "bbb", Age = 12},
                    new Person{Name = "ccc", Age = 15},
                    new Person{Name = "ddd", Age = 15},
                    new Person{Name = "eee", Age = 15},
                },
            };

            //注意，如果改变了数据源，必须设置其SelectedItem属性
            Items.SelectedItem = Items.Items.First();

            //也可以监听选择改变的事件
            Items.SelectionChanged += Items_SelectionChanged;

        }

        void Items_SelectionChanged(object sender, System.Windows.Controls.SelectionChangedEventArgs e)
        {
            MessageBox.Show(string.Format("add:{0}", ((Person)e.AddedItems[0]).Name));
        }

        #region INotifyPropertyChanged Members

        public event PropertyChangedEventHandler PropertyChanged;

        protected void RaisePropertyChanged(string name)
        {
            if (PropertyChanged != null)
            {
                PropertyChanged(this, new PropertyChangedEventArgs(name));
            }
        }

        #endregion
    }

好了，数据源的集合是用 IEnumerable<T>存放的，如果需要添加和删除该数据源，可以使用List<T>对象，或是ObservableCollection<T> 对象存储