美文网首页Swift学习iOS 开发 iOS Developer
最快捷的创建tabbar+Storyboard Referenc

最快捷的创建tabbar+Storyboard Referenc

作者: 徐佳斌 | 来源:发表于2016-09-18 19:28 被阅读248次

天下武功,唯快不破!

本文主要介绍利用Storyboard快速构建简单的三个item的Tabbar构建

在Main.Storyboard中拖入一个TabbarController,默认会有两个子控制器,需要再添加一个ViewController作为它的子控制器。方法也很简单,只需要在Tabbar右键拖动指向目标Vc,然后在弹出框中选择relationship segue 中选择viewcontrollers 即可。最后给拖入一个navigationController指向TabbarController,并将其设置为入口。

在图中1处选择item,然后在2处填上已经添加好的item的默认和选中的图片,就会在3处看到效果,这样将三个item设置好之后就可以再模拟器上运行。

可以看到Tabbar的图片和文字并非我们所设置的样式,有经验的童鞋肯定可以看出来是因为iOS图片默认渲染,于是,我们简单的自定义一个TabbarVc。

```

override func viewDidAppear(_ animated: Bool) {

//设置item 的文字选中和非选中颜色

UITabBarItem.appearance().setTitleTextAttributes([NSForegroundColorAttributeName: UIColor.gray], for: UIControlState())

UITabBarItem.appearance().setTitleTextAttributes([NSForegroundColorAttributeName:UIColor.green], for: UIControlState.selected)

//取消item 图片选中和非选中的默认渲染模式

for item in self.tabBar.items! {

item.image = item.image?.withRenderingMode(UIImageRenderingMode.alwaysOriginal)

item.selectedImage = item.selectedImage?.withRenderingMode(UIImageRenderingMode.alwaysOriginal)

}

}

```

本来是在viewdidload方法中加入上述方法,但是当引用Storyboard Reference的时候,图片依然处于被渲染状态,这个可能跟Storyboard Reference启动机制有关

在viewDidAppear中添加上述方法就基本成功构建了Navi+Tabbar的系统框架,接下来介绍Storyboard Reference。

Storyboard Reference的使用也比较简单,只需要选中所要单独放在另一个Storyboard里面的Vc,然后在xcode导航栏里面的Editor+Refector to Storyboard ,然后填写新添加Storyboard名字,选择保存位置,Save即可


如上图所示,将三大板块的内容分成三个Storyboard去开发,这样就可以有效的解决多人合作代码冲突的问题。唯一需要注意的是Storyboard Reference 是iOS9.0之后的新特性。说了这么多,希望能够对大家有用

相关文章

  • 最快捷的创建tabbar+Storyboard Referenc

    天下武功,唯快不破! 本文主要介绍利用Storyboard快速构建简单的三个item的Tabbar构建 在Main...

  • Unity3D---UGUI---UI创建以及Canvas设置

    1.创建场景 使用快捷键以及鼠标点击都可 2.Image创建 最简单的先创建一个Image在Hierarchy窗口...

  • CAD

    CAD 1. 创建直线的快捷方式是L+空格 2. 创建圆的快捷方式是C+空格 3. 创建圆弧的快捷方式是A+空格 ...

  • SQL数据库的、外键和查询

    外键 增加外键 创建表的时候增加外键:在所有的表字段之后,使用foreign key(外键字段) referenc...

  • 学会口诀,保证你CAD绘图分分钟完成

    1. 创建直线的快捷方式是L+空格 2. 创建圆的快捷方式是C+空格 3. 创建圆弧的快捷方式是A+空格 4. 创...

  • CAD口诀,不转后悔.

    1. 创建直线的快捷方式是L+空格 2. 创建圆的快捷方式是C+空格 3. 创建圆弧的快捷方式是A+空格 4. 创...

  • Linux常用指令

    Linux常用指令 常用快捷键 创建快捷方式 上传文件rz/sz 设置软连接(创建快捷方式) 重启服务 检查网卡地...

  • Ubuntu 安装sts

    解压下载打tar.gz2.创建桌面快捷方式 创建桌面快捷方式 编辑 分配权限

  • fish-redux基础使用指南

    在介绍使用方法之前,先介绍一个快捷创建fish_redux目录的插件 FishReduxTemplate快捷创建f...

  • Flutter相关知识点

    1.快捷键创建widget 创建stateless的Widget:stless 创建statefull的Wid...

网友评论

  • 魔法黛:只想说一点:你又是用代码又是用故事版的,既然用故事版,又用的不够彻底,诚然会写代码很重要,但既然出了故事版要简单可视化那就彻底点!意思就是说,你说的这些问题在故事版均可设置解决,不需要代码:smirk:
    魔法黛:是的,完全可以
    徐佳斌:@魔法黛 你说在IB里设置渲染模式?

本文标题:最快捷的创建tabbar+Storyboard Referenc

本文链接:https://www.haomeiwen.com/subject/uuqgettx.html