码迷,mamicode.com
首页 > 移动开发 > 详细

iOS学习之UINavigationController

时间:2016-04-16 15:22:51      阅读:240      评论:0      收藏:0      [点我收藏+]

标签:

一、UINavigationController
     1、UINavigationController:导航控制器,是iOS中最常用的多视图控制器之一,用它来管理多个视图控制器。可以称为是管理控制器的控制器,主要管理有层次递进关系的控制器。
     2、UINavigationController继承于UIViewController,以栈的方式管理所控制的视图控制器,至少要有一个被管理的视图控制器,这个控制器我们称作,导航控制器的根视图控制器。
  • 任何继承自UIViewController的类(多态)都可以作为根控制器。
     3、UINavigationController的创建
  在AppDelegate.m
    // 创建UIWindow对象
    self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
    
    // 设置背景颜色
    self.window.backgroundColor = [UIColor whiteColor];
    
    // 使window显示
    [self.window makeKeyAndVisible];
    
    // 创建视图控制器,给window指定根控制器,设置导航控制器
    self.window.rootViewController = [[UINavigationController alloc] initWithRootViewController:[[RootViewController alloc] init]];
二、UINavigationBar
     1、概述
  • UINavigationBar(导航栏)上的设置主要分两部分,一为导航栏上的各种导航部件(UINavigationItem),二为导航栏自身的相关设置。
  • navigationBar——导航条,iOS7之后默认是半透明的,iOS7之前默认是不透明的。
  • navigationBar竖屏下默认高度44,横屏下默认高度32。
  • iOS7之后,navigationBar的背景会延伸到statusBar上。导航栏高度仍保持44,但显示效果为64.
  • 每个视图控制器都有一个navigationItem属性。navigationItem中设置的左按钮、右按钮、标题等,会随着控制器的显示,也显示到navigationBar上。
     2、常用属性
  在RootViewController.m中
#import "RootViewController.h"

@interface RootViewController ()

@end

@implementation RootViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    self.view.backgroundColor = [UIColor brownColor];
 
    // 设置导航控制器
    [self initLayout]; 
}

// 初始化布局(实现布局的方法)
- (void)initLayout
{
    // 导航控制器的显示隐藏属性(YES == 隐藏, NO == 显示)
    self.navigationController.navigationBarHidden = NO;
    
    // UINavigationBar(导航条,iOS7.0 之后导航条默认有半透明属性)
    // 设置导航条是否开启半透明效果(会影响self.subViews的坐标系,当半透明效果开启时,self.view以屏幕左上角为坐标原点,关闭时,导航条左下角为坐标原点)
    self.navigationController.navigationBar.translucent = NO;

    // 修改导航条颜色,状态栏颜色默认与导航条颜色相同
    self.navigationController.navigationBar.barTintColor = [UIColor grayColor];
    
    // 导航条背景颜色
    self.navigationController.navigationBar.backgroundColor = [UIColor redColor];
    
    // 设置导航条标题
//    self.title = @"根视图";
    // navigationItem属性,用来设置子控件
    self.navigationItem.title = @"根视图";
    
    // 左按钮
    self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"左按钮" style:UIBarButtonItemStylePlain target:self action:@selector(leftItemAciton:)];
    
    // 右按钮
    // 一个按钮
//    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCancel target:self action:@selector(rightItemClick:)];
//    
//    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithImage:[UIImage imageNamed:@"next"] style:UIBarButtonItemStylePlain target:self action:@selector(rightItemClick:)];
    
    // 多个按钮, 自动排序
    
    UIBarButtonItem *item1 = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCamera target:self action:@selector(rightItemClick:)];
    
    UIBarButtonItem *item2 =[[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemReply target:self action:@selector(rightItemClick:)];
    
    self.navigationItem.rightBarButtonItems = @[item2, item1];
    
    // 设置导航元素的颜色
    self.navigationController.navigationBar.tintColor = [UIColor whiteColor];
    
    // 导航栏样式
    self.navigationController.navigationBar.barStyle = UIBarStyleBlack;
    
    // 标题视图
    
    UISegmentedControl *segment = [[UISegmentedControl alloc] initWithItems:@[@"男神", @"女神", @"-1"]];
    segment.frame = CGRectMake(0, 0, 150, 30);
    segment.selectedSegmentIndex = 0;
    [segment addTarget:self action:@selector(segmentAction:) forControlEvents:UIControlEventValueChanged];
    
    self.navigationItem.titleView = segment;
    
    
    UIView *view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 100, 100)];
    view.backgroundColor = [UIColor lightGrayColor];
    [self.view addSubview:view];
    

}
// 实现左按钮方法
- (void)leftItemAciton:(UIBarButtonItem *)sender
{
    NSLog(@"跟着我左手 慢动作");
}
- (void)segmentAction:(UISegmentedControl *)sender
{
    switch (sender.selectedSegmentIndex) {
        case 0:
            self.view.backgroundColor = [UIColor colorWithRed:1 green:0 blue:0  alpha:1];
            break;
        case 1:
            self.view.backgroundColor = [UIColor colorWithRed:0 green:1 blue:0  alpha:1];
            break;
        case 2:
            self.view.backgroundColor = [UIColor colorWithRed:0 green:0 blue:1  alpha:1];
            break;
            
        default:
            break;
    }
    
}

// 实现右按钮方法
- (void)rightItemClick:(UIBarButtonItem *)sender
{
    NSLog(@"跟着我右手 慢动作重播");
}
@end
     3、导航控制器左右按钮中英文的问题(例cancle / 取消),在工程设置->info->Localization native development region->China
  • 技术分享
三、页面跳转
     1、工作原理
  • UINavigationController通过栈的方式管理控制器的切换,控制入栈和出栈来展示各个视图控制器。
  • UINavigationController的ContentView里始终显示栈顶控制器的view。
  • viewControllers属性是一个可变数组(NSMutableArray)存储了栈中说的所有被管理的控制器,入栈的时候,使用addObject把新的视图控制器对象添加到数组末尾,出栈时removeLastObject移除数组末尾的视图控制器对象。
  • navigationController属性,父类中的属性,每个栈中的控制器,都能通过此属性,获取自己所在的UINavigationController对象。
  • 栈的特点:先进后出,后进先出。
     2、常用属性
  • 技术分享
  • 技术分享
    // 实现按钮方法
- (void)btnAction:(UIButton *)sender
{
    // 创建第一页的对象
    FirstViewController *fVC = [[FirstViewController alloc] init];
    // 通过导航控制器推出新的页面
    [self.navigationController pushViewController:fVC animated:YES];
}
- (void)popButtonAction:(UIButton *)sender
{
    // 返回上一个视图
    [self.navigationController popViewControllerAnimated:YES];
  
    // 返回指定视图
    [self.navigationController popToViewController:self.navigationController.viewControllers[0] animated:YES];
    // 返回根视图
    [self.navigationController popToRootViewControllerAnimated:YES];
}
四、模态
     1、页面切换方式对比
  • 页面的切换方式主要分为:推出(push)和模态(present)。
  • 推出用于一系列的视图之间的跳转有层次递进关系。
  • 模态用于单独功能页面的跳转和主要业务逻辑没有关联(登录,歌曲播放页,系统相册,应用中调出系统功能)。
     2、添加过渡动画(有默认值)
- (void)modelBtnAction:(UIButton *)sender
{
    // 创建第二页对象
    ShowViewController *sVC = [[ShowViewController alloc] init];
    // 给第二页设置导航控制器
    UINavigationController *sNVC = [[UINavigationController alloc] initWithRootViewController:sVC];
    // 添加模态动画
    sVC.modalTransitionStyle = UIModalTransitionStyleCoverVertical;
    // 模态跳到下一个页面
    [self.navigationController presentViewController:sNVC animated:YES completion:nil];
}
- (void)backBtnAction:(UIButton *)sender
{
    // 模态返回上一个视图
    [self dismissViewControllerAnimated:YES completion:nil];
}
// 模态动画的效果
//
UIModalTransitionStylePartialCurl 翻页方式 推出 // UIModalTransitionStyleFlipHorizontal 水平旋转方式 推出 // UIModalTransitionStyleCrossDissolve 交叉叠化溶解方式 推出 // UIModalTransitionStyleCoverVertical 垂直覆盖方式 推出

iOS学习之UINavigationController

标签:

原文地址:http://www.cnblogs.com/soley/p/5398373.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!