等待框、弹出框、网络异常UI逻辑处理

界面交互心得;

登陆界面:登陆按钮高亮标示正在请求,失败信息在当前登陆界面展示。

首页:下拉刷新,每次刷新时界面全部清空,失败则中心展示失败logo及信息,点击logo或下拉可重新请求。

无网时,登陆按钮点击,首部弹出长条提示,无网络。几秒后自动消失。

(例如优酷)


无下拉刷新的网站,使用页面中等待框。



就是说需要  一个无数据界面,一个页面加载失败界面(服务器返回异常),一个网络异常界面,一个等待界面。

弹出框,(自动消失)


下拉刷新1--清空界面--加载成功--展示界面

--加载失败-- 展示失败界面(点击重新下拉)

(注:一般下拉刷新为单独二级模块首页,界面复杂,可直接展示UI,不需要展示无数据界面)


下拉刷新2--清空界面--判断网络情况--网络良好--加载成功--有数据--展示界面

   -- 无数据--展示无数据界面

   --加载失败-- 展示失败界面(点击重新下拉)

--网络异常--展示网络异常界面



等待框刷新--展示等待界面--判断网络情况--网络良好--请求成功--删除等待界面--有数据--展示数据

    --无数据--展示无数据界面

  --请求失败--展示失败界面(点击重新展示等待界面)

  --网络异常--展示网络异常界面


如果在每次请求之前都先判断网络情况的话。

如果自动检测网络状况,如果正在请求某一个接口,可能弹出两次网络异常提示框。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值