一 概述
本文以一个示例:加法计算器,介绍iOS开发的步骤,并提供OC和Swift两个版本: 工具:
-
xcode:11.4.1
-
Mac:10.15.4
<!--more-->
二 新建项目
-
打开xcode后,依次点击:File—>New—>Project,打开项目创建模版
-
选择Single View App后,输入应用的名称
-
项目创建完成后,项目文件结构
三 界面布局
-
点击项目文件中的Main.storyboard,代码编辑区显示空白布局
-
点击项目右侧的“+”Library或者使用
Shift(⇧)+Command(⌘)+L调出Library组件库 -
按照如图所示,选择Label,Button和Text Field组件,调整布局如图所示
四 代码实现
4.1 OC模式
4.1.1 ViewController.h
#import <UIKit/UIKit.h> @interface ViewController : UIViewController @property (weak, nonatomic) IBOutlet UITextField *num1; @property (weak, nonatomic) IBOutlet UITextField *num2; @property (weak, nonatomic) IBOutlet UILabel *result; - (IBAction)comput:(id)sender; @end
4.1.2 ViewController.m
#import "ViewController.h"
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view.
}
- (IBAction)comput:(id)sender {
int calcResult= self.num1.text.intValue+self.num2.text.intValue;
self.result.text=[NSString stringWithFormat:@"%d",calcResult];
//[self.num1 resignFirstResponder];
//[self.num2 resignFirstResponder];
[self.view endEditing:YES];
}
@end
4.2 Swift模式
4.2.1 ViewController.swift
import UIKit
class ViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
// Do any additional setup after loading the view.
}
@IBOutlet weak var num1: UITextField!
@IBOutlet weak var num2: UITextField!
@IBOutlet weak var calcResult: UILabel!
@IBAction func compute(_ sender: Any) {
let result:Int=Int.init(num1.text!)!+Int.init(num2.text!)!
calcResult.text=String.init(result)
self.view.endEditing(true)
//num1.resignFirstResponder()
//num2.resignFirstResponder();
}
}