你的位置:首页 > 操作系统

[操作系统]【iOS 初见】第一个简单的 iOS 应用


本实例来自 《iOS编程(第4版)》,介绍如何编写一个简单的 iOS 应用。

功能为:在视图中显示一个问题,用户点击视图下方的按钮,可以显示相应的答案,用户点击上方的按钮,则会显示一个新的问题。

 

步骤如下:

1.创建一个新的Xcode项目 Hello_iOS,具体看下图:

 

 

2.新建一个视图控制器类文件 QAViewController ,注意看下图:

 

3.选取QAViewController.xib 文件,从对象库中拖拽4个Label 、2个 Button 如下图摆放。

 

4.为对象创建关联。首先,修改QAViewController.m 文件如下:

#import "QAViewController.h"@interface QAViewController ()//声明插座变量@property (nonatomic,weak) IBOutlet UILabel *questionLabel;@property (nonatomic,weak) IBOutlet UILabel *answerLabel;@end@implementation QAViewController@end

5.设置声明的插座变量,如下图所示:

 

6.重新打开QAViewController.m 文件,声明两个按钮的动作方法:

@implementation QAViewController-(IBAction)showQuestion:(id)sender{  }-(IBAction)showAnswer:(id)sender{  }@end

 

7.接着要关联声明的动作方法,设置目标和动作(按住Control并拖拽或按住右键拖拽至File's Owner):

 

8.以上完成了此应用的XIB文件,创建并设置了应用所需的视图对象,并为视图对象和控制器对象创建了所有必需的管理。下面就需要开始创建模型对象。在项目导航面板中选择 QAViewController.m 文件,修改代码如下:

//// QAViewController.m// Hello_iOS//// Created by YeChao on 15/12/5.// Copyright (c) 2015年 Luka.Ye. All rights reserved.//#import "QAViewController.h"@interface QAViewController ()//声明插座变量@property (nonatomic,weak) IBOutlet UILabel *questionLabel;@property (nonatomic,weak) IBOutlet UILabel *answerLabel;//声明一个整形对象和两个数组对象//整形变量用于跟踪用户正在回答的问题@property (nonatomic) int currentQuestionIndex;//两个数组用于存储一系列问题和答案@property (nonatomic,copy) NSArray *questions;@property (nonatomic,copy) NSArray *answers;@end@implementation QAViewController-(instancetype) initWithNibName:(NSString *)nibNameOrNil bundle:(NSBundle *)nibBundleOrNil{  //调用父类实现的初始化方法  self = [super initWithNibName:nibNameOrNil bundle:nibBundleOrNil];    if (self) {    //创建两个数组对象,存储所需的问题和答案    //同时,将 questions和 answers分别指向问题数组和答案数组    self.questions = @[@"你叫什么名字?",@"你觉得你帅吗?",@"今年是哪一年?",@"明明可以靠脸吃饭,为何要靠才华?"];    self.answers = @[@"可以叫我叶小超。",@"还行吧。",@"公元2015年",@"这是和明明的差距,要努力啊。"];  }    //返回新对象的地址  return self;}-(IBAction)showQuestion:(id)sender{  //进入下一个问题  self.currentQuestionIndex++;    //是否已经回答完了所有问题?  if (self.currentQuestionIndex==[self.questions count]) {    //回到第一个问题    self.currentQuestionIndex =0;  }    //根据正在回答的问题序号从数组中取出问题字符串  NSString *question = self.questions[self.currentQuestionIndex];  //将问题字符串显示在标签上  self.questionLabel.text = question;  //重置答案字符串  self.answerLabel.text = @"";  }-(IBAction)showAnswer:(id)sender{  //当前问题的答案是什么?  NSString *answer = self.answers[self.currentQuestionIndex];  //在答案标签上显示相应的答案  self.answerLabel.text = answer;}@end

9.如果现在运行项目,将只能看到一个空白的屏幕,无法看到在 QAViewController.xib 文件中创建的用户界面。为了在屏幕上显示用户界面,必须将视图控制器和应用中的另一个控制器关联——AppDelegate 。

在项目导航面板中选择 AppDelegate.m 文件。在 application didFinishLaunchingWithOptions:方法中创建 QAViewController 对象,并将它设置为 UIWindow 对象的根视图控制器。

#import "AppDelegate.h"#import "QAViewController.h"- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {    self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];    //在这里添加应用启动后的初始化代码  QAViewController *qaVC = [[QAViewController alloc] init];  self.window.rootViewController = qaVC;    self.window.backgroundColor = [UIColor whiteColor];  [self.window makeKeyAndVisible];  return YES;}

10.按住 command+R 运行项目,效果如下:

11.没有设置应用图标的话,会是一块白板。应用图标是一张图片,用于在主屏幕上指代应用。不同设备对图标的尺寸要求也不同。

 

12.设置应用图标:选中项目导航面板中的 Images.xcassets 条目,如下图从Finder拖拽至AppIcon区域的设置块上。

13.重新运行项目就可以了。