当前位置： 移动技术网 > IT编程>移动开发>WP > WindowsPhone7实现ListBox滚动加载数据

WindowsPhone7实现ListBox滚动加载数据

2018年10月13日  | 移动技术网IT编程  | 我要评论

芭比之彩虹仙子国语,孙殿英的后人,周来强

    本示例的主要目的是实现listbox滚动加载数据。假设，默认为30条数据，当滚动到底部的时候便再次加载20条数据，以此类推。
         需要解决的问题：如何判断滚动到底部，以及处理加载数据的请求？

         思路如下：
         1.检测listbox中的scrollviewer控件状态。
         2.若状态不为滚动中：根据scrollviewer的extentheight与verticaloffset，判断是否到底,并执行请求加载数据。
       

       一、添加视图状态检测代码

       首先，在xaml中添加一个空的listbox，如下：

        
\

      xaml添加完成后，在后台代码中实现检测listbox的scrollviewer状态改变的代码，在这个步骤中需要另外2个方法 :

     1.根据视图树查找指定对象视图树中的元素  代码如下：
      \ 

    2.根据给定元素和状态名，查找到元素中的视图状态。代码如下：
    \ 
  
   具有这2个方法后，再来创建一个向listbox添加数据的方法。代码如下：
    \ 

  那么，做完准备工作了。下面注册页面load事件，并在事件中使用以上方法，来实现我们的目的。代码如下：
    
\

二、如何判断listbox滚动的位置

  在代码中已经实现了关键步骤，即捕捉到listbox包含的scrollviewer视图状态更改事件。那么下面我们需要解决的问题就是如何判断是否滚动到底部，以及判断是否处于滚动中，来添加数据了。解决这个问题需要知道scrollviewer的几个属性：

     1.extentheight       获取 scrollviewer 中显示的所有内容的垂直大小。(总数)
     2.verticaloffset      获取一个值，该值包含滚动内容的垂直偏移量。 (滚动到第几个)
     3.viewportheight  获取一个值，该值包含可见内容的垂直大小。 (页面能显示几个)

    知道这几个值的意思，那么就可以计算出当前滚动的位置了：

   

  默认为listbox添加30条数据，执行后运行的效果，通过几个运行效果来看看：

  初始效果：
    
\
   


  可以看到，extentheight=30，当前verticaloffset=10.5。并没有滚动到底部。  
  继续滚动。
  

  此时已经滚动到底部，添加item代码已经执行，实际上此时的为extentheight=50。
    

  三、结尾

  listbox动态加载数据已经完成了。那么这个实现有什么问题呢？
  1.假如数据来自服务器，存在异步延迟，并且耗时的操作会影响ui线程？
  2.避免 在异步加载过程中多次滚动到底的请求

 

作者 work201003

您可能感兴趣的文章:

如对本文有疑问，请在下面进行留言讨论，广大热心网友会与你互动！！ 点击进行留言回复

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网