博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Storyboard教程-创建Tab Bar控制器和Web视图
阅读量:7173 次
发布时间:2019-06-29

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

hot3.png

Tab Bar控制器和UIWebView

首先,和通常一样,我们简单介绍一下Tab Bar控制器和UIWebView。你可能不属性Tab Bar 这个术语,但是在多数iPhone Apps中经常遇到。看看下面的范例应用程序,它们都使用了Tab Bar控制器在每一个tab 中显示一个独特的视图。通常,一个Tab Bar 至少包含2个tabs,根据需要最多可以添加5个tabs。

另一方面,UIWebView 是加载web内容的轻便组件。在一些情况下,你希望在App中显示一个单一的web页面,或者让用户在App中访问外部web页面,你可以在App中简单嵌入UIWebView对象,向它发送请求,加载web内容。

创建Tab Bar控制器

现在返回Xcode项目,首先回顾我们已经完成的内容。如果你按照前面的教程,应该创建了一个简单的菜谱应用程序,包含了导航界面。尽管没有完整的实现,但是可以正常运行的。

具体内容可以参考:

在本教程中,我们将完善上述App,并创建一个tab bar界面。你可能认为这个会比较复杂,且需要大量的代码。其实,通过storyboard功能,简化了大量的工作。通过简单点击,就可以轻松将导航控制器(Navigation Controller)嵌入到Tab Bar控制器中。

首先,选择MainStoryboard.storyboard 中的Navigation Controller,接着选择Editor 菜单下面的Embed in 子菜单,然后选择 Tab Bar Controller选项。

从下图中,你可以看到Xcode自动将导航控制器嵌入到一个tab bar控制器中。超级简单,对吧?你可能认为这个很琐碎。其实,在引入Storyboard 功能之前,如需要嵌入一个导航控制器,你需要编写代码,并设计一个独立的NIB文件。

更改Tab Bar子项名称

默认情况下,Tab Bar 子项没有名称,也没有图标。在导航控制器中选择tab 子项,你可以在Attributes Inspector窗口,自由修改名称,并指定图标。Tab Bar子项默认为custom 标识符。当设定为custom时,意味着你需要手动指定标题(title)和图像。

你也可以使用一些内置的tab bar项目(如More、Favorites和Top Rated等等),这些已经包含了图标。这里为了简化教程,使用这些内置的项目。选择Featured 作为识别符(identifier),界面将如下所示:

运行App

现在可以测试App了。点击Run 按钮,看看App的运行界面。App 应该和之前教程中创建的一样,只是有了tab bar界面元素。

转载于:https://my.oschina.net/serinder/blog/201049

你可能感兴趣的文章
2018年总结
查看>>
34个漂亮的应用程序后台管理界面
查看>>
java JDK6的可变参数
查看>>
初入职场程序员的五大钻石法则
查看>>
Node.js学习笔记(一)概述
查看>>
split的3种方法
查看>>
忽略PNG透明区域的事件(AS/Flash)
查看>>
文本框只能输入正整数(大于0的整数)代码
查看>>
一步一个脚印学习WCF系列之WCF概要—WCF服务的创建与调用HelloWorld实例,通过配置文件方式(六)...
查看>>
只需简单一步,android自带的示例程序 BluetoothChat 变蓝牙串口助手
查看>>
thrift之TTransport层的内存缓存传输类TMemoryBuffer
查看>>
使用pull方式解析xml文件示例:
查看>>
学习jQuery的免费资源:电子书、视频、教程和博客
查看>>
找出数列中个数大于总数一半的元素(编程之美2.3)
查看>>
断路器(CircuitBreaker)设计模式
查看>>
SQL中利用DMV进行数据库性能分析
查看>>
讨论:程序员高手和菜鸟的区别是什么?
查看>>
SQL Server里的 ISNULL 与 NULLIF
查看>>
Linux Systemcall By INT 0x80、Llinux Kernel Debug Based On Sourcecode
查看>>
imageNamed 与 imageWithContentsOfFile的区别
查看>>