今天为了给伙伴作一篇storyBoard快速编程的教程,所以才写下了这篇博客。

有过storyBoard 编程经验的伙伴还是不要阅读本篇博客了,我自己认为,太基础太简单了,为了方便别人学习使用,我还是详细的做了这篇教程。

不怕辛苦,不怕被别人贬低,就怕自己不能够成长。不废话,开始

以上是使用 storyBoard  编程的时候,我们的Xcode的样子,下面进行说明(编号于图上的编号一一对应):
1、storyBoard 文件的启动图页,可以在工程的配置文件夹 general 里面设置启动图为 LaunchScreen 如下图所示。在编号18处选择如图,在对应的LaunchScreen.storyBoard 文件里,从编号为15(先选中编号为15的按钮)然后在下面的区域,选择一个 UIImageView 控件,如图A 所示。将控件拖动到我们的控制面板中,如图B所示。 

2、Main.storyboard 就是我们的App默认的启动页面,对应的工程配置文件如下图所示:

3、就是 UIVIewController 代表这我们这个 storyBoard 文件是个什么类型的文件,可以是 UITableViewController 等等之类的,我们分别建一个 UIViewController 、UITableViewController 的 storyBoard 文件,如下图所示:

4、我们要说一下这里一些图标的意思:
File’s owner 是所有nib 文件的图标,表示是从磁盘加载nib文件的对象。
First Responder 就是用户当前正在与之交互的对象。
View 显示用户界面,完成用户交互,是UIView类或子类
 
5、就是该ViewController 通常设置代理的时候,可能需要用到,如,我们在 storyBoard.storyboard 文件里添加一张表UItableViwe 然后设置表的代理为 该视图控制器 (以下做法 等同于代码设置UItableView 的代理)
第一步:我们点开上面创建好的 StoryBoard.storyboard 文件是长这个样子的 
 

6、就是用户当前正在与之交互的对象。
7、不做解释
8、就是自定义关联类的一些设置区域,如下图 

为了做好关联,和跑通界面,我是非常理解这里必须写的详细的一些,那就详细的写

下面是进行关联,将我们的 StoryBoard.storyboard 文件 和 NJW_VIewController 类文件进行关联,如下图所示:

修改页面为红色,一会便于我们区别

我们在 UIApppdelegate 里写上代码

然后运行App如下效果:

9、页面属性,可以查看或者修改注如 self.view  字体之类的一些常用属性的设置
10、约束(点击后可以进入约束的区域,查看一些约束)
11、可以百度iOS storyBoard 的
12、参考百度
13、参考百度
14、参考百度  约束相关
15、可以选择想用的可视化控件 
 
到这里为止,本篇博客讲解了关于 storyboard 的一些基本入门知识,以及实现加载一个 storyboard 的文件

storyBoard学习教程一(页面跳转)的更多相关文章

  1. storyBoard学习教程二(页面跳转)

    本篇是接着上一篇 storyBoard 学习教程一 的补充,有过storyBoard 编程经验的伙伴还是不要阅读本篇博客了,我自己认为,太基础太简单了,为了方便别人学习使用,我还是详细的做了这篇教程. ...

  2. 微信小程序开发:学习笔记[8]——页面跳转及传参

    微信小程序开发:学习笔记[8]——页面跳转及传参 页面跳转 一个小程序拥有多个页面,我们可以通过wx.navigateTo推入一个新的页面.在首页使用2次wx.navigateTo后,页面层级会有三层 ...

  3. Android+Jquery Mobile学习系列(4)-页面跳转及参数传递

    关于页面转场,这个必须得专门列出来说明一下,因为Jquery Mobile与普通的Web发开有一些区别,这个对于新手如果不了解的话,就会钻到死胡同.撸主前段时间就是很急躁地上手开发程序,结果在页面转场 ...

  4. Silverlight学习笔记之页面跳转

    在进行项目开发的时候,经常遇到页面之间的跳转,包括silverlight之间以及silverlight和html之间的跳转. silverlight之间的页面跳转包含两点: 1.主窗体和子窗体 用户新 ...

  5. 基于 Storyboard 多种方式的页面跳转、参数传递

    原文 通过按钮关联跳转 选中 Button ,然后点击 action 右边拖拽到 第二个页面 选择 "Show"即可完成跳转关联. 定义页面间 segue Id,通过代码触发跳转 ...

  6. flask学习(八):页面跳转和重定向

    1. 用处:在用户访问一些需要登录的页面的时候,如果用户没有登录,那么让页面重定向到登录页面 2. 实例 运行效果: 用户已登录,进入发布问答页面 用户未登录,跳转到登录页面

  7. JAVASCRIPT实现的WEB页面跳转以及页面间传值方法

    在WEB页面中,我们实现页面跳转的方法通常是用LINK,BUTTON LINK ,IMG LINK等等,由用户点击某处,然后直接由浏览器帮我们跳转. 但有时候,需要当某事件触发时,我们先做一些操作,然 ...

  8. [转]使用storyboard实现页面跳转,简单的数据传递

    由于最近才接触到IOS,苹果已经建议storyboard来搭建所有界面了,于是我也追随时尚,直接开始使用storyboard.(不料在涉及到页面跳转的时候,遇到的问题是:点击后没有任何反应)众所周知, ...

  9. 使用storyboard实现页面跳转,简单的数据传递

    由于最近才接触到IOS,苹果已经建议storyboard来搭建所有界面了,于是我 也追随时尚,直接开始使用storyboard.(不料在涉及到页面跳转的时候,遇到的问题是:点击后没有任何反应)众所周知 ...

随机推荐

  1. Android 中View仅仅能接收到ACTION_DOWN无法接收ACTION_MOVE和ACTION_UP解决的方法

    昨天晚上调试了一晚上,在LinearLayout上接收屏幕动作,可是出现了问题, 以下的代码是本人调的代码 </pre><pre name="code" clas ...

  2. Oracle SQL_杂记

    1. 查询当前用户角色,当前用户下的表权限以及所有用户表权限 desc user_role_privs;select * from user_role_privs; desc user_tab_pri ...

  3. PHP 7.1.5编译安装

    1. 安装基础组件 yum install -y libxml2 libxml2-devel bzip2 bzip2-devel curl-devel libjpeg libjpeg-devel li ...

  4. Juce源代码分析(九)应用程序基类ApplicationBase

    在前面的几篇文章,分析的都是Juce库里面Core模块的内存部分,除了骨灰级C++爱好者之外,貌似大家对这些都不是非常感兴趣.相信大家更想知道Juce是怎么用于产品开发,而对于它的构成不是非常感兴趣. ...

  5. Python数据分析简介

    1,Python作为一门编程语言开发效率快,运行效率被人诟病,但是Python核心部分使用c/c++等更高效的语言来编写的还有强大的numpy, padnas, matplotlib,scipy库等应 ...

  6. 九度OJ 1108:堆栈的使用 (堆栈)

    时间限制:1 秒 内存限制:32 兆 特殊判题:否 提交:6705 解决:1974 题目描述: 堆栈是一种基本的数据结构.堆栈具有两种基本操作方式,push 和 pop.Push一个值会将其压入栈顶, ...

  7. ChannelHandler揭秘(Netty源码死磕5)

    精进篇:netty源码死磕5  揭开 ChannelHandler 的神秘面纱 目录 1. 前言 2. Handler在经典Reactor中的角色 3. Handler在Netty中的坐标位置 4. ...

  8. Dropout: A Simple Way to Prevent Neural Networks fromOverfitting

    https://www.cs.toronto.edu/~hinton/absps/JMLRdropout.pdf Deep neural nets with a large number of par ...

  9. ansible操作模块相关

    1. 查看模块可用参数命令 ansible-doc -s module_name

  10. codeforces B. Marathon 解题报告

    题目链接:http://codeforces.com/problemset/problem/404/B 题目意思:Valera 参加马拉松,马拉松的跑道是一个边长为a的正方形,要求Valera从起点( ...