iOS Storyboard编程指南 图文详解 1.创建一个无约束的导航栏加选项卡(tabbar)故事版

OSX系统10.10.5 Xcode版本7.1

本文图文详解如何初步使用故事版进行开发

1.打开Xcode  点击Create a new Xcode project

选择Single View Application

iOS Storyboard编程指南 图文详解 1.创建一个无约束的导航栏加选项卡(tabbar)故事版_第1张图片

Product Name随便其一个名字 之后点击Next  创建好后点击Main.storyborad  这是故事版最初的样子

iOS Storyboard编程指南 图文详解 1.创建一个无约束的导航栏加选项卡(tabbar)故事版_第2张图片

2.对故事版进行修改 以导航栏为初始界面

首先中间的上面的左边

点击它后就选中了故事版中的某一个vc,选中后可以在右边

iOS Storyboard编程指南 图文详解 1.创建一个无约束的导航栏加选项卡(tabbar)故事版_第3张图片

查看该vc的一些基本属性,其中

是决定了哪一个vc为该项目的起始界面,当该按钮打勾后 其它vc自动取消该按钮选中状态

目前这个故事版只有一个普通的vc 这没什么卵用 并不是我们想要的 点击

之后按键盘上的delete删掉它

iOS Storyboard编程指南 图文详解 1.创建一个无约束的导航栏加选项卡(tabbar)故事版_第4张图片

删除后的样子

iOS Storyboard编程指南 图文详解 1.创建一个无约束的导航栏加选项卡(tabbar)故事版_第5张图片

之后看右下角把Navigation Controller拖到故事版上

拖完后界面呈现这个样子 自动加上了导航栏和导航栏的root viewcontroller 设置Navigation Controller为起始界面

iOS Storyboard编程指南 图文详解 1.创建一个无约束的导航栏加选项卡(tabbar)故事版_第6张图片

现在来看这个两个vc都太大了 选中导航栏vc之后视角转到右上角

iOS Storyboard编程指南 图文详解 1.创建一个无约束的导航栏加选项卡(tabbar)故事版_第7张图片

修改第一个size为3.5-inch

这样就会小很多

如果还要再加上tabbarvc 那么可以删掉导航栏的rootvc

之后还是右下角 找到tabbarvc拖上去之后修改size 以后的vc都自己改好size 这里不再说明

iOS Storyboard编程指南 图文详解 1.创建一个无约束的导航栏加选项卡(tabbar)故事版_第8张图片

添加委托让tabbarvc变成导航栏的rootvc(按住ctrl以及鼠标左键一直按住导航栏vc,拖动到tabbarvc那里

iOS Storyboard编程指南 图文详解 1.创建一个无约束的导航栏加选项卡(tabbar)故事版_第9张图片
iOS Storyboard编程指南 图文详解 1.创建一个无约束的导航栏加选项卡(tabbar)故事版_第10张图片

选中root view controller之后委托就添加成功了

你可能感兴趣的:(iOS Storyboard编程指南 图文详解 1.创建一个无约束的导航栏加选项卡(tabbar)故事版)