声明:这里所指的三级结构不是网上百度中所经常提及的三级框架或者MVC模式,而是指UITabbarController+UINavigationController+UIViewController。

效果图

技术要点

三者其实是层层包含的关系,以tabbar为起点(接下来就不写类名全程了,看官们看懂就好),一个tabbar对应多个navigation,每个navigation对应着1个viewcontroller(当然实际上是可以多个的,在这里用不上而已),这样一来整个视图看起来就成了可以切换不同导航栏标题的多个视图。

tabbar的设置

tabbar设置可以很简单,但是这里我们搞复杂点,利用自定义的button放入tabbar中,当然在此之前,我们需要将原有tabbar中的UITabBarButton类型的所有`UITabBarButton类型的视图给删除即可。

#pragma mark 删除tabbar原始的item
- (void)removePreItem
{
for (UIView *view in self.tabBar.subviews) {
if ([view isKindOfClass:NSClassFromString(@"UITabBarButton")]) {
[view removeFromSuperview];
}
}
#pragma mark 即将读取视图
- (void)viewWillAppear:(BOOL)animated
{
[self removePreItem];
[super viewWillAppear:animated];
}

有一点要提示的是删除原有tabbar中item的方法要在viewWillAppear中执行,在viewDidLoad中执行则不会删除。

       删除完了之后,增加我们想要添加的按钮并设置点击事件——切换视图控制器。在tabbar中,切换视图控制器其实很简单,只需要self.selectedIndex = i;即可。

CGFloat itemOffsetX;
CGFloat itemOffsetY;
#pragma mark 增加自定义item
- (void)createItems
{
//求图标宽度
CGFloat tabbarWidth = self.tabBar.bounds.size.width;
CGFloat itemWidth = (tabbarWidth - itemOffsetX * 5) / 4; //求图标高度
CGFloat tabbarHeight = self.tabBar.bounds.size.height;
CGFloat itemHeight = tabbarHeight - itemOffsetY * 2; //新建button for(int i = 0; i < 4; i ++)
{
UIButton *btn = [UIButton buttonWithType:UIButtonTypeCustom];
btn.tag = i;
[btn addTarget:self action:@selector(actItem:) forControlEvents:UIControlEventTouchUpInside];
btn.frame = CGRectMake(itemOffsetX * (i+1) + itemWidth * i, 0, itemWidth, itemHeight);
[btn setTitle:[NSString stringWithFormat:@"%d",i+1] forState:UIControlStateNormal];
[btn setTitleColor:REDCOLOR forState:UIControlStateNormal];
[btn setTitleColor:YELLOWCOLOR forState:UIControlStateHighlighted];
[self.tabBar addSubview:btn];
}
}
#pragma mark tabbar中item点击事件
- (void)actItem:(UIButton *)sender
{
NSLog(@"click %@ button",sender.titleLabel.text);
self.selectedIndex = sender.tag % 10;
}

接下来是给tabbar添加视图,这些子视图应该是navigation,然后navigation中才把对应的viewcontroller收入囊中。navigation除了能像表层看到的那样能提供导航栏之外,实际上像栈那样push和pop栈中的viewcontroller。

#pragma mark 添加4个MainNavViewController到视图中
- (void)addNavViewController
{
MainNavViewController *nav1 = [[MainNavViewController alloc]init];
nav1.viewControllers = @[[[FirstViewController alloc]init]];
MainNavViewController *nav2 = [[MainNavViewController alloc]init];
nav2.viewControllers = @[[[SecondViewController alloc]init]];
MainNavViewController *nav3 = [[MainNavViewController alloc]init];
nav3.viewControllers = @[[[ThirdViewController alloc]init]];
MainNavViewController *nav4 = [[MainNavViewController alloc]init];
nav4.viewControllers = @[[[FourthViewController alloc]init]];
NSArray *navViewControllers = @[nav1,
nav2,
nav3,
nav4];
self.selectedIndex = 0;
self.viewControllers = navViewControllers;
}

要修改导航栏标题不是在navigation更不是在tabbar,而是在navigation中的viewcontroller中修改,修改很简单,关键是要理解修改导航栏标题的语句是放在navigation中的viewcontroller里面。

//在viewcontroller中设置
self.navigationItem.title = @"第四";

代码下载链接:http://download.csdn.net/detail/ecjtuacm_yuewei/9806036

纯代码搭建iOS三级结构(UITabbarController+UINavigationController+UIViewController)的更多相关文章

  1. BearSkill纯代码搭建iOS界面

    欢迎相同喜欢动效的project师/UI设计师/产品增加我们 iOS动效特攻队–>QQ群:547897182 iOS动效特攻队–>熊熊:648070256 浅谈一下 关于iOS兼容布局一直 ...

  2. 搭建App主流框架_纯代码搭建(OC)

    转载自:http://my.oschina.net/hejunbinlan/blog/529778?fromerr=EmSuX7PR 搭建主流框架界面 源码地址在文章末尾 达成效果 效果图 注:本文部 ...

  3. Masonry -- 使用纯代码进行iOS应用的autolayout自适应布局

    简介 简化iOS应用使用纯代码机型自适应布局的工作,使用一种简洁高效的语法替代NSLayoutConstraints. 项目主页: Masonry 最新示例: 点击下载 项目简议: 如果再看到关于纯代 ...

  4. Masonry — 使用纯代码进行iOS应用的autolayout自适应布局

    本文转载至   http://www.ios122.com/2015/09/masonry/ 简化iOS应用使用纯代码机型自适应布局的工作,使用一种简洁高效的语法替代NSLayoutConstrain ...

  5. (六十二)纯代码搭建UI

    在Xcode6中,去掉了Empty Application的选项,因此可以通过先创建SingleView,再删除storyboard,并且把工程设置中的main Interface清空. 通过AppD ...

  6. iOS开发——实战OC篇&环境搭建之纯代码(玩转UINavigationController与UITabBarController)

    iOS开发——实战OC篇&环境搭建之纯代码(玩转UINavigationController与UITabBarController)   这里我们就直接上实例: 一:新建一个项目singleV ...

  7. iOS:删除storyBoard,纯代码实现UITabBarController的视图切换功能

    storyboard是一个很强大的编写代码的辅助工具,可以帮助布局多个视图之间的联系,既直观又能减少代码量:但是,作为一个程序员,在不使用storyboard的情况下,纯代码编写是必须的技能. 下面就 ...

  8. iOS高仿app源码:纯代码打造高仿优质《内涵段子》

    iOS高仿app源码:纯代码打造高仿优质<内涵段子>收藏下来 字数1950 阅读4999 评论173 喜欢133 Github 地址 https://github.com/Charlesy ...

  9. iOS开发 纯代码创建UICollectionView

    转:http://jingyan.baidu.com/article/eb9f7b6d8a81a5869364e8a6.html iOS开发 纯代码创建UICollectionView 习惯了使用xi ...

  10. iOS UICollectionView(转一) XIB+纯代码创建:cell,头脚视图 cell间距

    之前用CollectionViewController只是皮毛,一些iOS从入门到精通的书上也是泛泛而谈.这几天好好的搞了搞苹果的开发文档上CollectionViewController的内容,亲身 ...

随机推荐

  1. dotnet 调试应用启动闪退的方法

    应用程序如果启动即闪退,那大部分时候日志模块还没初始化完成,很难通过应用自身的启动流程了解到应用启动失败的原因.本文来告诉几个不同的方法用来调查应用启动失败的原因 应用启动失败的原因可能有很多,例如系 ...

  2. 2019-10-14-云之幻-UWP-视频教程

    title author date CreateTime categories 云之幻 UWP 视频教程 lindexi 2019-10-14 21:8:26 +0800 2019-10-14 21: ...

  3. QT Creator 远程调试 QT 程序

    一.测试环境 QT Creator 版本:5.12.9 开发板:rv1126 开发环境:ubuntu20.04 开发板内核:4.19 二.配置 ARM 交叉编译器 ARM 交叉编译工具,购买开发板时, ...

  4. vue+vant实现省市联动(van-area)组件(包含比较全面的全国省市数组数据)

    组件库太香了,人家nb,自己写的都是** 效果: 1.安装vant库以及main.js的配置 2.一般结合van-popup组件 </template> <van-popup v-m ...

  5. Educational Codeforces Round 162 (Rated for Div. 2) E

    E:Link 枚举路径两端的颜色 \(k\). 令 \(g[x]\) 表示满足以下条件的点 \(y\) 数量. $ y \in subtree[x]$ \(col[y] = k\) \(y\) 到 \ ...

  6. 对于Docker和Podman的一点使用经验

    前言:本文会以多个实际的线上例子,分享自己对于Docker和Podman的一点使用经验及踩过的坑,希望对读者有一点帮助. 本文bash脚本初步加工后可直接使用(兼容mac和linux系统),对于关键点 ...

  7. CICD详解之gitlab,Jenkins

    持续集成概念 持续集成Continuous Integration 持续交付Continuous Delivery 持续部署Continuous Deployment 什么是持续集成: 持续集成是指开 ...

  8. OpenStack Centos7 T版本搭建

    目录 Centos7搭建OpenStack T版本 --上 1. 环境准备(所有节点操作) 1.1 修改主机名 1.2 关闭selinux 以及防火墙 1.3 修改hosts 1.4 配置时间同步 c ...

  9. sqlserver给某个用户授权某张表得操作权限,并利用这个用户进行跨库查询

    Sql表授权 创建用户 此时,改用户登录是看不到任何表的 设置权限         创建连接   EXEC sp_addlinkedserver 'LinkName','','SQLOLEDB','要 ...

  10. Vue cli之路由router

    一.安装路由 Vue-router用于提供给vue项目在开发中用于绑定url和组件页面的关系的核心插件. 默认情况下,vue没有提供路由的功能,所以我们使用vue-router,并需要在项目根目录. ...