美文网首页IOS Other
iOS 中storyBoard的简单使用

iOS 中storyBoard的简单使用

作者: 闯先生的猫 | 来源:发表于2016-03-25 19:42 被阅读756次

学习storyBoard,我们首先要了解它的优缺点:
优点:可以快速开发、项目结构清晰、便于新人接收项目。
缺点:不利于团队开发 文件易冲突。
iOS 9 storyBoard变化的:
通过storyboard references来连接不同的storyboard.
可以为view controller中添加额外的小的view块.
可以在navigation bar中添加两个按钮.
如何将已有的storyboard分割成多个并且用到storyboard references呢?很简单,选中你要分割的storyboard;

搭建UI框架
1、故事版中第一个页面的箭头,指向谁,就表示谁是初始页面 (窗口上的rootViewController)
2、如果删除 系统的故事版 需要把target->general - >main interface:->修改成自己创建的 故事版名字

1.png

3、链接自己的故事版(工具栏)

工具栏.png 导入控件.png 3.png 5.png

(1)工具栏->报纸图标->class:这个类 是哪个
(2)storyID->查找这个类的标记->一般写本类的类名
(3)user storyBoard ID ->勾选上故事版的标记 才会有效
(4)工具栏 ->钢笔头->is initial view controller:设置初始页面箭头(只能有一个)如果有使用故事版 就不能使用代码去创建 窗口 (只能有一个主窗口)
(5)title:文件列表的 标题的名字

(6)工具栏最后一个选项:表示这个类和其他类关系的->(分栏控制器viewController)(导航栏rootViewController)->关联其他控制器 -> 点击拖住按钮到希望连接的控制器上
如果挂代理
(7)代码创建的类 和 故事版中的类进行关联 -> 菜单栏->报纸->class:设置成代码的类名
(8)故事版上面控件 添加触发方法 和 与代码进行关联
点击 故事版 ->点击双环 把故事版上需要关联的控件 右键不松手 拖到代码的.h文件 如果是添加方法选择(action)如果是只关联(outlets)
(9)添加约束

约束.png 给视图添加约束.png

还要注意一点的是:如果如下图中按钮不能点击的时候;

00.png 屏幕快照 2016-03-25 下午7.34.36.png

需要使用这种方法:

屏幕快照 2016-03-25 下午4.50.44.png

这样就能点击了。

(10)添加完约束之后,会有红色或者黄色的警告,(红色警告 是约束不合理,需要把约束去掉;黄色表示实际位置与约束位置不匹配,修复一下就可)

设置sizeClass
(1)compact 紧凑
(2)any 任意
(3)regular 宽松
(4)设备区分
《1》3.5、4、4.7手机横屏:CwCh
《2》手机横屏:Ch
《3》5.5手机横屏:RwCh
《4》手机竖屏:CwRh
《5》手机竖屏ipad的横竖屏:Rh
《6》ipad的横竖屏:RwRh
《7》ipad的横竖屏:Rw
《8》任意:any

这里只是storyBoard简单的使用,具体的在以后会慢慢补充。(注:该文章是借鉴http://blog.treney.com/index.php/archives/StoryBoard.html

相关文章

  • iOS中storyboard简单使用

    前言 storyboard布局成为了iOS开发中比较重要的一部分了,它的功能多样性已经超过了前辈xib(例如,它只...

  • iOS 中storyBoard的简单使用

    学习storyBoard,我们首先要了解它的优缺点:优点:可以快速开发、项目结构清晰、便于新人接收项目。缺点:不利...

  • React-native-cli 脚手架文件解析

    IOS AppDelegate.m 详解 今天在学习 IOS 中 Storyboard 的使用中,操作都是没问题的...

  • IOS中关于Xib的使用

    ios中关于Xib使用 xib和Storyboard的区别xib是轻量级,用来描述局部UI界面Storyboard...

  • iOS中Storyboard的使用

    我在开发中一直在使用Storyboard,代码中绝大多数的UIViewController是用Storyboard...

  • iOS Storyboard Reference的使用

    Storyboard简述 storyBoard(故事板)是苹果在iOS5中引入的新技术,是苹果一直推荐使用的界面开...

  • 2018-01-01

    IOS基础-segue的使用 一、什么是segue 二、segue的使用 1.在storyboard中通过cont...

  • iOS 9以下使用safe area的问题

    iOS 8 使用safe area 在General中设置某个storyboard为app主入口 选择storyb...

  • Size Classes的一个坑

    在使用iOS的Size Classes发现了一个坑。我们先来做个很简单的Demo,storyboard图如下: 我...

  • iOS13 LaunchScreen.storyboard 启动

    ios13开始,苹果要求使用LaunchScreen.storyboard来设置启动图了。之前因为启动页比较简单,...

网友评论

    本文标题:iOS 中storyBoard的简单使用

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