iOS中使用storyboard进行布局
個人開發(fā)進行簡潔設(shè)置,可以使用stordboard來進行布局,接下來通過一個計算器頁面的搭建來分析storyboard的使用。
1.實現(xiàn)的效果如圖:
有兩個輸入框來進行數(shù)據(jù)的輸入和一個文本框來進行數(shù)據(jù)的展示,點擊計算按鈕計算兩個加數(shù)的和。
2.storyboard的使用
(1)在view上面添加控件
點擊上面的加號就會出現(xiàn)控件的頁面,選擇自己需要的控件直接拖到view上就可以
?
本次頁面使用到的控件:
兩個加數(shù):UITextField輸入框,textField的鍵盤模式最好設(shè)置為number pad,只允許輸入數(shù)字
加號和等號:UILabel,需要將他的text設(shè)置為相應(yīng)的符號就可以,結(jié)果是一個Label用來展示計算后得到的數(shù)據(jù)
計算:button按鈕
(2)添加好控件之后需要將控件和VC連接到一起,在VC上對數(shù)據(jù)進行操作。
點擊storyboard中的任意一個控件,按option鍵的同時選中要將這個view添加到哪個VC里面,然后選中這個VC就可以實現(xiàn)storyboard和VC的雙屏顯示
(3)將控件添加到VC上面
實現(xiàn)分屏后選中控件,按住control鍵就可以拖線連接到VC里面,控件最好使用weak來進行修飾,因為此時的控件是直接拖拽上去的,已經(jīng)有了強引用,如果使用strong的話,會再加上一層強引用。
3.來進行計算兩數(shù)之和,這里直接上代碼,進行演示,注意的是需要進行類型轉(zhuǎn)換。(這里對鍵盤進行了優(yōu)化,因為有時我們輸入的東西比較多,鍵盤會擋住部分布局,所以我們進行計算完成之后將鍵盤進行了叫回)
#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");
?? ?
? ? //把鍵盤叫回去
? ? //鍵盤的第一響應(yīng)者 :哪個輸入框叫出的鍵盤,哪個就是第一響應(yīng)者firstResponsder
? ? //方式一:
//? ? [self.jiashu1 resignFirstResponder];
//? ? [self.jiashu2 resignFirstResponder];
? ? //方式二:讓當前控制器管理的view停止編輯,這樣的話,凡是這個view的子控件叫出的鍵盤就回去了
? ? [self.view endEditing:YES];
}
?好了,今天的分享就到這里,有錯誤歡迎指出,大家一起進行學(xué)習(xí)哦😊
?
?
總結(jié)
以上是生活随笔為你收集整理的iOS中使用storyboard进行布局的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: linux内存写保护,[原创]不用CR0
- 下一篇: STM32-独立模式单通道ADC采集