Поиск записей в алфавитном порядке с помощью доступа к службам отдыха в Windows Phone 7

Question

Я пытаюсь выполнить поиск записей по алфавиту через доступ к службам отдыха в Windows Phone 7.

Код страницы дизайна.

            <controls:PivotItem Header="buddies">
             <toolkit:LongListSelector x:Name="BookList" Background="Transparent" IsFlatList="true"  

              GroupViewOpened="LongListSelector_GroupViewOpened"
              GroupViewClosing="LongListSelector_GroupViewClosing">
                <toolkit:LongListSelector.GroupItemsPanel>
                    <ItemsPanelTemplate>
                        <toolkit:WrapPanel Orientation="Horizontal"/>
                    </ItemsPanelTemplate>
                </toolkit:LongListSelector.GroupItemsPanel>
                <toolkit:LongListSelector.GroupItemTemplate>
                    <DataTemplate>
                        <Border Background="{Binding Converter={StaticResource GroupBackground}}" 
                                Width="99" Height="99" Margin="6" IsHitTestVisible="{Binding HasItems}">
                            <TextBlock Text="{Binding Title}" 
                                       FontFamily="{StaticResource PhoneFontFamilySemiBold}"
                                       FontSize="48"
                                       Margin="8,0,0,0"
                                       Foreground="{Binding Converter={StaticResource GroupForeground}}"                                        
                                       VerticalAlignment="Bottom"/>
                            <Border.Projection>
                                <PlaneProjection RotationX="-60"/>
                            </Border.Projection>
                        </Border>
                    </DataTemplate>
                </toolkit:LongListSelector.GroupItemTemplate>
                <toolkit:LongListSelector.GroupHeaderTemplate>
                    <DataTemplate>
                        <Border Background="Transparent" Margin="12,8,0,8">
                            <Border Background="{StaticResource PhoneAccentBrush}"  
                                    Padding="8,0,0,0" Width="62" Height="62"                 
                                    HorizontalAlignment="Left">
                                <TextBlock Text="{Binding Title}" 
                                           Foreground="#FFFFFF" 
                                           FontSize="48"
                                           FontFamily="{StaticResource PhoneFontFamilySemiLight}"
                                           HorizontalAlignment="Left"
                                           VerticalAlignment="Bottom"/>
                            </Border>
                        </Border>
                    </DataTemplate>
                </toolkit:LongListSelector.GroupHeaderTemplate>
                <toolkit:LongListSelector.ItemTemplate>
                    <DataTemplate>
                        <Grid Margin="12,8,0,8">
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="Auto"/>
                                <ColumnDefinition Width="*"/>
                            </Grid.ColumnDefinitions>
                            <Image Width="110" Height="150" Source="{Binding ImageUrl}" VerticalAlignment="Top"/>
                            <StackPanel Grid.Column="1" VerticalAlignment="Top">
                                <TextBlock Text="{Binding AutherName}" Style="{StaticResource PhoneTextLargeStyle}" FontFamily="{StaticResource PhoneFontFamilySemiBold}" Margin="12,-12,12,6"/>
                                <TextBlock Text="{Binding Email}" Style="{StaticResource PhoneTextNormalStyle}" TextWrapping="Wrap" FontFamily="{StaticResource PhoneFontFamilySemiBold}"/>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="Title:" Style="{StaticResource PhoneTextSmallStyle}"/>
                                    <TextBlock Text="{Binding Title}" Style="{StaticResource PhoneTextSmallStyle}" FontFamily="{StaticResource PhoneFontFamilySemiBold}"/>
                                </StackPanel>
                                <StackPanel Orientation="Horizontal">
                                    <TextBlock Text="Price:" Style="{StaticResource PhoneTextSmallStyle}"/>
                                    <TextBlock Text="{Binding Price}" Style="{StaticResource PhoneTextSmallStyle}" FontFamily="{StaticResource PhoneFontFamilySemiBold}"/>
                                </StackPanel>
                            </StackPanel>
                        </Grid>
                    </DataTemplate>
                </toolkit:LongListSelector.ItemTemplate>

            </toolkit:LongListSelector>
            </controls:PivotItem>

    </controls:Pivot>
</Grid>

Вот моя страница MainPage.xaml.csкод

  private LongListSelector currentSelector;
    List<Person> objperson = null; 
    // Constructor
    public MainPage()
    {
        InitializeComponent();
        string Categoryid = "2";
        WebClient proxy = new WebClient();
        proxy.DownloadStringAsync(new Uri("http://localhost:3160/Service1.svc/GetListItemDetail/" + Categoryid));
        proxy.DownloadStringCompleted += new DownloadStringCompletedEventHandler(proxy_DownloadStringCompleted);
    }


    void proxy_DownloadStringCompleted(object sender, DownloadStringCompletedEventArgs e)
    {
        if (e.Error == null)
        {
            XDocument doc = XDocument.Load(new StringReader(e.Result));

            var CatList = (from item in doc.Descendants("ItemDetail")
                           select new Person
                           {
                               GenreName = item.Element("GenreName").Value.ToString(),
                               ItemID = Convert.ToInt32(item.Element("ItemID").Value),
                               CatID = Convert.ToInt32(item.Element("CatID").Value),
                               GenreID = Convert.ToInt32(item.Element("GenreID").Value),
                               AutherName = item.Element("AutherName").Value.ToString(),
                               Title = item.Element("Title").Value.ToString(),
                               Email = item.Element("Email").Value.ToString(),
                               Price = item.Element("Price").Value.ToString(),
                               Description = item.Element("Description").Value.ToString(),
                               ImageUrl = item.Element("ImageUrl").Value.ToString()
                           }).ToList();


            objperson = new List<Person>();  
            objperson = CatList;

            BookList.ItemsSource = CatList;
        }
    }





    public List<Person> GetPersonListInfo()
    {
        List<Person> objp = new List<Person>();

        objp = objperson; 


        return objp;


    }

    private void LongListSelector_GroupViewOpened(object sender, GroupViewOpenedEventArgs e)
    {
        //Hold a reference to the active long list selector.
        currentSelector = sender as LongListSelector;

        //Construct and begin a swivel animation to pop in the group view.
        IEasingFunction quadraticEase = new QuadraticEase { EasingMode = EasingMode.EaseOut };
        Storyboard _swivelShow = new Storyboard();
        ItemsControl groupItems = e.ItemsControl;

        foreach (var item in groupItems.Items)
        {
            UIElement container = groupItems.ItemContainerGenerator.ContainerFromItem(item) as UIElement;
            if (container != null)
            {
                Border content = VisualTreeHelper.GetChild(container, 0) as Border;
                if (content != null)
                {
                    DoubleAnimationUsingKeyFrames showAnimation = new DoubleAnimationUsingKeyFrames();

                    EasingDoubleKeyFrame showKeyFrame1 = new EasingDoubleKeyFrame();
                    showKeyFrame1.KeyTime = TimeSpan.FromMilliseconds(0);
                    showKeyFrame1.Value = -60;
                    showKeyFrame1.EasingFunction = quadraticEase;

                    EasingDoubleKeyFrame showKeyFrame2 = new EasingDoubleKeyFrame();
                    showKeyFrame2.KeyTime = TimeSpan.FromMilliseconds(85);
                    showKeyFrame2.Value = 0;
                    showKeyFrame2.EasingFunction = quadraticEase;

                    showAnimation.KeyFrames.Add(showKeyFrame1);
                    showAnimation.KeyFrames.Add(showKeyFrame2);

                    Storyboard.SetTargetProperty(showAnimation, new PropertyPath(PlaneProjection.RotationXProperty));
                    Storyboard.SetTarget(showAnimation, content.Projection);

                    _swivelShow.Children.Add(showAnimation);
                }
            }
        }

        _swivelShow.Begin();
    }
    private void LongListSelector_GroupViewClosing(object sender, GroupViewClosingEventArgs e)
    {
        //Cancelling automatic closing and scrolling to do it manually.
        e.Cancel = true;
        if (e.SelectedGroup != null)
        {
            currentSelector.ScrollToGroup(e.SelectedGroup);
        }

        //Dispatch the swivel animation for performance on the UI thread.
        Dispatcher.BeginInvoke(() =>
        {
            //Construct and begin a swivel animation to pop out the group view.
            IEasingFunction quadraticEase = new QuadraticEase { EasingMode = EasingMode.EaseOut };
            Storyboard _swivelHide = new Storyboard();
            ItemsControl groupItems = e.ItemsControl;

            foreach (var item in groupItems.Items)
            {
                UIElement container = groupItems.ItemContainerGenerator.ContainerFromItem(item) as UIElement;
                if (container != null)
                {
                    Border content = VisualTreeHelper.GetChild(container, 0) as Border;
                    if (content != null)
                    {
                        DoubleAnimationUsingKeyFrames showAnimation = new DoubleAnimationUsingKeyFrames();

                        EasingDoubleKeyFrame showKeyFrame1 = new EasingDoubleKeyFrame();
                        showKeyFrame1.KeyTime = TimeSpan.FromMilliseconds(0);
                        showKeyFrame1.Value = 0;
                        showKeyFrame1.EasingFunction = quadraticEase;

                        EasingDoubleKeyFrame showKeyFrame2 = new EasingDoubleKeyFrame();
                        showKeyFrame2.KeyTime = TimeSpan.FromMilliseconds(125);
                        showKeyFrame2.Value = 90;
                        showKeyFrame2.EasingFunction = quadraticEase;

                        showAnimation.KeyFrames.Add(showKeyFrame1);
                        showAnimation.KeyFrames.Add(showKeyFrame2);

                        Storyboard.SetTargetProperty(showAnimation, new PropertyPath(PlaneProjection.RotationXProperty));
                        Storyboard.SetTarget(showAnimation, content.Projection);

                        _swivelHide.Children.Add(showAnimation);
                    }
                }
            }

            _swivelHide.Completed += _swivelHide_Completed;
            _swivelHide.Begin();

        });
    }
    private void _swivelHide_Completed(object sender, EventArgs e)
    {
        //Close group view.
        if (currentSelector != null)
        {
            currentSelector.CloseGroupView();
            currentSelector = null;
        }
    }

Я новичок в разработке приложений для Windows Phone 7, понятия не имею о группировке алфавитов в Longlistselector.Пожалуйста, помогите мне в этом.Заранее спасибо.

Answer 1

Есть код, который я использовал один раз для группировки. Как видите, он похож на слова Клауса:

public class YourList : ObservableCollection<ItemsInGroup>
{
    private static readonly string Groups = "#abcdefghijklmnopqrstuvwxyz";

    Dictionary<string, ItemsInGroup> groups = new Dictionary<string, ItemsInGroup>();

    public YourList()
    {
        foreach (char c in Groups)
        {
            ItemsInGroup group = new ItemsInGroup(c.ToString());
            this.Add(group);
            groups[c.ToString()] = group;
        }
    }

    public void AddItem(Item item)
    {
        string GroupKey = Item.GetSomeFieldKey(item);// a, b, etc.

        for (int i = 0; i < groups[GroupKey].Count; i++)
        {
            if (Item.CompareBySomeField(item, groups[GroupKey][i]) < 0)
            {
                groups[Item.GetSomeFilesKey(item)].Insert(i, item);
                return;
            }
        }
        groups[GroupKey].Add(item);
    }
}

.

public class ItemsInGroup : ObservableCollection<Item>, INotifyPropertyChanged
{
    public ItemsInGroup(string category)
    {
        Key = category;
    }

    public string Key { get; set; }

    public bool HasItems { get { return Count > 0; } }

//INotifyPropertyChanged implementation

}

Элемент должен реализовать:

 public static string GetSomeFieldKey(Item item)

и

 public static int CompareBySomeFields(object obj1, object obj2)

Использование:

 YourList list = new YourList();
 foreach (var item in resultListFromService)
 {
      list.AddItem(item); // fill list with items
 }
 myList.ItemsSource = list; // bind to UI

Надеюсь, это поможет лучше понять, как это работает

Answer 2

Очень простой способ сделать это - использовать специализированную коллекцию для LongListSelector. Я просто так написал одну

В основном вы изменили бы свой код на следующее:

BookList.ItemsSource = new LongListCollection<Person, char>(CatList, x => x.Title[0]));

И вы получите буквенную группировку по первому символу свойства Title.

Единственная деталь, о которой вам нужно знать, это то, что вашему классу Person потребуется реализовать IComparable<Person> для упорядочения по свойству Title (потому что вы do хотите отсортировать, верно ?)

Просто сделано как:

public int Compare(Person other)
{
    if (other == null)
        return 1;

    return this.Title.CompareTo(other.Title);
}