我们知道,现在的界面设计与跳转都可以使用storyboard和segue来实现。但是有些项目组或者boss不喜欢这样简单可视化的形式,非要用代码来实现整个UI的设计,与界面跳转的逻辑,当然原因有各种。所以,现在我来为大家来简单实现如何使用代码来构建UI控件并进行跳转。代码下载地址https://github.com/chenyufeng1991/JumpAndNavigationCode 中的01文件夹下 。
该项目的第一个界面就是storyboard自动创建的界面,第二个界面是自己创建的带nib文件的ViewController。但是在nib和storyboard中不使用任何的拖拽控件。
ViewController.m中实现代码如下:
#import "ViewController.h"
#import "MainViewController.h"
@interface ViewController ()
@property(strong,nonatomic) UIButton *button;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
self.button = [[UIButton alloc] initWithFrame:CGRectMake(0, 100, [[UIScreen mainScreen] bounds].size.width, 20)];
[self.button setTitle:@"跳转" forState:UIControlStateNormal];
[self.button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[self.view addSubview:self.button];
[self.button addTarget:self action:@selector(clickMe:) forControlEvents:UIControlEventTouchUpInside];
}
//现在我要做的是为页面增加NavagationBar,是通过代码添加的,使之在页面跳转的时候起作用;
-(void)clickMe:(id)sender{
[self presentViewController:[[MainViewController alloc] init] animated:true completion:^{
//跳转完成后需要执行的事件;
}];
}
@end
MainViewController.m实现如下,这是第二个界面,对应了nib文件。
#import "MainViewController.h"
@interface MainViewController ()
@property(strong,nonatomic) UIButton *backButton;
@end
@implementation MainViewController
- (void)viewDidLoad {
[super viewDidLoad];
self.backButton = [[UIButton alloc] initWithFrame:CGRectMake(0, 100, [[UIScreen mainScreen] bounds].size.width, 20)];
[self.backButton setTitle:@"返回" forState:UIControlStateNormal];
[self.backButton setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];
[self.view addSubview:self.backButton];
[self.backButton addTarget:self action:@selector(backButtonPressed:) forControlEvents:UIControlEventTouchUpInside];
}
- (void)backButtonPressed:(id)sender{
[self dismissViewControllerAnimated:true completion:^{
//返回后执行的事件;
}];
}
@end
实现效果就是两个界面之间可以进行跳转和返回。按钮和实现方式都是通过纯代码实现的,没有在storyboard和nib中添加一个控件。作为一个合格的iOS工程师,我们既要学会目前流行的storyboard,也要学会使用代码构建UI。
github主页:https://github.com/chenyufeng1991 。欢迎大家访问!