zoukankan      html  css  js  c++  java
  • “点击状态栏回到顶部”功能的消失原因和实现

    苹果系统为我们带来了一个很便利的功能,在长长的页面拖拽过程中,至于要点击一下顶部状态栏,便能回到页面最顶部,省去了漫长的滑动过程。但是有时在开发中,会遇到点击返回功能消失的现在,下面简单说说原因以及几种重现的方法。
     
         先从实现方法说起,如果要恢复功能,首先我们第一个应该都是想到利用状态栏的属性或者方法,是否能直接实现。但是我们可以发现,UIStatusBar是不能点击去查看头文件的,那就意味着苹果并没有把这个属性暴露给我们,那么按照套路,必须得自己来解决。
         那么思考方向可以为,如果让我们来写这个功能,那么应该如何实现?首先最简单的想法可以想到在状态栏上面添加一个等大的UIView,挡住原来状态栏的位置,用来拦截点按手势,并在实现方法中把偏移量(contentOffset)的Y值改为0来实现复位。
         但是实际操作中我们可以发现,无论怎么添加,view始终会在状态栏下面,无法挡住状态栏。
         其实究其原因,状态栏本质上是一个窗口(window)而不是一个控件,窗口与窗口之间没有了层级关系,所以这个方法并不能达到目的。
         但是按照这个方向,那我们可以继续考虑,直接创建一个窗口代替UIView添加到状态栏上面来挡住系统状态栏。
         不出所料,状态的原有位置被挡住了,但是我们也发现了新的问题,把窗口颜色改为clearColor后会发现,系统的状态栏都已经消失了
     这个原因本质为,当程序有多个窗口的时候,状态栏自动隐藏。那么我们需要手动设置状态栏的状态为显示。但是我们状态栏一般默认交给控制器管理,这个设置之前要在info.plist文件里面配置一下。
         但是这时候会发现,状态栏其实还在自定义窗口上面,那么可以想到,窗口的优先级问题,把自定义窗口的优先级改为 UIWindowLevelAlert ;便可实现我们的期望值,然后顺手把该方法抽取一下,方便下次使用。
    接下来,我们只需要重写 touchesBegan方法,使用通知,并在控制器中监听实现方法,便可实现点击状态栏返回功能。  
     
         这里的解决方法不止一个,还可以用递归的思想,遍历窗口的子控件,拿到里面的tableView来实现回到顶部1,其实这也是系统的做法。
    最后我们来分析一下功能消失的原因和更简便的处理方法,首先所有所有 UIScrollView都有点击返回顶部的功能,我们可以猜测下 UIScrollView里面是否定义了某个属性用来控制状态栏点击回到顶部。
    我们尝试下点进 UIScrollView里面,搜索一下顶部的关键字“top”,就会看到一个属性(如图),而且还是默认为YES。从注释我们可以看到,这个属性是用户点击时返回到顶部的,而且还提到,在一个屏幕内,只有一个scroll view为YES。而我们在搭建一些现今常见的主流页面时,经常会使用到多个UIScrollView,这也是造成状态栏点击返回功能消失的主要原因。
     
    所以我们需要找出当前页面中的所有scrollView,并把除了滑动页面的scrollView以外所有的 scrollsToTop属性都设置为NO即可。
  • 相关阅读:
    突袭HTML5之HTML元素扩展(上) 新增加的元素
    DIV常见任务(下) 变身为编辑器
    突袭HTML5之Javascript API扩展3 本地存储
    突袭HTML5之Javascript API扩展5 其他扩展
    DIV常见任务(上) 常规任务
    突袭HTML5之HTML元素扩展(下) 增强的Form元素
    突袭HTML5之WebGL 3D概述(下) 借助类库开发
    突袭HTML5之Javascript API扩展4 拖拽
    突袭HTML5之Javascript API扩展1 Web Worker异步执行
    突袭HTML5之Javascript API扩展2 地理信息服务
  • 原文地址:https://www.cnblogs.com/guwudao/p/6132011.html
Copyright © 2011-2022 走看看