不容错过的iOS 8的导航交互
发布日期:2021-09-29 09:56:25 浏览次数:2 分类:技术文章

本文共 3543 字,大约阅读时间需要 11 分钟。

原始链接:http://www.cocoachina.com/ios/20140923/9729.html

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

2.gif

在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 }
}

转载地址:https://blog.csdn.net/hengshujiyi/article/details/39519515 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:如何在Swift中创建Action扩展
下一篇:苹果新的编程语言 Swift 语言进阶(七)--枚举、结构、类

发表评论

最新留言

哈哈,博客排版真的漂亮呢~
[***.90.31.176]2024年03月29日 22时01分27秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章