如何在WP7-8中实现自动加载的listBox

时间:2012-11-20 10:53:29

标签: c# windows-phone-7 xaml data-binding

请告诉我如何实现自动加载的listBox。向下滚动时,应将元素添加到上一个元素中。不幸的是我没有找到这样的列表的例子,我看到网络中建议使用ObservalableCollection,但我不明白如何向集合中添加元素。这是我充足的测试应用程序。

我需要连接到Web服务并来自xml解析。这里有一个使用Web服务的例子,如果像http://beta.sztls.ru/mapp/eps/?count=10这样的请求服务使用最新的十条新闻构造xml,在这样的请求http://beta.sztls.ru/mapp/eps/?count=10&skip=10上,它返回带有以下十条新闻的xml 我有一个班级

public class Item
    {
        public string Description { get; set; }
        public string Title { get; set; }
        public string Image { get; set; }
    }

代码隐藏

public partial class MainPage : PhoneApplicationPage
    {
        private ObservableCollection<Item> _collection;
        public ObservableCollection<Item> Collection
        {
            get
            {
                if (_collection == null)
                {
                    _collection = new ObservableCollection<Item>();
                }
                return _collection;
            }
        }

        private int endIndex = 0;

        // Конструктор
        public MainPage()
        {
            InitializeComponent();
            this._collection = new ObservableCollection<Item>();

            this.listBox1.ItemsSource = Collection;
            this.listBox1.Loaded += new RoutedEventHandler(listBox1_Loaded);

        }

        void listBox1_Loaded(object sender, RoutedEventArgs e)
        {
            try
            {
                LoadItems(10);
            }
            catch (Exception exception)
            {
                MessageBox.Show(exception.StackTrace);

            }
        }

        private void LoadItems(int count)
        {
            WebClient webClient = new WebClient();
            webClient.DownloadStringCompleted += new DownloadStringCompletedEventHandler(webClient_DownloadStringCompleted);
            webClient.DownloadStringAsync(
                new Uri(String.Format("http://beta.sztls.ru/mapp/eps/" + "?count={0}" + "&skip={1}" + "&ticks={2}",
                                      count, this.endIndex, DateTime.Now.Ticks)));
                 this.endIndex+=count
        }

        void webClient_DownloadStringCompleted(object sender, DownloadStringCompletedEventArgs e)
        {
            if (e.Error == null)
            {
                ParseResult(e.Result);
            }
        }

        private void ParseResult(string result)
        {
            XElement element = XElement.Parse(result);



            var res = from part in element.Descendants("news")
                      select new Item
                                 {
                                     Image = part.Element("image_url").Value,
                                     Title = part.Element("title").Value,
                                     Description = part.Element("description").Value
                                 };

           //Here,as far as I understand, I need like this Collection.Add(res)
        }
    }

在Xaml

<toolkit:LongListSelector Grid.Row="1" IsFlatList="True" x:Name="listBox1">
                <toolkit:LongListSelector.ItemTemplate>
                    <DataTemplate>
                        <StackPanel Orientation="Horizontal">
                        <Image Source="{Binding Image}" Width="100" Height="100"/>
                            <StackPanel>
                                <TextBlock Text="{Binding Title}" FontSize="22" Foreground="Red"/>
                                <TextBlock Text="{Binding Decription}" FontSize="26" Foreground="Blue"/>
                            </StackPanel>
                        </StackPanel>
                    </DataTemplate>

                </toolkit:LongListSelector.ItemTemplate>
                <toolkit:LongListSelector.ListFooterTemplate>
                    <DataTemplate>
                        <TextBlock x:Name="footer"/>
                    </DataTemplate>
                </toolkit:LongListSelector.ListFooterTemplate>
            </toolkit:LongListSelector>

如何跟踪发送加载新项目请求的时间?

先谢谢你的帮助,对不起我的英语。我使用过http://www.bing.com/translator =)

1 个答案:

答案 0 :(得分:0)

好的。如果我正确理解了所有内容,您需要从xml文件生成一组项目。  我想,最好的选择是创建一个实体类,其中包含“Image”,“Title”,“Description”等字段(您已经完成它),并在ParseResult()方法中创建此Entity的集合。它看起来像:

List<Entity> list = ParseResult(xdoc);

在ParseResult中,您可以使用某些表达式从xml文件中获取数据,例如:

return (from node in xdoc.Descendants("something") select new Entity(node.Attribute("Title").Value, node.Attribute("Image").Value,... ).ToList();

现在你将拥有一系列物品。接下来你想和他们做什么?我想,使用它创建一个UI。我想,会有一些使用这个集合生成的控件。因此,如果要更新此页面并添加一些新控件,则应检查哪些控件已添加到页面中。在这种情况下,我宁愿在用户控件中创建一个字段,这将检查这一点。它应该是唯一的,所以让它成为“标题”。(似乎“标题”在这些文档中是唯一的)因此,当你想在你的页面上添加一个控件时,你应该检查一下这些控件是否都是相同的“标题”作为一个,你要添加。

希望,我理解都是正确的。


Alexandr,你只需要一个项目实体的构造函数,比如

public Item(string desc, string title, string image)
        {
            this.Description = desc;
            this.Title = title;
            this.Image = image;
        }

然后您可以更轻松地填写列表:

List<Item> list = (from node in xdoc.Descendants("news") select new Item(node.Element("description").Value, node.Element("title").Value, node.Element("image_url").Value)).ToList();

这应该有效。