首页 > 其他 > 详细

13-8旅拍页面交互与我的页面实现

时间:2020-02-15 13:18:14      阅读:92      评论:0      收藏:0      [点我收藏+]

实现下拉刷新,下拉加载更多,打开页面loading的效果。
首先来移除顶部的padding
技术分享图片

使用MediaQuery.removePadding
技术分享图片
这样就去除了。
技术分享图片

全局loading

技术分享图片
加一个loading变量
技术分享图片
数据加载完成之后,loading变为false
技术分享图片
失败了也设置为false
技术分享图片

技术分享图片
默认加载有一个loading的效果
技术分享图片

下拉刷新

RefreshIndicator
技术分享图片
我们来实现onRefresh方法
技术分享图片

技术分享图片

技术分享图片

上拉加载更多

实现ScrollController监听页面滚动的位置
技术分享图片
技术分享图片
如果位置等于最大可见区域,相当于滚动到底部了。
技术分享图片
技术分享图片

技术分享图片
扩展_loadData方法,接收一个可选的参数默认为false。
技术分享图片
上拉的时候,传一个true
技术分享图片
如果是加载更多的的话 ,那么就加载更多
技术分享图片
我们这里用到的瀑布流布局StaggerdGridView
技术分享图片
StaggerdGridView瀑布流他的父类是BoxScrollView
技术分享图片
BoxScrollView下面还有ListView和GridView
技术分享图片

BoxScrollView它有ScrollController这样一个属性。
技术分享图片

也就是说瀑布流继承了BoxScrollVIew那么它也有ScrollController属性。所以这里我们就可以设置它的controller
技术分享图片

运行查看效果

上拉加载了更多。

技术分享图片

最后一个页面实现

技术分享图片
这里面显示写成的一个H5的页面。返回一个WebView里面显示一个url地址
技术分享图片
隐藏AppBar,禁止返回。设置statusBar的颜色
技术分享图片

技术分享图片
可以点击登陆。
技术分享图片
 

结束

 

13-8旅拍页面交互与我的页面实现

原文:https://www.cnblogs.com/wangjunwei/p/12311241.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!