故事板实现标签导航
用故事板技术实现标签导航模式。
使用“Tabbed Application”模版,创建一个名为 “TabNavigationStoryborad”的工程。勾选“Use Storyborads”、“Use Automatic Reference Counting”。创建完成之后打开MainStoryboard.storyboard。
三个Controller Scene 会有由一些线连接起来,这些线就是Segue,看到它是否想起了动画书中的“故事板”,事实上,iOS故事板起源于动画行业。故事板开始的一端是“Tab Bar Controller Scene”它是根视图控制器,图中有两个Segue它们描述了“Tab Bar Controller Scene”与“First View Controller Scene”和“Second View Controller Scene”之间的关系。
我们需要修改两个现有的Scene,然后再添加一个Scene,才能满足我们的业务需求。修改两个现有的Scene很简单,按照上一节修改视图控制 器命名就可以了,然后Scene就会跟着变化。添加一个Scene到设计画面中如图6-40所示,从对象库中拖拽一个“View Controller”到设计画面中。
添加一个Scene之后,还需要为它和“Tab Bar Controller Scene”连线,按住control键从“Tab Bar Controller Scene”拖拽鼠标到“View Controller Scene”,然后松开鼠标弹出菜单选择“view controllers”,这样连线就做好了。
然后我们再添加一个视图控制器类“LiaoViewController”。在菜单中选择File->New->File… ,在文件模板中选择iOS→Objective-C出现新建文件对话框,在Class项目中输入 “LiaoViewController”,Subclass of 中选择UIViewController,不勾选With XIB for user interface。再回到IB中选中“View Controller Scene”,打开标识检查器,在Custom Class→Class为“LiaoViewController”。
添加图标到工程中,修改标签栏项目中图标和文本,选择“Hei View Controller Scene”→“Hei View Controller”→“Tab Bar Item”,打开属性检查器,“Bar Item”→“Title”为“黑龙江”,“Image”选择为“hei.png”。按照同样的办法修改其他两个视图控制器。
三个视图的设计可以参考上篇文章nib实现部分,拖拽一些Label控件,摆放好位置,修改城市名字,然后再修改视图背景颜色。基于故事板的标签导航模式就实现完毕了。在整个过程中我们没有编写一行代码。
相关推荐
针对标签导航和树形导航这两种相对复杂的导航模式本章为大家提供了nib和故事板两种实现方式,大家可以通过nib实现方式掌握导航模式的原理,同时通过故事板实现的方式掌握如何灵活使用这两种导航方式。 视图控制器与...
苹果ios开发100个实例源码; 个人信息输入表(支持表单增删) 二维码扫描应用demo 二维码生成器 从GIF动画创建一个动态UIImages 对象 从上往下拉出现加载view,动态加载内容 从上往下拉动态加载 从上往下拉动态加载3 ...
一个适用于iOS有趣,易用的标签栏导航控制器
苹果iOS是由苹果公司开发的手持设备操作系统。苹果公司最早于2007年1月9日的Macworld大会上公布这个系统,最初是设计给iPhone使用的,后来陆续套用到iPod touch、iPad以及Apple TV等苹果产品上。iOS与苹果的Mac OS X...
如何判断应用是不是需要一个导航功能,并且知道在什么情况下选择平铺导航、标签导航、树形结构导航中的哪一种或者同时综合使用3种导航模式。 第7章“iPhone与iPad应用开发的差异”。掌握 iPhone和iPad设备使用场景上...
如果你喜欢这个项目,不要忘记加put star ★并在GitHub上关注我:导航按钮段控制滑块转变文本域文本视图集合视图布局控制器留言标签菜单进度指示器标签栏表格视图 内容 活动指标显示任务正在进行的视图。...
百度地图iOS SDK v2.10.0 Sample共有23个Demo,每个Demo的说明如下: ------------------------------------------------------------------------------------- 一、 Demo名称:基本地图功能 文件名: ...
CircleBar是一个有趣的标签栏导航控制器, 用Swift 4编写,可通过CocoaPods获得。 当前为v1.0。 欢迎捐款。 我们是一个由友好的设计师和周到的开发人员组成的灵活团队。 有一个有趣的项目或需要帮助吗? 安装 ...
《IOS5基础教程》随书源代码,所有源代码基于 IOS 5 ,从入门的HelloWorld到标签库的使用、导航栏的使用,再到多视图应用、数据持久化,覆盖了IOS开发的主要知识。
Web2 App是将您的网站转换为真实的IOS应用程序的最简单方法。此外,我们还提供了强大的功能,如标签,抽屉,内置广告,通知以及轻松的自定义和样式选项。 更容易些 h、.m、.x 第一个应用?没问题.我们提供了一个很...
《iOS 5基础教程》 中文名iOS 5基础教程 外文名Beginning iOS 5 Development: 作者: [美] Dave Mark / [美] Jack Nutting / [美] Jeff LaMarche 译者: 毛姝雯 / 漆振 / 杨越 / 孙文磊 目录 第1章 欢迎来到iOS世界 ...
01 第一节课 iPhone开发入门 02 第二节课 UIView与UIWindow 03 第三节课 常用控件 04 第四节课 视图控制器 05 第五节课 导航控制器 06 第六节课 标签控制器 07 第七节课 表视图基本概念和用法 08 第八节课 ...
项目开发过程中,在完成iOS项目——项目开发环境搭建之后,我们首先需要考虑的就是我们的项目的整体框架与导航架构设计,然后在这个基础上考虑功能模块的完成。 一 导航架构设计 一款App的导航架构设计应该是符合...
React路由器导航 :cross_mark: 该项目不再维护...请参见 react-router-navigation提供了在带有导航器或选项卡视图的多个屏幕之间react-router-navigation工具。 该库基于react-router , react-navigation和react-...
干货集中营是一款旨在为用户提供优质干货内容的平台,为了进一步提升用户体验,他们决定开发一款全新的iOS客户端。这款全新的iOS客户端将注重用户体验,力求提供更加便捷、流畅的操作方式,让用户能够更轻松地获取到...
源码TSMiniWebBrowser,TSMiniWebBrowser是一款嵌入iOS应用的开源web浏览器控件,它解决了开源浏览器控件中一个共同的知名Bug——UIWebView bug,结合“缩放”和“横向切换”操作时,浏览器会产生一些不稳定的行为。...
这是一个样板仓库,其中包含导航器和标签栏。 它还展示了一些 React Native 功能,例如新闻交互和视图导航。 入门 克隆这个项目 安装依赖: $ npm install 在 XCode 中打开ReactNativeBoilerplate.xcodeproj并运行...
iOS应用程序UI元素主要由状态栏、导航栏、标签栏和工具栏组成。并不是每一个应用程序都需要这些bars,毕竟一个良好的应用程序是越简单越好,但如果必要时也需要呈现这些bars,这时候就需要开发者能够正确地使