StoryBoard中创建TabBar

0.效果图

这里写图片描述

1.新建一个项目

这一个步就不多说了。

2.创建TabBar

2.1创建Navigation Controller

选中开始的视图,再到顶部的Editor-Embed in-Navigation Controller,就会把开始的视图就变成Navigation Controller了。
这里写图片描述

2.2创建第一个Tab与视图
2.2.1创建Tab Bar Controller

我们选中刚才的Navigation Controller,按照2.1的路径(Editor-Embed in-Tar Bar Controller)找到Tar Bar Controller后发现第一个Tab就这样出现了。
这里写图片描述
(步骤到此的截图)
这里写图片描述

2.2.2Tab视图添加内容

然后我们选择第一个tab所对应的窗口,在对象库(Object Library)中拖拉一个标签(Label)到视图,并将Label内容重命名为Tab1
这里写图片描述

2.3更改第一个Tab部分属性

不难看到tab底下的图标暂时是没有的,是空的。可以先试试用xcode自动的一些样式

2.3.1更改Tab图标

选择中刚才新建的item(Tab的图标),再到属性检测器(Attributes Inspector)更把System Item的Custom改为Favorites,会发现Tab的图标发生变化了。
这里写图片描述

2.4运行应用

如无意外你看到应该跟我一样的。

这里写图片描述

2.5添加多个Tab

备注:这个步骤只是添加了一个Tab而已,想添加更多的可以按照以下步骤重复操作就好了。

2.5.1添加一个Navigation Controller

在对象库(Object Library)中找到Navigation Controller,并拖到场景里。我稍微把刚才的storyboard重新排一下版。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值