storyBoard的基本用法
2016-03-22 23:52
330 查看
今晚来介绍一下故事版storyboard的用法,没demo
首先我们先回顾一下xib的使用
1.xib使用回顾
(1)创建一个xib
(2)关联xib和界面的关系
(3)把xib的界面控件与相关的.h和.m文件关联
(4)操作界面
storyBoard知识点
2.storyboard是一个xib的集合。能够在storyboard中完整展示整个项目的所有界面
故事版(Storyboard)是一个能够节省你很多设计手机App界面时间的新特性。
(1)使用方便,快捷
(2)界面视图话,容易找到界面的关联关系
使用前注意事项:
storyboard操作:(1)连线使用 control + 左点击键(或者使用鼠标右键拖动)
(2)VC间的连线,需要在zoom为25%进行
(3)UI控件的拖拽,则需要在zoom为100%进行
(4)zoom设置方法,右键点击storyboard的空白处,可以选择
3.使用storyboard
(1)创建一个带storyboard的工程
(2)把use Auto Layout去掉
(3)重要的属性介绍(is Intitial view Control),是否为rootviewController
(4)控件可从控件的库中,直接拖拽到界面(storyBoard中)
(5)主要使用的控件(UIViewController,UINavigationController,UITabBarController)
(6)一些UI控件也可以直接拖拽到相应的ViewController中
(7)常使用的控件(UIButton,UILabel,UITextField)
(8)层结构的查看和布局
(9)把相应的VC关联到代码中(与xib相似),同时也把VC中的UI也关联到代码里面
4.storyboard中的界面跳转和值传递
(1)需要使用代码和storyBoard连线同时进行
(2)把两个VC通过连线关联起来(连线选择Model相当于present,push就是navigation的push操作)
(3)在关联出设置关联的segueID
(4)代码中通过segueID找到该连接,并实现跳转。调用时跳转
[self
performSegueWithIdentifier:@"talkVC"
sender:self];
(5)值传递也是通过这个segueID找到他的跳转界面,实现正向传值
-(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
if([segue.identifier
isEqualToString:@"talkVC"]==<
4000
span style="color:#bb2ca2;">YES)
{
ChatTableViewController *chatVC = segue.destinationViewController;
chatVC.model =
self.selectedModel;
}
}
大家可以试试
首先我们先回顾一下xib的使用
1.xib使用回顾
(1)创建一个xib
(2)关联xib和界面的关系
(3)把xib的界面控件与相关的.h和.m文件关联
(4)操作界面
storyBoard知识点
2.storyboard是一个xib的集合。能够在storyboard中完整展示整个项目的所有界面
故事版(Storyboard)是一个能够节省你很多设计手机App界面时间的新特性。
(1)使用方便,快捷
(2)界面视图话,容易找到界面的关联关系
使用前注意事项:
storyboard操作:(1)连线使用 control + 左点击键(或者使用鼠标右键拖动)
(2)VC间的连线,需要在zoom为25%进行
(3)UI控件的拖拽,则需要在zoom为100%进行
(4)zoom设置方法,右键点击storyboard的空白处,可以选择
3.使用storyboard
(1)创建一个带storyboard的工程
(2)把use Auto Layout去掉
(3)重要的属性介绍(is Intitial view Control),是否为rootviewController
(4)控件可从控件的库中,直接拖拽到界面(storyBoard中)
(5)主要使用的控件(UIViewController,UINavigationController,UITabBarController)
(6)一些UI控件也可以直接拖拽到相应的ViewController中
(7)常使用的控件(UIButton,UILabel,UITextField)
(8)层结构的查看和布局
(9)把相应的VC关联到代码中(与xib相似),同时也把VC中的UI也关联到代码里面
4.storyboard中的界面跳转和值传递
(1)需要使用代码和storyBoard连线同时进行
(2)把两个VC通过连线关联起来(连线选择Model相当于present,push就是navigation的push操作)
(3)在关联出设置关联的segueID
(4)代码中通过segueID找到该连接,并实现跳转。调用时跳转
[self
performSegueWithIdentifier:@"talkVC"
sender:self];
(5)值传递也是通过这个segueID找到他的跳转界面,实现正向传值
-(void)prepareForSegue:(UIStoryboardSegue *)segue sender:(id)sender{
if([segue.identifier
isEqualToString:@"talkVC"]==<
4000
span style="color:#bb2ca2;">YES)
{
ChatTableViewController *chatVC = segue.destinationViewController;
chatVC.model =
self.selectedModel;
}
}
大家可以试试
相关文章推荐
- iOS应用开发中StoryBoard搭建UI界面的基本使用讲解
- 分享一个关于Storyboard 跳转与传值
- iOS开发之使用Storyboard预览UI在不同屏幕上的运行效果
- Expression Blend实例中文教程(8) - 动画设计快速入门StoryBoard
- 报错-Unknown class in Interface Builder file
- [iPhone初级]Storyboard全解析-第一部分
- iOS之storyborad
- Xib和storyboard对比
- WPF动画
- storyboard中exit用发,返回原来页面
- storyboard 的一些简单应用
- iOS - 返回
- swift 代码加载xib storyboard
- Storyboard入门到精通
- storyboard segue 传递数据
- StoryBoard使用push跳转不连线。(解决黑屏问题)
- 关于在storyboard中使用静态cell的注意事项
- Xcode5 Storyboard 辅助预览窗口开启快捷键
- Auto Layout 进阶
- iOS8开发~UI布局(一)初探Size Class