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

Posted wangjunwei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了13-8旅拍页面交互与我的页面实现相关的知识,希望对你有一定的参考价值。

实现下拉刷新,下拉加载更多,打开页面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旅拍页面交互与我的页面实现的主要内容,如果未能解决你的问题,请参考以下文章

13-6实现旅拍卡片布局-1

Google Chrome扩展程序与安全网站交互

与 iframe 交互时保持父级滚动

同时发布两个表格

如何在我的 HTML 页面中返回值?

C# 交互式窗口可以与我的代码交互吗?