iOS —— UI 初探
简介
第一次新建时，你可能会好奇。为什么有这么多文件，他们都有什么用？
App 启动与生命周期管理相关
| 文件名 | 类型 | 作用 |
|---|---|---|
| main.m | m | 程序入口，main() 函数定义在这里 |
| AppDelegate.h/.m | h/m | App 启动/进入后台/退出等全局事件的管理者 |
| SceneDelegate.h/.m | h/m | iOS 13+ 的窗口场景管理器，加载第一个页面 |
main.m → AppDelegate → SceneDelegate → ViewController（显示）
界面与资源相关
| 文件名 | 类型 | 作用 |
|---|---|---|
| ViewController.h/.m | h/m | 默认页面的控制器，在这里写 UI 和交互逻辑 |
| LaunchScreen.storyboard | 📱 | 启动时显示的静态页面（类似“闪屏”Logo） |
| Main.storyboard | 📱 | 如果你使用 Storyboard，这里就是主界面布局 |
| Assets.xcassets | 📁 | 图片、颜色、App图标等资源文件存放处 |
| Info.plist | 📄 | App 的配置信息（名称、权限、图标路径等） |
UILabel
UIlabel是一种可以显示在屏幕上，并且可以显示文字的一种UI视图
#import "ViewController.h"@interface ViewController ()@end@implementation ViewController
// 创建ui控件函数
-(void) createUI {//定义并创建一个uilabei对象//UILabel可以显示在屏幕上并且可以显示文字的一种UIUILabel* label = [[UILabel alloc]init];//显示文字，赋值label.text = @RDFZ";//显示位置label.frame = CGRectMake(10, 400, 410, 200);label.backgroundColor = [UIColor whiteColor];self.view.backgroundColor = [UIColor blueColor];[self.view addSubview:label];label.font = [UIFont systemFontOfSize:34];//labei大小和字体label.textColor = [UIColor blackColor];label.shadowColor = [UIColor greenColor];//字体阴影颜色label.shadowOffset = CGSizeMake(100, 0);//阴影偏离位置label.textAlignment = NSTextAlignmentCenter;//设置居中对齐label.numberOfLines = 3;//文字尽量按照设计的数来显示
}- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.[self createUI];
}@end
这里主要注意的是两个类型，一个是CGRectMake类型（这个结构体又包括了origin和size两个成员变量），origin表示的是一个label的起始点，size表示的是一个显示出来的矩阵的宽和高，我们的坐标系是以屏幕左上角为基准点，向下为y，向右为x。
UIButton
图片按钮
- (void) creatImageButton {UIButton* btn = [UIButton buttonWithType:UIButtonTypeCustom];btn.frame = CGRectMake(10, 300, 150, 100);UIImage* icon1 = [UIImage imageNamed:@"btn02.jpeg"];//设置路径UIImage* icon2 = [UIImage imageNamed:@"btn03.jpg"];[btn setImage:icon1 forState:UIControlStateNormal];[btn setImage:icon2 forState:UIControlStateHighlighted];[self.view addSubview:btn];
}
UIButton事件触发
| 状态 | 枚举值 | 示例 |
|---|---|---|
| 普通状态 | UIControlStateNormal | 默认状态 |
| 高亮状态 | UIControlStateHighlighted | 按下时显示 |
| 被禁用状态 | UIControlStateDisabled | 不能点击时显示 |
| 被选中状态 | UIControlStateSelected | 可切换按钮时用 |
| UIButtonTypeSystem | 系统按钮（默认蓝色文字） | 有文字变化动画 | 登录按钮、普通按钮 |
| UIButtonTypeCustom | 自定义按钮 | 无边框、背景、动画 | 自定义 UI（图像按钮、透明按钮） |
| UIButtonTypeDetailDisclosure | 信息按钮 ⓘ | iOS 内置样式 | 表格行详情按钮 |
| UIButtonTypeContactAdd | 加号按钮 ➕ | iOS 内置样式 | 添加联系人 |
| UIButtonTypeInfoLight / InfoDark | info 图标按钮 | 灰或白 info 图标 | 显示提示信息 |
UIView
//所有看到的对象全部都是UIView的子类
- (void)viewDidLoad {[super viewDidLoad];UIView* view = [[UIView alloc] init];//设置一个位置view.frame = CGRectMake(10, 100, 230, 70);view.backgroundColor = [UIColor blueColor];self.view.backgroundColor = [UIColor orangeColor];[self.view addSubview:view];//父视图添加子视图//view.hidden = YES为不显示//view.alpha = 0.6;view.opaque = YES;//是否显示不透明//1不透明//0透明//将新建的视图显示到屏幕上//子视图会受到父视图的管理//[self creatUIRectButton];//[self creatImageButton];// Do any additional setup after loading the view.
}@end
多个视图之间的关系
- (void)viewDidLoad {[super viewDidLoad];UIView* view = [[UIView alloc] init];//设置一个位置view.frame = CGRectMake(100, 100, 150, 150);view.backgroundColor = [UIColor blueColor];[self.view addSubview:view];//父视图添加子视图UIView* view1 = [[UIView alloc] init];//设置一个位置view1.frame = CGRectMake(125, 125, 150, 150);view1.backgroundColor = [UIColor orangeColor];[self.view addSubview:view1];//父视图添加子视图UIView* view2 = [[UIView alloc] init];//设置一个位置view2.frame = CGRectMake(150, 150, 150, 150);view2.backgroundColor = [UIColor yellowColor];[self.view addSubview:view2];//父视图添加子视图//[self.view bringSubviewToFront:view];//将视图跳涨到最前面//[self.view sendSubviewToBack:view2];//调整到最后面UIView* viewfront = self.view.subviews[0];if (viewfront == view) {NSLog(@"dddd");}
}@end
我们的第三个视图会覆盖第二个，第二个会覆盖第一个，所以我们可以理解为一个后面的视图会覆盖前面的视图。
控制台会输出dddd，因此我们的添加视图到自己的subview中间的顺序是后添加的视图插入到后面部分
UIWindow
UIWindow 是所有视图的 顶级容器，承载整个 App 界面，是屏幕上所有内容的“根舞台”。
- (void)scene:(UIScene *)scene willConnectToSession:(UISceneSession *)session options:(UISceneConnectionOptions *)connectionOptions {//UIWindow继承于UIView，它是一个特殊的UIView//UIScreen：屏幕硬件表示类//mainScreen表示主屏幕的设备信息//bounds表示屏幕的宽高值self.window.rootViewController = [[UIViewController alloc] init];//创建根视图控制器self.window.backgroundColor = [UIColor blueColor];UIView* view = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 150, 150)];view.backgroundColor = [UIColor orangeColor];UIView* backview = [[UIView alloc] initWithFrame:CGRectMake(100, 100, 240, 360)];backview.backgroundColor = [UIColor redColor];//子视图的坐标是参照父亲视图的坐标系//当父亲视图移动的时候，所有的子视图都会移动[backview addSubview: view];[self.window addSubview: backview];[self.window makeKeyAndVisible]; //显示我们的根视图NSLog(@"%@\n, %@\n, %@\n", view.window, backview.window, self.window);// Use this method to optionally configure and attach the UIWindow `window` to the provided UIWindowScene `scene`.// If using a storyboard, the `window` property will automatically be initialized and attached to the scene.// This delegate does not imply the connecting scene or session are new (see `application:configurationForConnectingSceneSession` instead).
}- (void)sceneDidDisconnect:(UIScene *)scene {// Called as the scene is being released by the system.// This occurs shortly after the scene enters the background, or when its session is discarded.// Release any resources associated with this scene that can be re-created the next time the scene connects.// The scene may re-connect later, as its session was not necessarily discarded (see `application:didDiscardSceneSessions` instead).
}- (void)sceneDidBecomeActive:(UIScene *)scene {// Called when the scene has moved from an inactive state to an active state.// Use this method to restart any tasks that were paused (or not yet started) when the scene was inactive.
}- (void)sceneWillResignActive:(UIScene *)scene {// Called when the scene will move from an active state to an inactive state.// This may occur due to temporary interruptions (ex. an incoming phone call).
}- (void)sceneWillEnterForeground:(UIScene *)scene {// Called as the scene transitions from the background to the foreground.// Use this method to undo the changes made on entering the background.
}- (void)sceneDidEnterBackground:(UIScene *)scene {// Called as the scene transitions from the foreground to the background.// Use this method to save data, release shared resources, and store enough scene-specific state information// to restore the scene back to its current state.
}@end
UIViewController
调用顺序
因为学长的博客提到了程序的调用顺序，我这里也做一下简单了解和分享。
main.m → UIApplicationMain() → AppDelegate → SceneDelegate → UIWindow → rootViewController
| 步骤 | 调用 | 说明 |
|---|---|---|
| ① | main.m 中的 UIApplicationMain() | 程序入口，创建 App 实例，启动主 runloop |
| ② | AppDelegate 的 application:didFinishLaunchingWithOptions: | App 启动完毕，适合做初始化，如设置窗口、SDK等 |
| ③ | （iOS13+）调用 SceneDelegate 的 scene:willConnectToSession: | 多窗口支持，创建 UIWindow 并设置 rootViewController |
| ④ | UIWindow 被设置为 keyWindow | 显示主界面 |
| ⑤ | rootViewController 的 viewDidLoad 被调用 | 加载主界面视图层 |
UIViewController的调用顺序（生命周期）
| 调用方法 | 时机 & 作用 |
|---|---|
| init / initWithNibName: | 创建控制器实例时 |
| loadView | 加载 view（可自定义视图） |
| viewDidLoad | 视图加载完毕，一般写 UI 初始化代码 |
| viewWillAppear: | 即将出现在屏幕上，适合刷新数据 |
| viewDidAppear: | 已经显示完毕，适合播放动画 |
| viewWillDisappear: | 页面即将被覆盖（如 push 到下一页） |
| viewDidDisappear: | 页面已被完全覆盖 |
他是iOS应用开发中非常核心的一个类，几乎所有的界面页面都是他的子类。他的作用就是帮你管理界面，响应用户交互，协调视图之间的切换和流转。
举个例子：
你在控制器写了一行
NSLog(@"viewDidLoad called");你会看到在 App 启动后打印了这句话，说明：
-
系统先从 main.m → AppDelegate → SceneDelegate → UIWindow → rootViewController
-
最终调用了 ViewController 的 viewDidLoad
UIViewController
它是 UIKit 框架中的一个类，表示应用中的一个“屏幕”或“页面”。每个视图控制器都负责管理：
-
一个视图（self.view）
-
该视图中的子视图（按钮、标签、图片等）
-
用户与这些视图的交互
-
页面之间的跳转逻辑
视图中的界面切换
首先新建一个view02类：
#import "ViewC02.h"@interface ViewC02 ()@end@implementation ViewC02- (void)viewDidLoad {[super viewDidLoad];self.view.backgroundColor = [UIColor orangeColor];NSLog(@"%@ load", [self class]);
}
- (void) touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {//使当前的控制器消失掉，传入两个参数//第一个参数指是否有动画效果//第二个参数指结束后是否调用block块操作，不需要为nil[self dismissViewControllerAnimated: YES completion: nil];
}- (void) viewWillDisappear:(BOOL)animated {NSLog(@"%@ 视图即将消失", [self class]);
}- (void) viewDidDisappear:(BOOL)animated {NSLog(@"%@ 视图已消失", [self class]);
}- (void) viewDidAppear:(BOOL)animated {NSLog(@"%@ 视图已显示", [self class]);
}- (void) viewWillAppear:(BOOL)animated {NSLog(@"%@ 视图即将显示", [self class]);
}
然后写ViewController程序：
#import "ViewController.h"
#import "ViewC02.h"@interface ViewController ()@end@implementation ViewController//当屏幕被点击的时候，调用此函数
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {//创建视图控制器二ViewC02 *v2 = [[ViewC02 alloc] init];//显示一个新的视图控制器界面到屏幕上//该函数会传入三个参数：第一个参数指新的控制器对象//第二个参数指是否使用动画切换效果//第三个参数指切换结束后是否调用block块操作，不需要为nil[self presentViewController: v2 animated: YES completion: nil];
}//当视图控制器第一次被加载显示视图的时，调用此函数
//布局初始化视图来使用，初始化资源使用
- (void)viewDidLoad {//调用父类的加载视图函数[super viewDidLoad];self.view.backgroundColor = [UIColor blueColor];NSLog(@"viewDidLoad第一次加载视图");UIView *view = [[UIView alloc] init];view.frame = CGRectMake(100, 100, 100, 200);//将视图添加到当前控制视图上[self.view addSubview: view];view.backgroundColor = [UIColor orangeColor];self.view.backgroundColor = [UIColor blueColor];
}@end
我们留意一下这行代码：
[self presentViewController:v2 animated:YES completion:nil];这行代码是是用于以模态方式（modal）展示另一个视图控制器的方法。可能有同学会好奇，还有没有其他方法？
iOS 中常见的视图控制器切换方式总结
因为笔者目前进度较慢，因此还需借助ai帮助完成总结
当然有，除了 presentViewController:animated:completion: 这种 模态（Modal）方式 展示视图控制器外，iOS 中还有其他几种常见的方式来展示或切换视图控制器。下面是总结：
1. 模态展示（Modal Presentation）
[self presentViewController:vc animated:YES completion:nil];-
特点：当前控制器之上“弹出”一个新的控制器。
-
常见用途：登录界面、设置页、全屏内容展示。
-
可自定义样式（iOS 13+）：
vc.modalPresentationStyle = UIModalPresentationFullScreen; // 或其他样式2. 导航控制器推送（Push）
[self.navigationController pushViewController:vc animated:YES];-
特点：需要当前控制器嵌套在 UINavigationController 中，使用“栈”的形式来管理。
-
常见用途：多层级界面导航（如设置 → 通知 → 声音）。
-
返回方式：自动带有返回按钮。
3. 切换根控制器（Root View Controller）
UIApplication.sharedApplication.delegate.window.rootViewController = vc;或在 SceneDelegate 中：
self.window.rootViewController = vc;-
特点：直接替换整个应用的根视图控制器。
-
常见用途：如登录完成后进入主界面，或退出登录返回登录页。
-
无动画，如需动画要手动添加。
4. 使用 Container View Controller（容器控制器）
包括：
-
UITabBarController
-
UINavigationController
-
UIPageViewController
-
自定义容器控制器
你可以使用这些容器来自定义多个子控制器的切换，比如：
[self addChildViewController:vc];
[self.view addSubview:vc.view];
[vc didMoveToParentViewController:self];-
特点：适合自定义嵌套视图控制器结构。
-
常见用途：页面内多个子控制器的嵌套、选项卡切换等。
5. 使用 Storyboard Segue（界面跳转）
在 Interface Builder 中设置 Segue：
[self performSegueWithIdentifier:@"ShowDetail" sender:self];-
特点：图形化管理界面跳转，适合 Storyboard 构建的应用。
-
可选方式：Push、Modal、Custom 等。
6. 使用转场动画（Transition Animation）
在根视图上添加过渡动画，手动控制切换效果：
[UIView transitionWithView:self.viewduration:0.5options:UIViewAnimationOptionTransitionFlipFromLeftanimations:^{[self.view addSubview:vc.view];
} completion:nil];-
特点：完全自定义切换动画。
-
适合：卡片翻转、淡入淡出、缩放等特殊场景。
总结对比表
| 方式 | 是否动画 | 是否返回 | 使用场景 |
|---|---|---|---|
| presentViewController | ✅ | ❌ | 模态弹窗、登录页面等 |
| pushViewController | ✅ | ✅ | 多层级导航 |
| set rootViewController | ❌（可自定义） | ❌ | 登录后进入主界面 |
| addChildViewController | ✅（自定义） | ❌ | 嵌套子控制器 |
| performSegueWithIdentifier | ✅ | 视情况而定 | Storyboard中界面跳转 |
| UIView transition | ✅ | ❌ | 自定义动画效果 |
iOS视图控制器的生命周期：
1 init函数(init;initWithFrame;initWithCoder;等)－－初始化
2 awakeFromNib－－在loadView之前的工作放在这里
3 viewDidLoad－－注意，一个ViewController一个生命周期内这个函数只会调用一次
4 viewWillAppear －－ view将要出现，每次View消失再出现都会调用
5 viewWillLayoutSubviews－－简要对子试图进行布局
6 viewDidLayoutSubivews－－完成对子试图布局
7 viewDidAppear－－视图将要出现在屏幕上
－－－上述代码不含部分
8 viewWillDisappear－－View将要消失
9 viewDidDisappear－－View已经消失
前三行为程序运行后的输出，单击屏幕后显示4-6，再次单击后显示最后两行。
作者在编写程序时发现，如下代码如果从viewC02中转移到ViewController，则只会有上图的前三行输出。在程序中加入了ViewC02 load的输出后，我没发现每次点击后都会创建并跳转到一个ViewC02视图控制器。
定时器与视图移动
NSTimer 是 iOS 中用来 按固定时间间隔重复执行某个操作 的工具。它可以让你设定一个时间间隔，让程序在这个间隔之后执行指定方法，并可选择是否重复执行。
NSTimer *timer = [NSTimer scheduledTimerWithTimeInterval:1.0target:selfselector:@selector(myFunction:)userInfo:nilrepeats:YES];| 参数 | 说明 |
|---|---|
| 1.0 | 每隔多少秒触发一次（单位是秒） |
| target | 谁来执行这个定时器方法（通常是 self） |
| selector | 要执行的方法（函数）名，格式是 @selector(methodName:) |
| userInfo | 可传递的附加信息，可为 nil |
| repeats | 是否重复触发：YES 为重复，NO 为只触发一次 |
| 功能 | 代码 |
|---|---|
| 创建定时器 | scheduledTimerWithTimeInterval:... |
| 停止定时器 | [timer invalidate]; 还要重置为nil |
| 暂停定时器 | [timer setFireDate:[NSDate distantFuture]]; |
| 恢复定时器 | [timer setFireDate:[NSDate date]]; |
#import "ViewController.h"
//
//@interface ViewController ()
//@property (nonatomic, strong) NSTimer *timeView;
//@end
//
@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];//设置颜色透明度self.view.backgroundColor = [UIColor colorWithRed: 0.1 green: 0.3 blue: 0.5 alpha: 0.8];//启动定时器按钮UIButton *btn = [UIButton buttonWithType: UIButtonTypeRoundedRect];btn.frame = CGRectMake(100, 100, 180, 140);btn.backgroundColor = [UIColor colorWithRed:0.2 green:0.7 blue:0.7 alpha:1];[btn setTitle: @"启动定时器" forState: UIControlStateNormal];btn.titleLabel.font = [UIFont systemFontOfSize: 24];btn.tintColor = [UIColor blueColor];//绑定点击事件[btn addTarget: self action: @selector(pressStart) forControlEvents: UIControlEventTouchUpInside];//添加到视图[self.view addSubview: btn];UIButton *stopBtn = [UIButton buttonWithType: UIButtonTypeRoundedRect];stopBtn.frame = CGRectMake(100, 300, 180, 140);stopBtn.backgroundColor = [UIColor colorWithRed: 0.79 green: 0.29 blue: 0.71 alpha: 1];[stopBtn setTitle: @"停止定时器" forState: UIControlStateNormal];stopBtn.titleLabel.font = [UIFont systemFontOfSize: 24];stopBtn.tintColor = [UIColor orangeColor];[stopBtn addTarget: self action: @selector(pressStop) forControlEvents: UIControlEventTouchUpInside];[self.view addSubview: stopBtn];//创建一个橙色视图，tag=101方便后续查找UIView *view = [[UIView alloc] init];view.backgroundColor = [UIColor orangeColor];//为view对象设置标签值view.tag = 101;[self.view addSubview: view];
}- (void) pressStart {//NSTimer的类方法创建一个定时器并启动，该定时器传入五个参数//第一个参数指每隔多少秒执行一次事件函数//第二个参数表示实现参数的对象//第三个参数表示事件函数//第四个参数表示可以为定时器函数传入一个函数，无参数可以传nil//第五个参数表示该定时器是否重复操作，YES则重复，NO则仅一次//返回值为一个新建好的定时器对象if (_timeView != nil) //[_timeView setFireDate:[NSDate dateWithTimeIntervalSinceNow:0.1]];return; //两种均可，上面的会在重复点击启动时一卡一卡，直接return则不会else {_timeView = [NSTimer scheduledTimerWithTimeInterval: 0.001 target: self selector: @selector(updateTimer:) userInfo: @"北京" repeats: YES];}
}//事件函数
//可以将定时器本身作为参数传入
- (void) updateTimer: (NSTimer*) timer {NSLog(@"六朝古都！%@", timer.userInfo);UIView *view = [self.view viewWithTag: 101];//修改视图位置（每次x，y增加0.1）view.frame = CGRectMake(view.frame.origin.x + 0.1, view.frame.origin.y + 0.1, 80, 80);
}- (void) pressStop {//停止定时器if (_timeView != nil) {[_timeView invalidate];//让定时器失效_timeView = nil; //非常重要 不加会导致暂停后不能重新在原来进度处启动}
}@end
在pressStop函数中，我们批注了一行代码“非常重要”。
如果不设为 nil：
-
下次启动时以为还在用原来的定时器，可能不创建新的。
-
或者多个定时器重复叠加，导致多个同时移动和打印。
-
运行结果如下：
-
UITextView和UITextField
-
UITextField：单行输入，适合填写表单（如用户名、密码、邮箱）
-
UITextView：多行输入，适合写段落（如评论、文章内容、聊天）
UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(20, 100, 280, 40)];
textField.borderStyle = UITextBorderStyleRoundedRect;
textField.placeholder = @"请输入用户名";
textField.delegate = self;
[self.view addSubview:textField];UITextView *textView = [[UITextView alloc] initWithFrame:CGRectMake(20, 160, 280, 100)];
textView.font = [UIFont systemFontOfSize:16];
textView.layer.borderColor = [UIColor grayColor].CGColor;
textView.layer.borderWidth = 1.0;
textView.delegate = self;
[self.view addSubview:textView];UITextFieldDelegate协议
UITextFieldDelegate 是 iOS 中 UITextField 的委托协议（protocol），用来监听和处理用户在文本输入框中的各种交互行为，比如开始编辑、结束编辑、内容变化、是否允许输入等。
在这个协议里有一些函数，在使用这些函数前要先在接口部分声明这个协议，函数如下：
1、- (void) textFieldDidBeginEditing：在手机键盘弹出的一瞬间开始调用，在这里可以为开始输入时添加动作
2、- (void) textFieldDidEndEditing：在手机键盘收回的一瞬间开始调用，在这里可以为结束输入时添加动作
3、- (BOOL) textFieldShouldBeginEditing：表示是否可以进行输入，返回值为YES的时候可以输入，反之不能输入，默认为YES
4、- (BOOL) textFieldShouldEndEditing：表示是否可以结束输入，返回值为YES的时候可以结束，反之不能结束，默认为YES
首先要遵守协议
@interface ViewController : UIViewController <UITextFieldDelegate> {//定义textfieldUITextField* _textField;
}
@property (retain, nonatomic) UITextField* textField;@end
#import "ViewController.h"@interface ViewController ()@end@implementation ViewController@synthesize textField = _textField;- (void)viewDidLoad {[super viewDidLoad];//创建textField对象self.textField = [[UITextField alloc] init];self.textField.frame = CGRectMake(100, 200, 200, 50);self.textField.text = @"用户名";//为输入框的文字设置风格和大小self.textField.font = [UIFont systemFontOfSize:17];//设置字体颜色self.textField.textColor = [UIColor blueColor];//设置输入边框的风格//圆角风格（默认）self.textField.borderStyle = UITextBorderStyleRoundedRect;//线框风格//self.textField.borderStyle = UITextBorderStyleLine;//bezel线框//self.textField.borderStyle = UITextBorderStyleBezel;//无边框风格//self.textField.borderStyle = UITextBorderStyleNone;//设置键盘风格，在此处测试时虚拟的的手机键盘如没出现，只需直接cmd+k或点虚拟机然后在山东I/O选keyboard然后选第三即可self.textField.keyboardType = UIKeyboardTypeDefault;
// 字母与数字组合风格
// self.textField.keyboardType = UIKeyboardTypePhonePad;
// 纯数字风格
// self.textField.keyboardType = UIKeyboardTypeNumberPad;//当输入框没有文字时，提示（默认浅灰色半透明）self.textField.placeholder = @"你等着我给你填呢";//是否作为密码输入//当传入YES时，即作为密码处理，使用圆点加密，NO则正常输入self.textField.secureTextEntry = NO;[self.view addSubview:_textField];
}
//回收键盘（点击空白处）
-(void) touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {[self.textField resignFirstResponder];
}//UITextField中的一些函数
//在手机键盘弹出的一瞬间开始调用，在这里可以作为开始输入的动作
-(void) textFieldDidBeginEditing:(UITextField *)textField {NSLog(@"原神启动");
}
//与上文相反
-(void) textFieldDidBegEndEditing:(UITextField *)textField {NSLog(@"原神关闭");
}- (BOOL)textField:(UITextField *)textField
shouldChangeCharactersInRange:(NSRange)range
replacementString:(NSString *)string {NSLog(@"正在输入字符: %@", string);return YES; // 返回 NO 表示禁止输入
}//表示是否可以进行输入，返回值为YES的时候可以输入，反之不能输入，默认为YES
- (BOOL) textFieldShouldBeginEditing:(UITextField *)textField {return YES;
}//表示是否可以结束输入，返回值为YES的时候可以结束，反之不能结束，默认为YES
- (BOOL) textFieldShouldEndEditing:(UITextField *)textField {return YES;
}@end
如果你直接照抄原函数，是不能得到如下的自定义输出的。为什么呢
我们少了一行代码
self.textField.delegate = self;这行代码，是设置UITextField的代理（delegate）为当前的视图控制器self。
在iOS中，delegate（代理）是一种设计模式，他允许一个对象将某些任务“委托”给另一个对象处理。
对于UITextField来说：
它本身不会直接处理所有用户交互（如：输入时、点击 return 键、结束编辑等）。
它通过调用它的 delegate 中的特定方法，来询问或通知这些事件的发生。
而你设置了 delegate = self，就表示你这个视图控制器（ViewController）将会负责处理这些事件。
| 样式 | 效果 | 说明 |
|---|---|---|
| UITextBorderStyleNone | 无边框 | 输入框看不到边线 |
| UITextBorderStyleLine | 单线边框 | 四周是一条细线 |
| UITextBorderStyleBezel | 凸起边框 | 有阴影的边框（老式效果） |
| UITextBorderStyleRoundedRect | 圆角边框 | 常见的 iOS 输入框样式，推荐使用 |
UITextField
#import "ViewController.h"@interface ViewController ()@end@implementation ViewController
@synthesize textField = _textField;
- (void)viewDidLoad {[super viewDidLoad];self.textField = [[UITextField alloc] init];//创建一个文本输入区对象self.textField.frame = CGRectMake(100, 100, 100, 40);//设定位置self.textField.text = @"用户名";self.textField.font = [UIFont systemFontOfSize:15];//设置字体大小self.textField.textColor = [UIColor blackColor];self.textField.borderStyle = UITextBorderStyleRoundedRect;//设置圆角风格//self.textField.borderStyle = UITextBorderStyleLine; // 线框风格self.textField.keyboardType = UIKeyboardTypeNumberPad;//设置虚拟键盘风格//UIKeyboardTypeDefault默认风格//UIKeyboardTyprNamePhonePad字母和数字的组合风格//UIKeyboradTypeNumberPad：纯数字风格self.textField.placeholder = @"请输入用户名";//提示文字self.textField.secureTextEntry = NO;//是否为密码输入//YES:作为密码处理，原点加密//NO：正常显示[self.view addSubview:self.textField];self.textField.delegate = self;// Do any additional setup after loading the view.
}
-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {[self.textField resignFirstResponder];//让虚拟键盘回收，不再作为第一消息响应者
}
-(void)textFieldDidBeginEditing:(UITextField *)textField {NSLog(@"开始编辑了");
}
-(void) textFieldDidEndEditing:(UITextField *)textField {self.textField.text = @"";NSLog(@"开始结束编辑了");
}
//是否可以进行输入
-(BOOL)textFieldShouldBeginEditing:(UITextField *)textField {return YES;
}
//是否可以结束输入
- (BOOL)textFieldShouldEndEditing:(UITextField *)textField {if (self.textField.text.length < 8) {return NO;} else {return YES;}}
@end
UISwitch
#import "ViewController.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.//创建一个继承于UIView的开关对象_myswitch = [[UISwitch alloc] init];//UISwitch控件的位置X，Y可以改变，当大小无法改变，后两个数字没用_myswitch.frame = CGRectMake(150, 200, 80, 40);[_myswitch setOn:YES animated:NO];[_myswitch setOnTintColor:[UIColor colorWithRed:0.5 green:0.2 blue:0.4 alpha:0.7]];[_myswitch addTarget:self action:@selector(pressA) forControlEvents:UIControlEventValueChanged];[self.view addSubview:_myswitch];
}-(void) pressA {_myTimer = [NSTimer scheduledTimerWithTimeInterval:0.5 target:self selector:@selector(pressB) userInfo:@"一只酸奶牛" repeats:YES];
}-(void) pressB {NSLog(@"喝喝喝!%@", _myTimer.userInfo);
}@end
UISlider和UIProgressSlid
#import "ViewController.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];//创建进度条_progressView = [[UIProgressView alloc] init];_progressView.frame = CGRectMake(150, 100, 200, 80);_progressView.progressTintColor = [UIColor blueColor];//设置进度条的进度，传入的参数是0～1的值_progressView.progress = 0.5;//设置进度条风格特征_progressView.progressViewStyle = UIProgressViewStyleDefault;[self.view addSubview: _progressView];//创建滑动条_slider = [[UISlider alloc] init];//滑动条的高度是不可改变的_slider.frame = CGRectMake(150, 200, 200, 80);_slider.tintColor = [UIColor orangeColor];//设置滑动条最大值，最小值，最小值可以为负_slider.maximumValue = 100;_slider.minimumValue = 0;//设置滑动条滑块的位置_slider.value = 30;//设置左侧滑条颜色_slider.minimumTrackTintColor = [UIColor orangeColor];//设置右侧滑条颜色_slider.maximumTrackTintColor = [UIColor brownColor];//设置滑块颜色_slider.thumbTintColor = [UIColor purpleColor];//为滑动条添加事件函数[_slider addTarget: self action: @selector(pressSlider) forControlEvents: UIControlEventValueChanged];[self.view addSubview: _slider];
}- (void) pressSlider {//使进度条随着滑动条的变化而变化_progressView.progress = (_slider.value - _slider.minimumValue) / (_slider.maximumValue - _slider.minimumValue);NSLog(@"value = %f", _slider.value);
}@end
UIScollView
UIScrollView 是 iOS 中非常重要的一个视图组件，用于滚动显示超出屏幕范围的内容。当你的页面内容太长（或太宽）放不下时，就可以用 UIScrollView 来滚动查看。
| 类型 | 说明 | |
|---|---|---|
| contentSize | CGSize | 内容区域的大小（超出部分才能滚动） |
| contentOffset | CGPoint | 当前滚动的偏移位置（默认是 (0,0)） |
| contentInset | UIEdgeInsets | 内容的内边距（上下左右留白） |
| isScrollEnabled | BOOL | 是否允许滚动（默认 YES） |
| bounces | BOOL | 滑到边缘是否回弹（默认 YES） |
| pagingEnabled | BOOL | 是否分页滑动（像翻页一样） |
| showsHorizontalScrollIndicator | BOOL | 是否显示水平滚动条 |
| showsVerticalScrollIndicator | BOOL | 是否显示垂直滚动条 |
| delegate | UIScrollViewDelegate | 设置代理，用于监听滚动事件等 |
最基本的垂直滚动
#import "ViewController.h"@interface ViewController ()
@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];// 获取图片UIImage *image = [UIImage imageNamed:@"long_image.jpg"]; // 确保图片存在并且较高// 创建 UIImageView 显示图片UIImageView *imageView = [[UIImageView alloc] initWithImage:image];// 图片实际尺寸CGSize imageSize = image.size;// 按照屏幕宽度等比例缩放图片CGFloat screenWidth = self.view.frame.size.width;CGFloat scale = screenWidth / imageSize.width;CGFloat scaledHeight = imageSize.height * scale;imageView.frame = CGRectMake(0, 0, screenWidth, scaledHeight);imageView.contentMode = UIViewContentModeScaleToFill;// 创建 UIScrollView 并设置内容大小UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];scrollView.contentSize = CGSizeMake(screenWidth, scaledHeight);// 添加图片视图到滚动视图[scrollView addSubview:imageView];[self.view addSubview:scrollView];
}@end横向分页滚动图片
#import "ViewController.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];//定义并创建一个滚动视图并设置其位置，滚动视图可以对视图内容进行滚屏查看UIScrollView* sv = [[UIScrollView alloc] initWithFrame:CGRectMake(0, 0, 394, 852)];//是否按照整页滚动视图sv.pagingEnabled = YES;//是否可以开启滚动效果sv.scrollEnabled = YES;//设置画布的大小，画布显示在滚动视图的内部，一般大于frame的大小，第一个参数表示宽，第二个表示高sv.contentSize = CGSizeMake(394 * 5, 852);//是否可以边缘弹动效果sv.bounces = YES;//开启横向弹动效果sv.alwaysBounceHorizontal = YES;//开启纵向弹动效果sv.alwaysBounceVertical = YES;//是否显示横向滚动条sv.showsHorizontalScrollIndicator = YES;//是否显示纵向滚动条sv.showsVerticalScrollIndicator = YES;for (int i = 0; i < 5; i++) {NSString* imageName = [NSString stringWithFormat:@"微信图片_20250515214344_14.jpg", i + 1];UIImage* aImage = [UIImage imageNamed:imageName];UIImageView* aView = [[UIImageView alloc] initWithImage:aImage];aView.frame = CGRectMake(394*i, 0, 394, 852);[sv addSubview:aView];}sv.backgroundColor = [UIColor whiteColor];[self.view addSubview: sv];
}@end缩放功能
#import "ViewController.h"@interface ViewController () <UIScrollViewDelegate>@property (nonatomic, strong) UIImageView *imageView;@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];// 创建滚动视图UIScrollView *scrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];scrollView.backgroundColor = [UIColor blackColor];scrollView.delegate = self;// 设置缩放比例scrollView.minimumZoomScale = 1.0;scrollView.maximumZoomScale = 4.0;// 加载图片UIImage *image = [UIImage imageNamed:@"微信图片_20250515214344_14.jpg"];// 创建图片视图self.imageView = [[UIImageView alloc] initWithImage:image];self.imageView.frame = self.view.bounds;self.imageView.contentMode = UIViewContentModeScaleAspectFit;// 设置内容区域与图片大小一致scrollView.contentSize = self.imageView.frame.size;[scrollView addSubview:self.imageView];[self.view addSubview:scrollView];
}// 返回可缩放的视图
- (UIView *)viewForZoomingInScrollView:(UIScrollView *)scrollView {return self.imageView;
}@end
滚动事件监听
_scrolView.delegate = self;这行代码的作用是：
告诉 UIScrollView：“有滑动行为时，请通知当前这个控制器（self）。”
前提是你的 ViewController 遵守了 UIScrollViewDelegate 协议（在 .h 文件中一般这样声明）：
@interface ViewController : UIViewController <UIScrollViewDelegate>| 方法名 | 触发时机 | 常见用途 |
|---|---|---|
| - (void)scrollViewDidScroll:(UIScrollView *)scrollView | 滚动过程中持续触发（每滑动一帧都会调用） | 实时监听滑动位置，做视差效果、懒加载等 |
| - (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView | 用户开始拖动 scrollView 时触发 | 可用于暂停动画、记录起始位置等 |
| - (void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset | 手指即将离开屏幕，即将触发减速滑动时调用 | 可用于自定义目标滚动位置（翻页）等 |
| - (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView | 用户松手后，scrollView 开始减速时调用 | 可用于记录状态、加载新内容提示等 |
| - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView | 减速完成、滚动完全停止时触发 | 常用于：滚动结束后更新页码、加载数据 |
| - (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView | 使用 setContentOffset:animated:或 scrollRectToVisible:animated:触发的滚动动画结束时调用 | 常用于：程序自动滚动后执行逻辑，比如跳转到特定位置后加载内容 |
#import "ViewController.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];_scrolView = [[UIScrollView alloc] init];CGRect screenBounds = [[UIScreen mainScreen] bounds];_scrolView.frame = CGRectMake(0, 0, screenBounds.size.width, screenBounds.size.height*0.75);_scrolView.bounces = YES;//回弹效果，即滑到底后会不会继续拉动//_scrolView.userInteractionEnabled = NO;//是否接受触碰事件，yes接受，no不接受_scrolView.contentSize = CGSizeMake(screenBounds.size.width, screenBounds.size.height * 5 * 0.75);for (int i = 0; i < 5; i++) {NSString* str = [NSString stringWithFormat:@"image%d.jpg", i + 1];UIImage* image = [UIImage imageNamed:str];UIImageView* iView = [[UIImageView alloc] initWithImage:image];iView.frame = CGRectMake(0, screenBounds.size.height * i * 0.75, screenBounds.size.width, screenBounds.size.height * 0.75);[_scrolView addSubview:iView];}[self.view addSubview:_scrolView];_scrolView.contentOffset = CGPointMake(0, 0);_scrolView.pagingEnabled = NO;//是否开启分页效果。这里禁用了分页滑动（一个屏幕一页）。_scrolView.delegate = self;//设置 scrollView 的代理对象为当前控制器，用于接收滑动相关事件（实现代理方法）。// Do any additional setup after loading the view.
}
- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {CGRect screenBounds = [[UIScreen mainScreen] bounds];[_scrolView scrollRectToVisible:CGRectMake(0, 0, screenBounds.size.width, screenBounds.size.height * 0.75) animated:YES];
}
//当视图移动时，都会调用这个函数
//调用这个协议的滚动视图对象
//使用这个函数来监控滚动视图的位置
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {CGFloat offsetY = scrollView.contentOffset.x;NSLog(@"y = %lf", offsetY);CGFloat hight = scrollView.frame.size.height;NSInteger page = (scrollView.contentOffset.y + hight / 2) / hight;NSLog(@"当前页数：%ld", (long)page);
}//结束拖动的时候调用这个函数
- (void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView {NSLog(@"结束拖动的时候调用这个函数");
}
//滚动视图即将开始被拖动的时候
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView {NSLog(@"滚动视图即将开始被拖动的时候");
}
//即将结束拖动的时候调用
-(void)scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset {NSLog(@"即将结束拖动的时候调用");
}
//视图即将减速的时候
- (void)scrollViewWillBeginDecelerating:(UIScrollView *)scrollView {NSLog(@"视图即将减速的时候");
}
//视图即将结束减速的时候调用，视图停止的瞬间调用
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {NSLog(@"视图即将结束减速的时候调用");
}
@end 
同理：
#import "ViewController.h"@interface ViewController () <UIScrollViewDelegate>@property (nonatomic, strong) UIScrollView *scrollView;
@property (nonatomic, strong) UIPageControl *pageControl;@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];CGFloat screenWidth = self.view.frame.size.width;CGFloat screenHeight = self.view.frame.size.height;// 1. 创建 UIScrollViewself.scrollView = [[UIScrollView alloc] initWithFrame:self.view.bounds];self.scrollView.pagingEnabled = YES;self.scrollView.delegate = self;self.scrollView.showsHorizontalScrollIndicator = NO;// 内容大小（5 页）self.scrollView.contentSize = CGSizeMake(screenWidth * 5, screenHeight);// 添加 5 张图片NSArray *mediaFiles = @[@"image1.jpg",@"image2.jpg",@"image3.jpg",@"image4.jpg",@"image5.jpg"];for (int i = 0; i < 5; i++) {NSString *imageName = [NSString stringWithFormat:@"image%d.jpg", i + 1];UIImage *image = [UIImage imageNamed:imageName];UIImageView *imageView = [[UIImageView alloc] initWithImage:image];imageView.frame = CGRectMake(screenWidth * i, 0, screenWidth, screenHeight);imageView.contentMode = UIViewContentModeScaleAspectFit;[self.scrollView addSubview:imageView];}[self.view addSubview:self.scrollView];// 2. 创建 UIPageControlself.pageControl = [[UIPageControl alloc] initWithFrame:CGRectMake(0, screenHeight - 50, screenWidth, 30)];self.pageControl.numberOfPages = 5;self.pageControl.currentPage = 0;self.pageControl.pageIndicatorTintColor = [UIColor lightGrayColor];self.pageControl.currentPageIndicatorTintColor = [UIColor blackColor];[self.view addSubview:self.pageControl];
}#pragma mark - UIScrollViewDelegate// 滚动时持续触发
- (void)scrollViewDidScroll:(UIScrollView *)scrollView {CGFloat width = scrollView.frame.size.width;NSInteger page = (scrollView.contentOffset.x + width / 2) / width;self.pageControl.currentPage = page;
}// 滑动完全停止（也可以在这里设置当前页）
- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView {NSLog(@"滑动停止，当前页: %ld", (long)self.pageControl.currentPage);
}@end
UIAlertController和UIActivityIndicatorView
#import "ViewController.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];for (int i = 0; i < 2; i++) {UIButton* btn = [UIButton buttonWithType:UIButtonTypeRoundedRect];btn.frame = CGRectMake(100, 100 + 100 * i, 100, 40);if (i == 0) {[btn setTitle:@"米哈游警告" forState:UIControlStateNormal];} else if (i == 1) {[btn setTitle:@"等待提示器" forState:UIControlStateNormal];}btn.tag = 101 + i;[btn addTarget:self action:@selector(press:) forControlEvents:UIControlEventTouchUpInside];[self.view addSubview: btn];}// Do any additional setup after loading the view.
}
- (void) press:(UIButton*) btn {if (btn.tag == 101) {_alertController = [UIAlertController alertControllerWithTitle:@"警告" message:@"手机没有安装原神" preferredStyle:UIAlertControllerStyleAlert];// 添加一个"取消"按钮UIAlertAction *cancelAction = [UIAlertAction actionWithTitle:@"我的其他移动设备有原神"style:UIAlertActionStyleCancelhandler:nil];[_alertController addAction:cancelAction];UIAlertAction *newAction = [UIAlertAction actionWithTitle:@"安装崩铁和原神"style:UIAlertActionStyleDefaulthandler:nil];[_alertController addAction:newAction];// 添加一个"确认"按钮UIAlertAction *confirmAction = [UIAlertAction actionWithTitle:@"安装原神"style:UIAlertActionStyleDefaulthandler:^(UIAlertAction * _Nonnull action) {NSLog(@"点击了确认按钮");}];[_alertController addAction:confirmAction];[self presentViewController: _alertController animated:YES completion:nil];} else if (btn.tag == 102) {_activi = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(100, 300, 80, 80)];_activi.activityIndicatorViewStyle = UIActivityIndicatorViewStyleMedium;[self.view addSubview:_activi];[_activi startAnimating];//[_activi stopAnimating];}
}
@end
一些拓展：
-
preferredStyle：
-
UIAlertControllerStyleAlert：弹窗在屏幕中央
-
UIAlertControllerStyleActionSheet：底部弹出，适合操作选项选择（iPhone）
-
-
style 类型：
-
.Default：普通按钮
-
.Cancel：取消按钮（一个对话框最多只能有一个）
-
.Destructive：红色字体，表示“危险操作”
-
