文档章节

不容错过的iOS 8的导航交互

hejunbinlan
 hejunbinlan
发布于 2015/08/24 17:08
字数 928
阅读 63
收藏 2

你曾注意过Safari移动客户端里美轮美奂的导航栏缩放效果么,以及那些tab bar是如何消失的吗?

在iOS 8中,苹果让这种类型的交互变得非常容易,虽然在WWDC上演示了缩放导航栏效果,不过后来他们用隐藏导航的方式替代了这个想法,但tab bar不包括在内(我猜想他们后期会添加隐藏标签栏的属性)。

以下是iOS 8中非常酷的导航交互方式,可以让用户看到更多内容。

滚动页面时隐藏Bar

如果你有一个Table View,仅需要将导航控件的hidesBarsOnSwipe属性设置为true就OK了。

1
2
3
4
5
6
7
8
class QuotesTableViewController: UITableViewController {
  
     override func viewDidAppear(animated: Bool) {
         super .viewDidAppear(animated)
          
         navigationController?.hidesBarsOnSwipe =  true
     }
}

注意导航栏的行为会影响到在你的导航堆栈里所有的视图控件,所以如果你希望某一视图控控件的导航条不会跟着隐藏的话,你需要设置一下viewDidAppear。

点击时隐藏

1.gif

如果你的视图并不像上面所示那样的卷动的话,你可以试着将hidesBarsOnTap的属性设置为true.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
class QuoteImageViewController: UIViewController {
  
     override func viewDidAppear(animated: Bool) {
         super .viewDidAppear(animated)
          
         // 将hidesBarsOnSwift设置为false
         // 在此后的这个条件下它不会有任何效果
         // 不过在上一个VC中它被设置成了true
         navigationController?.hidesBarsOnSwipe =  false
          
         // setting hidesBarsOnTap to true
         navigationController?.hidesBarsOnTap =  true
     }
  
}

请注意,如果你之前在导航栈中某个视图控件里设置过hidesBarOnSwipe,你需要再次将其赋值为false以避免这个视图会发生像其他的视图那样的行为。同样的,如果对于Table View也曾有过设置,那你仍需要重新将navigationController?.hidesBarsOnTap设为false避免出错。

展示键盘输入时隐藏

3.gif

如上图,使用导航控件的新特性hidesBarsWhenKeyboardAppears,你可以在输入键盘出现时将导航栏隐藏:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
class CreateQuoteTableViewController: UITableViewController {
  
     override func viewDidAppear(animated: Bool) {
         super .viewDidAppear(animated)
          
         navigationController?.hidesBarsOnSwipe =  false
          
         // 这个例子恰到好处的结合了hidesBarsOnTap和hidesBarsWhenKeyboardAppears两个特性
         // 这样用户可以轻松的唤回导航栏并保存
         navigationController?.hidesBarsOnTap =  true
          
         navigationController?.hidesBarsWhenKeyboardAppears =  true
     }
}

为了确保用户在使用时可以轻易的唤出隐藏的导航栏,你应该在需要的时候将hidesBarsOnTap或者hidesBarsOnSwipe设置为true.

其他特性

下面演示的是其他新的导航控制器属性,你可以看一下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
class UINavigationController : UIViewController {
  
     //... truncated
      
     /// When the keyboard appears, the navigation controller's navigationBar toolbar will be hidden. The bars will remain hidden when the keyboard dismisses, but a tap in the content area will show them.
     @availability(iOS, introduced=8.0)
     var  hidesBarsWhenKeyboardAppears: Bool
     /// When the user swipes, the navigation controller's navigationBar & toolbar will be hidden (on a swipe up) or shown (on a swipe down). The toolbar only participates if it has items.
     @availability(iOS, introduced=8.0)
     var  hidesBarsOnSwipe: Bool
     /// The gesture recognizer that triggers if the bars will hide or show due to a swipe. Do not change the delegate or attempt to replace this gesture by overriding this method.
     @availability(iOS, introduced=8.0)
     var  barHideOnSwipeGestureRecognizer: UIPanGestureRecognizer { get }
     /// When the UINavigationController's vertical size class is compact, hide the UINavigationBar and UIToolbar. Unhandled taps in the regions that would normally be occupied by these bars will reveal the bars.
     @availability(iOS, introduced=8.0)
     var  hidesBarsWhenVerticallyCompact: Bool
     /// When the user taps, the navigation controller's navigationBar & toolbar will be hidden or shown, depending on the hidden state of the navigationBar. The toolbar will only be shown if it has items to display.
     @availability(iOS, introduced=8.0)
     var  hidesBarsOnTap: Bool
     /// The gesture recognizer used to recognize if the bars will hide or show due to a tap in content. Do not change the delegate or attempt to replace this gesture by overriding this method.
     @availability(iOS, introduced=8.0)
     unowned(unsafe)  var  barHideOnTapGestureRecognizer: UITapGestureRecognizer { get }
}


本文转载自:http://www.cocoachina.com/ios/20140923/9729.html

hejunbinlan
粉丝 41
博文 596
码字总数 21569
作品 0
浦东
高级程序员
私信 提问
Apple WatchKit 初探

Apple WatchKit 初探 2014/11/20 | 分类: IOS, 开发 | 0 条评论 | 标签: APPLE, APPLE WATCH 分享到:1 玩儿转Swift 玩转Bootstrap(基础) jQuery源码解析(架构与依赖模块) less即学即用...

andyhe91
2015/03/21
108
1
定制iOS 7中的导航栏和状态栏

由于种种原因,申请了一个开源中国的帐号,也许会由于我的不耐心,不会亲自去一步步的写博文,但准备把自己看到的好的,都转载过来,就当时资源的存储,也算是一种推广吧。 iOS 7 教程:定制...

谁家的阿毛
2013/11/21
1K
0
一步一步学习iOS 5编程(第三版)-PDF中文版-正式发布!

目前,这是第一本介绍iOS 5.x 和 Xcode 4.4 的中文版书籍,尤其适合于iOS 编程开发初学者。本教程由 EntLib.com 团队编写。如有任何技术问题,欢迎留言。 电子版 – PDF 格式,支持iPhone、i...

entlib
2012/09/20
798
2
iOS程序员面试,绝对会遇到这些问题!

常见问题 你昨天/这周学习了什么? 你为什么热衷于软件开发? 你对哪一种控制系统比较熟悉? 是否参与过GitHub项目? 是否参与过GitHub或其他同类型网站的iOS开源项目? 请描述一下你的iOS应...

iOS开发_小迷糊
05/22
0
0
react native 集成人脸识别 --ios

上一篇介绍了 android 端的集成 这篇介绍下ios的集成. 整体思路和android类似:ios原生这边集成sdk后,写个ios和RN的交互类,暴露给RN ,RN再调用 跳转人脸识别页。成功,或失败 内部sdk中有...

JsLin_
2018/07/24
0
0

没有更多内容

加载失败,请刷新页面

加载更多

使用TensorFlow的AI程序运行报错AttributeError: module 'tensorflow' has no attribute 'xxx'

使用TensorFlow的AI程序,在运行时报错AttributeError: module 'tensorflow' has no attribute 'xxx',首先检查是否是包路径不对,一般是版本变化所致。...

织梦之魂
今天
3
0
提示浏览器版本低

本文转载于:专业的前端网站➭提示浏览器版本低 网站网页在遇到浏览器低版本(尤其是IE浏览器)时,提示浏览器版本低(如IE8以及以下),建议用户升级浏览器以获得最好体验。以下是代码: 1...

前端老手
今天
6
0
CentOS 7系统增加swap

转载请注明文章出处:CentOS 7系统增加swap swap是位于磁盘上的特殊文件(或分区),属于“虚拟内存”的一部分。通俗点就是内存的备胎,内存充足的情况下,基本上没swap什么事(和设置有关)...

tlanyan
今天
6
0
基于Prometheus和Grafana的监控平台 - 环境搭建

相关概念 微服务中的监控分根据作用领域分为三大类,Logging,Tracing,Metrics。 Logging - 用于记录离散的事件。例如,应用程序的调试信息或错误信息。它是我们诊断问题的依据。比如我们说...

JAVA日知录
今天
6
0
PHP运行时全局构造体

struct _php_core_globals { zend_bool magic_quotes_gpc; // 是否对输入的GET/POST/Cookie数据使用自动字符串转义。 zend_bool magic_quotes_runtime; //是否对运行时从外部资源产生的数据使...

冻结not
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部