个人开发进行简洁设置,可以使用stordboard来进行布局,接下来通过一个计算器页面的搭建来分析storyboard的使用。

1.实现的效果如图:

有两个输入框来进行数据的输入和一个文本框来进行数据的展示,点击计算按钮计算两个加数的和。

ios storyboard如何使用 ios开发storyboard_objective-c

2.storyboard的使用

(1)在view上面添加控件

点击上面的加号就会出现控件的页面,选择自己需要的控件直接拖到view上就可以

 

本次页面使用到的控件:

两个加数:UITextField输入框,textField的键盘模式最好设置为number pad,只允许输入数字

ios storyboard如何使用 ios开发storyboard_ios storyboard如何使用_02

加号和等号:UILabel,需要将他的text设置为相应的符号就可以,结果是一个Label用来展示计算后得到的数据

计算:button按钮

(2)添加好控件之后需要将控件和VC连接到一起,在VC上对数据进行操作。

点击storyboard中的任意一个控件,按option键的同时选中要将这个view添加到哪个VC里面,然后选中这个VC就可以实现storyboard和VC的双屏显示

ios storyboard如何使用 ios开发storyboard_xcode_03

(3)将控件添加到VC上面

实现分屏后选中控件,按住control键就可以拖线连接到VC里面,控件最好使用weak来进行修饰,因为此时的控件是直接拖拽上去的,已经有了强引用,如果使用strong的话,会再加上一层强引用。

ios storyboard如何使用 ios开发storyboard_ios_04

3.来进行计算两数之和,这里直接上代码,进行演示,注意的是需要进行类型转换。(这里对键盘进行了优化,因为有时我们输入的东西比较多,键盘会挡住部分布局,所以我们进行计算完成之后将键盘进行了叫回)

#import "ViewController.h"
@interface ViewController ()
@property (weak, nonatomic) IBOutlet UITextField *jiashu1;
@property (weak, nonatomic) IBOutlet UILabel *sumLabel;
@property (weak, nonatomic) IBOutlet UITextField *jiashu2;
@end
@implementation ViewController
- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
}
- (IBAction)addSum:(id)sender {
    NSString *jiashi1 = self.jiashu1.text;
    NSString *jiashu2 = self.jiashu2.text;
    int result = [jiashi1 intValue]+[jiashu2 intValue];
    self.sumLabel.text = [NSString stringWithFormat:@"%d",result];
//    NSLog(@"111");
    
    //把键盘叫回去
    //键盘的第一响应者 :哪个输入框叫出的键盘,哪个就是第一响应者firstResponsder
    //方式一:
//    [self.jiashu1 resignFirstResponder];
//    [self.jiashu2 resignFirstResponder];
    //方式二:让当前控制器管理的view停止编辑,这样的话,凡是这个view的子控件叫出的键盘就回去了
    [self.view endEditing:YES];
}

 好了,今天的分享就到这里,有错误欢迎指出,大家一起进行学习哦😊