iOS 入门 界面UI 界面跳转

作为一个Android开发的小小猿人，推开了IOS开发的大门。开发成本是高昂的。不过公司的mac，开发证书什么的都可以免费供给。

所以我也了解了解世面，开始ios的基本ui事件的监听，页面的挑战的开发。

想写下来的内容包括：创建UIView，UIButton，并且在不同的UIViewController间的前跳，后跳。

以前知道的是，安卓下面的界面跳转，按钮添加是通过布局文件添加，然后findviewbyid函数来获取实例，

ios下面的开发虽然可以使用interface builder，但是我还是不习惯那种所谓的mvc的开发。完全不是代码控制的感觉。。。

看看网上人的说法，果断抛弃xib，stroyxxx什么的。。纯代码的构建界面。

首先是AppDelegate文件，（程序各种初始化以后就开始调用AppDelegate.m文件，相当于程序入口）：

#import <UIKit/UIKit.h>
#import "MyViewController.h"

@interface AppDelegate : UIResponder <UIApplicationDelegate>
{
    
}

@property (strong, nonatomic) UIWindow *window;
@property (strong, nonatomic) MyViewController *viewController;

@end

AppDelegate.m文件：

//
//  AppDelegate.m
//  PhotoUpLoad
//
//  Created by ci123 on 14-4-4.
//  Copyright (c) 2014年 ___FULLUSERNAME___. All rights reserved.
//

#import "AppDelegate.h"

@implementation AppDelegate

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    // Override point for customization after application launch.
    self.viewController = [[MyViewController alloc] initWithNibName:nil bundle:nil];
    self.window.rootViewController = self.viewController;
    [self.window makeKeyAndVisible];
    return YES;
}

- (void)applicationWillResignActive:(UIApplication *)application
{
    // Sent when the application is about to move from active to inactive state. This can occur for certain types of temporary interruptions (such as an incoming phone call or SMS message) or when the user quits the application and it begins the transition to the background state.
    // Use this method to pause ongoing tasks, disable timers, and throttle down OpenGL ES frame rates. Games should use this method to pause the game.
}

- (void)applicationDidEnterBackground:(UIApplication *)application
{
    // Use this method to release shared resources, save user data, invalidate timers, and store enough application state information to restore your application to its current state in case it is terminated later. 
    // If your application supports background execution, this method is called instead of applicationWillTerminate: when the user quits.
}

- (void)applicationWillEnterForeground:(UIApplication *)application
{
    // Called as part of the transition from the background to the inactive state; here you can undo many of the changes made on entering the background.
}

- (void)applicationDidBecomeActive:(UIApplication *)application
{
    // Restart any tasks that were paused (or not yet started) while the application was inactive. If the application was previously in the background, optionally refresh the user interface.
}

- (void)applicationWillTerminate:(UIApplication *)application
{
    // Called when the application is about to terminate. Save data if appropriate. See also applicationDidEnterBackground:.
}

@end

 

上面的代码所做的工作是：

当应用启动完毕后，调用函数，

创建了一个window，然后将自己定义的MyViewController作为window的rootViewController。

这样我们就可以看到MyViewController的内容啦～

然后是MyViewController，继承自ViewController（感觉这货跟安卓上的activity差不多。）

见代码：

MyViewController.h文件：

#import <UIKit/UIKit.h>
#import "PhotoViewController.h"

@interface MyViewController : UIViewController

@end

 

MyViewController.m文件：

#import "MyViewController.h"

@interface MyViewController ()

@end

@implementation MyViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

-(void) onPressClicked
{
    PhotoViewController *viewController = [[PhotoViewController alloc] initWithNibName:nil bundle:nil];

    [self presentViewController:viewController animated:YES completion:^{
        NSLog(@"Goto Next ViewController.");
    }];
}

- (void)viewDidLoad
{
    [super viewDidLoad];

    // Do any additional setup after loading the view from its nib.
    CGRect frame = CGRectMake(110, 200, 100, 20);
    UIButton *pressButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
    pressButton.backgroundColor = [UIColor clearColor];
    [pressButton setTitle:@"Press Me  :-)" forState:UIControlStateNormal];
    pressButton.frame = frame;
    [pressButton addTarget:self action:@selector(onPressClicked) forControlEvents:UIControlEventTouchUpInside];
    
    UILabel *lable = [[UILabel alloc] initWithFrame:CGRectMake(90, 120, 160, 20)];
    lable.backgroundColor = [UIColor clearColor];
    lable.text = @"UILable:Hello IOS!";
    
    UIView *t_view = [[UIView alloc] initWithFrame:[[UIScreen mainScreen]bounds]];
    t_view.backgroundColor = [UIColor whiteColor];
    [self.view addSubview:t_view];
    [self.view addSubview:pressButton];
    [self.view addSubview:lable];
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

上面的代码有UILable显示字体，有UIButton，并且添加了监听函数，执行跳转界面。

还设置了一个UIView作为底层的白色底，这样看起来更舒服一点。

然后就是怎么把这些控件添加到viewController的view上面了。可以看45-47行的代码：）

从代码中，可以看到如何给按钮加上监听函数，如何创建界面，执行跳转。

看看我们下一个跳转界面都有什么～

上代码：

PhotoViewController.h文件：

#import <UIKit/UIKit.h>

@interface PhotoViewController : UIViewController

@end

 

PhotoViewController.m文件：

//
//  PhotoViewController.m
//  PhotoUpLoad
//
//  Created by vokie on 14-4-4.
//  Copyright (c) 2014年 vokie. All rights reserved.
//

#import "PhotoViewController.h"

@interface PhotoViewController ()

@end

@implementation PhotoViewController

- (id)initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil
{
    self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];
    if (self) {
        // Custom initialization
    }
    return self;
}

- (void)onBackClicked
{
    [self dismissViewControllerAnimated:YES completion:^{
        NSLog(@"Goto back!~!!");
    }];
}

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Do any additional setup after loading the view from its nib.
    UIImage *defaultPhoto = [UIImage imageNamed:@"main_bg.jpg"];
    UIImageView *imageView = [[UIImageView alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
    [imageView setImage:defaultPhoto];
    [imageView setContentScaleFactor:[[UIScreen mainScreen] scale]];
    imageView.contentMode = UIViewContentModeScaleAspectFill;
    imageView.autoresizingMask = UIViewAutoresizingFlexibleHeight;
    imageView.clipsToBounds = YES;
    
    CGRect frame = CGRectMake(0, 450, 130, 40);
    UIButton *backButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
    backButton.backgroundColor = [UIColor grayColor];
    [backButton setTitle:@"Press Me  :-(" forState:UIControlStateNormal];
    backButton.frame = frame;
    [backButton addTarget:self action:@selector(onBackClicked) forControlEvents:UIControlEventTouchUpInside];
    
    UIButton *takePhotoButton = [UIButton buttonWithType:UIButtonTypeRoundedRect];
    takePhotoButton.backgroundColor = [UIColor redColor];
    [takePhotoButton setTitle:@"拍照" forState:UIControlStateNormal];
    takePhotoButton.frame = CGRectMake(130, 450, 80, 40);
    
    UIButton *fileChoose = [UIButton buttonWithType:UIButtonTypeRoundedRect];
    fileChoose.backgroundColor = [UIColor greenColor];
    [fileChoose setTitle:@"文件选择" forState:UIControlStateNormal];
    fileChoose.frame = CGRectMake(210, 450, 120, 40);
    
    [self.view addSubview:imageView];
    [self.view addSubview:backButton];
    [self.view addSubview:takePhotoButton];
    [self.view addSubview:fileChoose];
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

@end

第二个界面跟第一个界面差不多，只是多了一个背景图片层，图片的位置怎么放呢，我捣鼓了一下，直接在我项目下面创建了一个Resources的文件夹，

然后把我需要的图片放进去，然后在xcode中右击项目，add files。。

然后就可以直接通过图片名称来引用了。jpg，png都可以加载。

然后把然后就是怎么向前一个界面跳转呢？

dissmiss。。。

既然是入门，继续上项目的结构图：

好～上几张图片。

－－－－－－－－－－－－－－－－－－－－next－－－－－－－－－－－－－－