storyBoard的基本用法

今晚来介绍一下故事版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"]==YES)

    {

        ChatTableViewController *chatVC = segue.destinationViewController;

        chatVC.model = self.selectedModel;

    }

}


大家可以试试


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

haiooh

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值