UI学习笔记（一）

UI学习

  • 一：UIView基础
    • frame属性
    • 隐藏视图对象：
    • UIView的层级关系
  • 二：UIWindow对象
  • 三：UIViewController基础
    • UIViewController使用
  • 四：定时器与视图移动
  • 五：UISwitch控件
  • 六：滑动条和进度条
  • 七：步进器和分栏控件
  • 八：警告对话框和等待提示器
  • 九：UITextField
  • 滚动视图
    • 滚动视图基础
    • 滚动视图高级
  • 总结

一：UIView基础

我们先来介绍一下frame属性

frame属性

frame框架可以理解为视图在父视图中的位置和大小的描述。具体来说，frame框架包括视图的原点坐标和宽高两个属性。

  1. 原点坐标（origin）：原点坐标表示视图在父视图坐标系统中的位置，通常是相对于父视图左上角的距离。原点坐标是一个CGPoint对象，包括x和y两个属性。
  2. 宽高（size）：宽高表示视图在父视图中的大小，通常是视图的宽度和高度。宽高是一个CGSize对象，包括width和height两个属性

而CGRectMake是一个用来创建CGRect结构体的函数，该函数传入四个参数，分别为原点坐标的x和y，宽高的width和height。

简而言之，我们对frame属性初始化，传入前两个参数确定开始位置，传入后两个参数作为视图的大小。这也是其他控件的基本属性。

UIview是iOS的视图对象，是显示在屏幕上的所有对象的基础类，
也就是说，所有显示在屏幕上的对象一定都继承与UIView，屏幕上所有能看到的对象都是UIView的子类

  • UIView是一个矩形对象，有背景颜色，可以显示，有层级关系
  • frame属性是UIView的基本属性，而UiView是其他对象的父类，因此所有对象都有该属性。

下面使用代码来展示UIView的基础内容：

- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.//初始化一个UIview对象UIView *view = [[UIView alloc] init];//设置UIview的位置view.frame = CGRectMake(100, 100, 100, 200);view.backgroundColor = [UIColor orangeColor];//将新建的视图添加到父亲视图上//1:将新建的视图显示到屏幕上//2：将视图作为父亲视图的子视图管理起来[self.view addSubview:view];//将自己从父亲视图删除掉//1.从父亲视图的管理中删除//2.不会显示在屏幕。//[view removeFromSuperview] ;
}

效果：
在这里插入图片描述

隐藏视图对象：

分别有三种方法：

  1. 设置hidde属性：是否隐藏
  2. 设置alpha属性：设置透明度
  3. 设置opaque属性：是否显示不透明
    //是否隐藏视图对象//YES：不显示//NO：显示，默认值为NOview.hidden = YES;//设置视图的透明度//alpha= 1：不透明//a = 0 ：透明//a = 0.5: 半透明view.alpha = 1;//设置是否显示不透明view.opaque = YES;

UIView的层级关系

UIview是在父视图中可以用self.view.subviews[]的数组下标来查看，而这个数组是有顺序的，即层级关系。

  • 先加入的视图，在数组的开始，即在屏幕的最底层。
  • 重复加入，不会开辟新的数组位置，而是移动数组的排序方式。
  • 可以使用bringSubviewToFront、sendSubviewToBack等方法来改变视图的顺序。
  • removeFromSuperview方法可以删除子视图。
- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.UIView *view1 = [[UIView alloc] init];view1.frame = CGRectMake(100, 100, 150, 150);view1.backgroundColor = [UIColor orangeColor];UIView *view2 = [[UIView alloc] init];view2.frame = CGRectMake(125, 125, 150, 150);view2.backgroundColor = [UIColor blueColor];UIView *view3 =[[UIView alloc] init];view3.frame = CGRectMake(150, 150, 150, 150);view3.backgroundColor = [UIColor blackColor];//将三个视图对象显示到屏幕上并且添加到父亲视图上。//重复加入已有元素，不会扩大数组，而是移动数组[self.view addSubview:view1];[self.view addSubview:view2];[self.view addSubview:view3];[self.view addSubview:view1];//[self.view addSubview:view2];//将某一个视图调整到最前面显示//参数：UIView对象，调整到一个视图到最前方//实际上也移动了数组的位置。//   [self.view bringSubviewToFront:view1];//将某一个视图调整到最后显示//参数：UIView对象，调整哪一个视图到最后//实际上也移动了数组的位置//   [self.view sendSubviewToBack:view3];UIView *viewFront = self.view.subviews[0];//    [view1 removeFromSuperview];UIView *viewBack = self.view.subviews[2];if (viewFront == view2) {NSLog(@"等于");}if (viewBack == view1) {NSLog(@"等于");}
}

效果：

在这里插入图片描述

同时，我们可以验证重复添加视图，是移动数组位置而不是创建新的数组。
在这里插入图片描述

二：UIWindow对象

注意：在XCode13之后我们使用代码来创建初始化一个UIWindow对象不在AppDelegate类中进行，而是在SceneDelegate类进行，并且不需要创建UIWindow对象，只需要为其初始化视图管理器后即可进行使用。

UIWindow对象是UIView最顶层的容器，包含应用并显示所有的UIView对象。同时，也可以反映传递事件给UIView。
下面是UIWindow的一些基本使用。

SceneDelegate.m文件


#import "SceneDelegate.h"@interface SceneDelegate ()@end@implementation SceneDelegate- (void)scene:(UIScene *)scene willConnectToSession:(UISceneSession *)session options:(UISceneConnectionOptions *)connectionOptions {//对UIWindow对象创建视图控制器self.window.rootViewController = [[UIViewController alloc] init] ;//设置背景颜色self.window.backgroundColor = [UIColor blackColor];//直接给window上添加视图UIView *view1 = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 50, 200)];view1.backgroundColor = [UIColor blueColor];UIView *view2 = [[UIView alloc] initWithFrame:CGRectMake(150, 0, 50, 200)];view2.backgroundColor = [UIColor redColor];//当创建一个新的背景视图，然后将这个视图作为window的子视图，再让view1作为背景视图的子视图，就会有一个层级关系//当移动背景视图的时候，view1视图也会随着移动，子视图是参照父视图的坐标系UIView *backview = [[UIView alloc] initWithFrame:CGRectMake(100, 400, 200, 200)];backview.backgroundColor = [UIColor whiteColor];//将子视图添加到爸爸视图上[backview addSubview:view1];[backview addSubview:view2];[self.window addSubview:backview];NSLog(@"%@", view1.window);NSLog(@"%@", backview.window);NSLog(@"%@", self.window);//使window有效并显示到屏幕上[self.window makeKeyAndVisible];}

效果：
在这里插入图片描述
同时，通过对三个window对象的打印，我们可以印证整个程序仅有一个UIWindow对象。
在这里插入图片描述

三：UIViewController基础

UIViewController是视图控制器的意思。整个UIKit框架中只能有一个根视图控制器，属于window属性，但是可以有多个视图控制器，视图控制器用来管理界面和处理界面的逻辑类对象，程序启动前必须对根视图控制器赋值。
我们在SceneDelegate.m文件中实现对根视图控制器的初始化。

#import "SceneDelegate.h"
#import "ViewController.h"
@interface SceneDelegate ()@end@implementation SceneDelegate- (void)scene:(UIScene *)scene willConnectToSession:(UISceneSession *)session options:(UISceneConnectionOptions *)connectionOptions {ViewController *vcRoot = [[ViewController alloc] init];self.window.rootViewController = vcRoot;self.window.backgroundColor = [UIColor redColor];}

UIViewController使用

通过对UIViewController的学习，我们可以实现视图控制界面的切换。下面我们实操来加深学习。

首先，我们需要创建视图控制器，并为其初始化不同的颜色。
之后我们可以调用presentViewController方法，实现显示一个新的视图控制器界面到屏幕上。再在新的view文件中使用dismissViewControllerAnimated方法(关闭当前视图控制器界面)，回到原来的视图控制器界面。

具体实现代码：

ViewController.m文件

#import "ViewController.h"
#import "ViewC02.h"
@interface ViewController ()@end@implementation ViewController-(void) touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{//创建视图控制器二ViewC02* vc = [[ViewC02 alloc] init];//整个屏幕vc.modalPresentationStyle = UIModalPresentationFullScreen;//显示一个新的视图控制器到屏幕上//P1:新的视图控制器对象//P2：使用动画切换动画效果//P3:切换结束后功能调用，不需要则穿nil[self presentViewController:vc animated:YES completion:nil];
}
//第一次程序加载视图时调用
//只调用一次
- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.self.view.backgroundColor = [UIColor blueColor];NSLog(@"viewDidLoad 第一次加载!");
}//当视图控制器的视图即将显示时，调用次函数
//视图分为：1.显示前 2.正在处于显示状态 3.已经被隐藏
//参数：是否用动画切换后显示
- (void) viewWillAppear:(BOOL)animated
{NSLog(@"viewWillAppear,视图即将显示！");
}
//视图即将消失，调用次函数
//参数：表示是否用动画切换后消失
//当前的状态：视图还显示在屏幕上
-(void) viewWillDisAppear:(BOOL)animated
{NSLog(@"视图即将消失！");
}//当视图已经显示到屏幕后到瞬间调用次函数
//参数：表示是否用动画切换显示的
//当前状态:已经显示到屏幕上
-(void) viewDidAppear:(BOOL)animated
{NSLog(@"视图已经显示");
}//当前视图已经从屏幕上消失
//参数：表示是否用动画切换显示的
//当前状态:当前视图控制器视图已经消失
-(void) viewDidDisappear:(BOOL)animated
{NSLog(@"视图已经消失！");
}
@end

ViewC02.m文件：

#import "ViewC02.h"@interface ViewC02 ()@end@implementation ViewC02- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.self.view.backgroundColor = [UIColor orangeColor];
}-(void) touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{	//点击屏幕后使当前视图控制器界面消失。[self dismissViewControllerAnimated:YES completion:nil];
}

效果：点击前：
在这里插入图片描述
点击后：
在这里插入图片描述

上图代码中，我们还加入了一些操作函数，来显示屏幕的调用。
注意：添加下述代码后，才会使整个屏幕切换，从而显示viewDidDisappear操作函数。

vc.modalPresentationStyle = UIModalPresentationFullScreen;

代码运行结果：
在这里插入图片描述

四：定时器与视图移动

创建一个定时器，先要在接口文件中创建NSTimer属性。

@property (retain, nonatomic) NSTimer *timerVier;

之后，采用scheduledTimerWithTimeInterval:的类方法来创建定时器。并启动该定时器。
该方法有五个参数：

P1:每隔多长时间调用定时器函数，以秒为单位
P2：表示实现定时器函数的对象（指针）
P3:定时器函数对象
P4：可以传入定时器函数中一个参数，无参数可以传nil
P5:定时器是否重复操作，YES为重复，NO只完成一次函数调用

而我们要实现使指定view对象移动，需要先为view对象设置一个标签值，在定时器的事件函数中进行使用。
下列代码中的view.frame =CGRectMake(view.frame.origin.x+1, view.frame.origin.y+1, 80, 80);即实现这一功能，使view视图的x，y轴随时间移动。

ViewController.m文件

#import "ViewController.h"@interface ViewController ()@end@implementation ViewController@synthesize timerVier = _timerVier;- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.UIButton *btn = [UIButton buttonWithType:UIButtonTypeRoundedRect];btn.frame = CGRectMake(100, 100, 80, 40);[btn setTitle:@"启动定时器" forState:UIControlStateNormal];[btn addTarget:self action:@selector((pressStart)) forControlEvents:UIControlEventTouchUpInside];[self.view addSubview:btn];UIButton *btnStop = [UIButton buttonWithType:UIButtonTypeRoundedRect];btnStop.frame = CGRectMake(100, 200, 80, 40);[btnStop setTitle:@"停止定时器" forState:UIControlStateNormal];[btnStop addTarget:self action:@selector(pressStop) forControlEvents:UIControlEventTouchUpInside];[self.view addSubview:btnStop];UIView *view = [[UIView alloc] init];view.frame = CGRectMake(0, 0, 80, 80);view.backgroundColor = [UIColor blueColor];[self.view addSubview:view];//设置view对标签值//通过爸爸视图对象以及view的标签值可以获得相应的对象view.tag = 101 ;
}//按下开始按钮函数
- (void) pressStart
{//NSTimer的类方法创建一个定时器并启动这个定时器//P1:每隔多长时间调用定时器函数，以秒为单位//P2：表示实现定时器函数的对象（指针）//P3:定时器函数对象//P4：可以传入定时器函数中一个参数，无参数可以传nil//P5:定时器是否重复操作，YES为重复，NO只完成一次函数调用//返回值为一个新建好的定时器对象_timerVier = [NSTimer scheduledTimerWithTimeInterval:0.01 target:self selector:@selector(updateTimer:) userInfo:@"lyf" repeats:YES];
}//定时器函数
//可以将定时器本身作为参数传入
-(void) updateTimer:(NSTimer*) timer
{   //userInfo为id类型NSLog(@"test!!  name = %@", timer.userInfo);//tag最好从100开始UIView *view = [self.view viewWithTag:101];view.frame =CGRectMake(view.frame.origin.x+1, view.frame.origin.y+1, 80, 80);
}
//按下停止按钮时调用
-(void) pressStop
{if (_timerVier != nil) {//停止定时器[_timerVier invalidate];}
}
@end

效果：
在这里插入图片描述
在这里插入图片描述
还有一点需要注意：如果对上述代码连续点击两次启动定时器，此时再按停止定时器将无法停止视图移动。
原因：每次点击都创造出一个定时器对象，从而使第一次点击的定时器对象无法覆盖。即无法再停止第一个定时器对象，只能停止新建立的定时器对象。
解决办法：将该属性变成单例模式，或者每次进入pressStart时，调用一遍结束方法。即：

- (void) pressStart
{[self pressStop];//每次调用前先关闭前一个定时器。_timerVier = [NSTimer scheduledTimerWithTimeInterval:0.01 target:self selector:@selector(updateTimer:) userInfo:@"lyf" repeats:YES];
}

五：UISwitch控件

UISwitch控件是苹果官方库提供的一个控件，与定时器相同，需要先在接口部分声明一个属性，在实现部分实现其具体功能。
但是，作为苹果官方的控件，苹果对其作出了一定的限制：如无法改变宽度高度值和设计样式。
下例代码详细展示了该控件的使用：

#import "ViewController.h"@interface ViewController ()@end@implementation ViewController@synthesize  mySwitch = _mySwitch;- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.//创建一个开关对象_mySwitch = [[UISwitch alloc] init];//苹果官方的控件的位置设置//位置X，Y的值可以改变//宽度高度值是无法改变。系统默认设置了_mySwitch.frame = CGRectMake(100, 100, 0, 0);//开关状态设置属性//YES：开启状态//NO：关闭状态//_mySwitch.on = YES;//[_mySwitch setOn:YES];//设置开关状态//P1:状态设置//P2:是否开启动画效果[_mySwitch setOn:YES animated:YES];[self.view addSubview:_mySwitch];//设置开启状态的风格颜色[_mySwitch setOnTintColor:[UIColor orangeColor]];//设置开关圆按钮的风格颜色[_mySwitch setThumbTintColor:[UIColor blueColor]];//设置整体风格颜色 没作用原因已截图[_mySwitch setTintColor:[UIColor redColor]];//向开关控件添加事件函数//P1:函数实现对象//P2：函数对象//P3：事件响应时的事件类型UIControlEventValueChanged：状态发生变化[_mySwitch addTarget:self action:@selector(swChange:) forControlEvents:UIControlEventValueChanged];
}
- (void) swChange:(UISwitch*) sw
{if (sw.on == YES) {NSLog(@"哈哈,打开咯");}else {NSLog(@"哈哈，关闭咯");}NSLog(@"我变质了");
}@end

在这里插入图片描述
代码结果：
在这里插入图片描述

六：滑动条和进度条

滑动条与进度条也需要在接口部分定义属性，在实现部分实现功能。
除了对这两个的基本使用，我们还可以实现用滑动条来控制进度条的长短，当滑动条与进度条不是相同长度时，我们可以使用下面的代码来实现等比例控制。

pView.progress = (_slider.value - _slider.minimumValue) / (_slider.maximumValue - _slider.minimumValue);

ViewController.h

#import <UIKit/UIKit.h>@interface ViewController : UIViewController
{//进度条对象//一般用来表示下载或者视频播放的进度UIProgressView *    pView;//滑动条定义//一般用来进行调整音频音乐的音量等UISlider *_slider;
}
//定义一个进度条属性
@property (retain, nonatomic) UIProgressView *pView;
//定义一个滑动条属性
@property (retain, nonatomic) UISlider *slider;
@end

ViewController.m

#import "ViewController.h"@interface ViewController ()@end@implementation ViewController@synthesize  slider = _slider;
@synthesize pView = _pView;- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.//进度条的创建pView = [[UIProgressView alloc] init];//进度条的位置大小设置//进度条的高度是不可以变化的.P4不可变pView.frame = CGRectMake(50, 100, 300, 40);pView.progressTintColor = [UIColor greenColor];pView.trackTintColor = [UIColor blackColor];//设置进度条的进度值//范围从0-1//最小值为0，最大值为1pView.progress = 0;//设置进度条的风格特征pView.progressViewStyle = UIProgressViewStyleBar;[self.view addSubview:   pView];//创建滑动条对象_slider = [[UISlider alloc] init];//位置设置，高度不可变更_slider.frame = CGRectMake(10, 200, 300, 40);//设置滑动条的最大值_slider.maximumValue = 100;//设置滑动条的最小值，可以为负_slider.minimumValue = -100;//设置滑动条的滑块位置_slider.value = 0;//左侧滑条背景颜色// _slider.minimumTrackTintColor = [UIColor blueColor];//右侧滑动条背景颜色_slider.maximumTrackTintColor = [UIColor greenColor];//设置滑块颜色_slider.thumbTintColor = [UIColor orangeColor];[_slider addTarget:self action:@selector(pressSlider) forControlEvents:UIControlEventValueChanged];[self.view addSubview:_slider];
}-(void) pressSlider
{pView.progress = (_slider.value - _slider.minimumValue) / (_slider.maximumValue - _slider.minimumValue);NSLog(@"value = %f", _slider.value);
}@end

效果：
在这里插入图片描述

七：步进器和分栏控件

先要在接口文件中定义步进器对象和分栏控制器对象。

ViewController.h

#import <UIKit/UIKit.h>@interface ViewController : UIViewController
{//定义步进器对象//按照一定的数字来调整某个数据UIStepper *_stepper;//分栏控制器定义UISegmentedControl *_segControl;
}@property (retain, nonatomic) UIStepper *stepper;
@property (retain, nonatomic) UISegmentedControl *segControl;@end

在.m文件中，我们不仅可以以文本来初始化分拦控件，还可以以照片来初始化分拦控件。
ViewController.m

#import "ViewController.h"@interface ViewController ()@end@implementation ViewController@synthesize stepper = _stepper;
@synthesize segControl = _segControl;- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view._stepper = [[UIStepper alloc] init];//只能设置位置，宽高不能改变_stepper.frame = CGRectMake(100, 100, 80, 40);//设置步进器的最小值_stepper.minimumValue = 0;//设置步进器的最大值_stepper.maximumValue = 100;//设置步进器的当前值，默认值为0_stepper.value = 10;//设置步进器每次向前或者向后步进的步伐值_stepper.stepValue = 5;//是否可以重复响应事件操作_stepper.autorepeat = YES;//是否将步进结果通过事件函数响应出来//不显示中间过程，长按直接显示结果。_stepper.continuous = NO;//添加事件函数[_stepper addTarget:self action:@selector(stepChange) forControlEvents:UIControlEventValueChanged];[self.view addSubview:_stepper];_segControl = [[UISegmentedControl alloc] init];//宽度可变，高度不可变_segControl.frame = CGRectMake(10, 200, 300, 40);//添加一个按钮元素[_segControl insertSegmentWithTitle:@"0元" atIndex:0 animated:NO];//参数一：按钮选项文字//参数二：按钮索引位置//参数三：是否有插入的动画效果[_segControl insertSegmentWithTitle:@"5元" atIndex:1 animated:NO];[_segControl insertSegmentWithTitle:@"10元" atIndex:2 animated:NO];// [_segControl insertSegmentWithTitle:@"30元" atIndex:0 animated:NO];//以照片作为分拦控件的图像。//注意要将照片放入当前视图内。UIImage *image = [UIImage imageNamed:@"WechatIMG26890.jpg"];image = [image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];[_segControl setImage:image forSegmentAtIndex:2];//当前默认按钮索引设置_segControl.selectedSegmentIndex = 0;[_segControl addTarget:self action:@selector(segChange) forControlEvents:UIControlEventValueChanged];[self.view addSubview:_segControl];
}-(void) segChange
{NSLog(@"%d", _segControl.selectedSegmentIndex);
}-(void) stepChange
{NSLog(@"step press! value = %f", _stepper.value);
}@end

效果
在这里插入图片描述
代码结果：
在这里插入图片描述

八：警告对话框和等待提示器

在遇到电量不足等特殊情况时，可以弹出警告对话框提示用户。
在下载或加载比较大的文件时，可以显示等待提示器提示用户。
我们在ViewController 的接口文件中定义这两个对象。

@interface ViewController : UIViewController
{//定义一个警告对话框视图对象UIAlertController *_alertView;//等待提示对象//当下载，或加载比较大的文件时，可以显示此控件，处于提示等待状态UIActivityIndicatorView *_activityIndicator;
}@property (retain, nonatomic) UIAlertController *alertVier;
@property (retain, nonatomic) UIActivityIndicatorView *act;@end

在实现部分，我们先建立两个按钮，用来弹出提示器。
随后开始实现这两个提示器。

  • 警告对话框
[UIAlertController alertControllerWithTitle:@"警告" message:@"你的手机已经被劫持！！！" preferredStyle:UIAlertControllerStyleAlert];

使用如上代码，设置样式为弹出警告式的对话框。参一为标题，参二为警告内容。

 UIAlertAction* action01 = [UIAlertAction actionWithTitle:@"打钱" style:UIAlertActionStyleDefault handler:^(UIAlertAction *action){/* 在这里编写执行该选项的代码*/}];

随后创建三个不同的action对象，如上所示参一为提示，参二为样式，参三为需要执行的代码块
样式为以下四种：

  1. UIAlertActionStyleDefault：默认样式，用于表示用户可以选择的主要操作。
  2. UIAlertActionStyleCancel：取消样式，通常用于取消操作，只能有一个取消按钮。
  3. UIAlertActionStyleDestructive：破坏性样式，用于表示执行此操作可能有破坏性后果。
  4. UIAlertActionStyleTextInput：输入样式，允许用户在弹出的警告框中输入文本。

最后将操作对象加入到警告框中，再使该警告框显示。

  • 等待提示器
    等待提示器的高度和宽度由苹果官方设定，不可改变。可以设置四种不同风格的等待指示器。
  1. UIActivityIndicatorViewStyleWhiteLarge：表示一个白色的大号等待提示器。
  2. UIActivityIndicatorViewStyleWhite：表示一个白色的普通大小等待提示器。
  3. UIActivityIndicatorViewStyleGray：表示一个灰色的普通大小等待提示器。
  4. UIActivityIndicatorViewStyleMedium：表示一个中等大小的等待提示器，通常是灰色的。
#import "ViewController.h"@interface ViewController ()@end@implementation ViewController@synthesize alertVier = _alertVier;
@synthesize act = _act;- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.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(pressBtn:) forControlEvents:UIControlEventTouchUpInside];[self.view addSubview:btn];}}- (void)pressBtn:(UIButton*) btn {//警告对话框创建if (btn.tag == 101) {_alertView = [UIAlertController alertControllerWithTitle:@"警告" message:@"你的手机已经被劫持！！！" preferredStyle:UIAlertControllerStyleAlert];UIAlertAction* action01 = [UIAlertAction actionWithTitle:@"打钱" style:UIAlertActionStyleDefault handler:^(UIAlertAction *action){/* 在这里编写执行该选项的代码*/}];UIAlertAction* action02 = [UIAlertAction actionWithTitle:@"打钱" style:UIAlertActionStyleCancel handler:^(UIAlertAction *action){/* 在这里编写执行该选项的代码*/}];UIAlertAction* action03 = [UIAlertAction actionWithTitle:@"投降" style:UIAlertActionStyleDefault handler:^(UIAlertAction *action){/* 在这里编写执行该选项的代码*/}];[_alertView addAction:action01];[_alertView addAction:action02];[_alertView addAction:action03];[self presentViewController:_alertView animated:YES completion:nil];} else if (btn.tag == 102){//宽度和高度不可改变_activityIndicator = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(100, 300, 80, 80)];//设定提示的风格_activityIndicator.activityIndicatorViewStyle = UIActivityIndicatorViewStyleMedium;_activityIndicator.activityIndicatorViewStyle = UIActivityIndicatorViewStyleLarge;[self.view addSubview:_activityIndicator];//启动动画并显示[_activityIndicator startAnimating];//停止动画并隐藏//[_activityIndicator stopAnimating];}
}@end

效果：
（点击警告对话框）
在这里插入图片描述
（点击等待指示器）：
在这里插入图片描述

九：UITextField

先要在ViewController的接口部分中定义一个UITextField属性，在接口部分实现。
作为一个文本控件，该控件只能输入一行文本，不能输入或显示多行，常用来做登录界面。
我们可以设置文本的大小，位置，边框风格和键盘风格，字体的大小和颜色。此处主要介绍边框风格和键盘风格
边框风格：

  1. UITextBorderStyleRoundedRect圆角风格
  2. UITextBorderStyleLine线框风格
  3. UITextBorderStyleBezel:bezel风格
  4. UITextBorderStyleNone:无边框风格

键盘风格（常用）：

  1. UIKeyboardTypeDefault：默认风格
  2. UIKeyboardTypeNamePhonePad:字母和数字组合风格
  3. UIKeyboardTypeNumberPad:纯数字风格
#import "ViewController.h"@interface ViewController ()@end@implementation ViewController@synthesize textField = _textField;- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.//设定一个文本输入区对象self.textField = [[UITextField alloc] init];//设定文字输入区的位置self.textField.frame = CGRectMake(100, 100, 180, 40);//设置textField的内容文字self.textField.text = @"用户名";//设置文字的字体大小self.textField.font = [UIFont systemFontOfSize:15];//设置字体的颜色self.textField.textColor = [UIColor blueColor];//设置边框风格//UITextBorderStyleRoundedRect圆角风格//UITextBorderStyleLine线框风格//UITextBorderStyleBezel:bezel风格//UITextBorderStyleNone:无边框风格self.textField.borderStyle = UITextBorderStyleLine;//设置虚拟键盘风格//UIKeyboardTypeDefault：默认风格//UIKeyboardTypeNamePhonePad:字母和数字组合风格//UIKeyboardTypeNumberPad:纯数字风格self.textField.keyboardType = UIKeyboardTypeNumberPad;//提示文字信息//当text属性为空self.textField.placeholder = @"请输入用户名....";//是否作为密码输入//YES作为密码加密，NO正常显示self.textField.secureTextEntry = NO;[self.view addSubview:self.textField];
}- (void) textFieldDidBeginEditing:(UITextField *)textField
{NSLog(@"开始编辑了！");
}
-(void) textFieldDidEndEditing:(UITextField *)textField
{self.textField.text = @"";NSLog(@"编辑输入结束了");
}//是否可以进行输入
//如果返回值为YES：可以进行输入，默认为YES
//NO：不能输入文字,无权限的时候
-(BOOL) textFieldShouldBeginEditing:(UITextField *)textField
{return YES;
}//是否可以结束输入
//如果返回值为YES：可以结束输入，默认为YES
//NO：不能结束文字，输入密码位数不够
-(BOOL) textFieldShouldEndEditing:(UITextField *)textField
{if (self.textField.text.length < 9) {return NO;} else {return YES;}
}//点击屏幕空白处调用此函数
- (void) touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{//使虚拟键盘回收，不再做为第一消息响应者[self.textField resignFirstResponder];
}@end

UITextField控件的四个协议：
开始编辑协议：手机键盘弹出瞬间调用

- (void) textFieldDidBeginEditing:(UITextField *)textField

结束编辑协议：手机键盘收回瞬间调用

-(void) textFieldDidEndEditing:(UITextField *)textField

是否可以进行输入
如果返回值为YES：可以进行输入，默认为YES
NO：不能输入文字
使用场景：无权限的时候使用

-(BOOL) textFieldShouldBeginEditing:(UITextField *)textField

是否可以结束输入
如果返回值为YES：可以结束输入，默认为YES
NO：不能结束文字
使用场景：输入密码位数不够

-(BOOL) textFieldShouldEndEditing:(UITextField *)textField

在这里插入图片描述

滚动视图

手机屏幕较小，通常情况下无法完全展示内容，此时我们可以通过手势来滚动屏幕，达到移动视图的效果，而这个应用就是滚动视图。
像我们常用的QQ聊天页面，微信聊天页面等，就是滚动视图的实际应用。

滚动视图基础

我们可以设置上下滚动的视图，也可以设置左右滚动的视图，对应的画布大小需要跟着改变。
滚动视图的创建在视图控制器中进行，即ViewController文件中进行。
图片的添加我们采用循环的方式简略。


#import "ViewController.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.UIScrollView *sv = [[UIScrollView alloc] init];//设置滚动视图的位置，使用矩形来定位视图位置sv.frame = CGRectMake(0, 0, 394, 852);//是否按照整页来滚动视图sv.pagingEnabled = YES;//是否可以开启滚动效果sv.scrollEnabled = YES;//设置画布的大小，画布显示在滚动视图内部，一般大于Frame的大小sv.contentSize = CGSizeMake(394*6, 852*2);//是否可以边缘弹动效果sv.bounces = YES;//开启横向弹动效果sv.alwaysBounceHorizontal = YES;//开启纵向弹动效果sv.alwaysBounceVertical = YES;//显示横向滚动效果sv.showsHorizontalScrollIndicator = YES;//显示纵向滚动条sv.showsVerticalScrollIndicator = YES;//设置背景颜色sv.backgroundColor = [UIColor whiteColor];//使用循环创建5张图片视图for (int i = 0; i < 5; i++){NSString *strName = [NSString stringWithFormat:@"%d.jpg", i+1];UIImage *image = [UIImage imageNamed:strName];UIImageView *iView = [[UIImageView alloc] initWithImage:image];iView.frame = CGRectMake(394*i, 0, 394, 952);[sv addSubview:iView];}[self.view addSubview:sv];
}@end

在这里插入图片描述

滚动视图高级

滚动视图中还有一个协议叫UIScrollViewDelegate，这个协议可以让我们实现更多控制效果。我们新建一个竖屏滚动效果来学习这个协议的方法。

#import "ViewController.h"@interface ViewController ()@end@implementation ViewController- (void)viewDidLoad {[super viewDidLoad];// Do any additional setup after loading the view.scrollView = [[UIScrollView alloc] init];scrollView.frame = CGRectMake(10, 50, 384, 802);//取消弹动效果scrollView.bounces = NO;//是否允许通过点击屏幕让滚动视图响应事件//YES：滚动视图可以接受触碰事件//NO：不接受触屏事件//scrollView.userInteractionEnabled = NO;//设置画布大小，纵向效果scrollView.contentSize = CGSizeMake(384, 802*9);for (int i = 0; i < 9; i++){//生成图片名称NSString *strName = [NSString stringWithFormat:@"%d.jpg", i+1];UIImage *image = [UIImage imageNamed:strName];UIImageView *iView = [[UIImageView alloc] init];iView.image = image;iView.frame = CGRectMake(0, 802 * i, 384, 802);[scrollView addSubview:iView];}[self.view addSubview:scrollView];//取消按页滚动效果scrollView.pagingEnabled = NO;//滚动视图画布的移动位置，偏移位置//功能：决定画笔显示的最终图像结果scrollView.contentOffset = CGPointMake(0, 0);//将当前视图控制器作为代理对象scrollView.delegate = self;
}//当滚动视图移动时，只要offset坐标发生变化，都会调用此函数
//参数：调用次协议的滚动视图对象
//可以使用此函数来监控滚动视图的位置
//- (void) scrollViewDidScroll:(UIScrollView *)scrollView
//{
//    NSLog(@"y = %f", scrollView.contentOffset.y);
//}- (void) touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event
{//scrollView.contentOffset = CGPointMake(0, 0);//让滚动视图移动到指定位置，动画移动[scrollView scrollRectToVisible:CGRectMake(0, 0, 384, 802) animated:YES];
}//结束滑动时调用
-(void) scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{NSLog(@"Did End Drag!");
}
//将要开始滑动时调用
-(void) scrollViewWillBeginDragging:(UIScrollView *)scrollView
{NSLog(@"will Begin Drag");
}
//结束滑动视图后，准备结束滑行调用该函数
-(void) scrollViewWillEndDragging:(UIScrollView *)scrollView withVelocity:(CGPoint)velocity targetContentOffset:(inout CGPoint *)targetContentOffset
{NSLog(@"Will End Drag!");
}
//准备开始滑动时调用该方法
-(void) scrollViewWillBeginDecelerating:(UIScrollView *)scrollView
{NSLog(@"Will Begin Deceleratege!");
}
//停止滑动时调用该方法
-(void) scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{NSLog(@"视图停止移动");
}
@end

注意：当结束滑动后，会有一个类似于惯性的滑动效果，此时会调用不同的方法。
效果：
在这里插入图片描述

总结

多多学习，多多思考。这篇博客的总结让我加深了对UI控件的认识，并且熟练了很多UI控件的使用

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/849901.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

2021年vue面试题整理（万字解析）

2021年vue面试题整理（万字解析）

一、对MVVM的理解 MVVM分为Model、View、ViewModel。 Model 代表数据模型&#xff0c;数据和业务逻辑都在Model层中定义&#xff1b;泛指后端进行的各种业务逻辑处理和数据操控&#xff0c;对于前端来说就是后端提供的 api 接口。 View 代表UI视图&#xff0c;负责数据的展示…
阅读更多...
【Python数据分析--Numpy库】Python数据分析Numpy库学习笔记，Python数据分析教程，Python数据分析学习笔记（小白入门）

【Python数据分析--Numpy库】Python数据分析Numpy库学习笔记，Python数据分析教程，Python数据分析学习笔记（小白入门）

一&#xff0c;Numpy教程 给大家推荐一个很不错的笔记&#xff0c;个人长期学习过程中整理的 Python超详细的学习笔记共21W字点我获取 1-1 安装 1-1-1 使用已有的发行版本 对于许多用户&#xff0c;尤其是在 Windows 上&#xff0c;最简单的方法是下载以下的 Python 发行版…
阅读更多...
Swift 序列（Sequence）排序面面俱到 - 从过去到现在（一）

Swift 序列（Sequence）排序面面俱到 - 从过去到现在（一）

概览 在任何语言中对序列（或集合）元素的排序无疑是一种司空见惯的常规操作，在 Swift 语言里自然也不例外。序列排序看似简单，实则“暗藏玄机”。 要想真正掌握 Swift 语言中对排序的“各种姿势”，我们还得从长计议。不如就先从最简单的排序基本功开始聊起吧。 在本篇博…
阅读更多...
【十大排序算法】插入排序

【十大排序算法】插入排序

插入排序&#xff0c;如一位细心的整理者&#xff0c; 她从序列的左端开始&#xff0c; 挨个将元素归位。 每当她遇到一个无序的元素&#xff0c; 便将它插入已经有序的部分&#xff0c; 直至所有元素有序排列。 她不张扬&#xff0c;却有效率&#xff0c; 用自己的方式&…
阅读更多...
pdf文件在线压缩网站，pdf文件在线压缩工具软件

pdf文件在线压缩网站，pdf文件在线压缩工具软件

在数字化时代的今天&#xff0c;PDF文件已经成为我们日常生活和工作中不可或缺的一部分。然而&#xff0c;随着PDF文件的广泛使用&#xff0c;其文件大小问题也日益凸显。过大的PDF文件不仅占用了大量的存储空间&#xff0c;而且在传输和共享过程中也往往面临诸多不便。因此&am…
阅读更多...
SylixOS网卡多 IP 配置

SylixOS网卡多 IP 配置

概述 网卡多 IP 是指在同一个网络接口上配置和绑定多个 IP 地址。 引进网卡多 IP 的目的主要有以下几个&#xff1a; 提供服务高可用性。通过在同一接口绑定多个 IP 地址&#xff0c;然后在服务端使用这些 IP 地址启动多个服务实例。这样在任意一 IP 出现问题时&#xff0c;可…
阅读更多...
Redis学习（十二）Redis的三种删除策略

Redis学习（十二）Redis的三种删除策略

目录 一、背景二、Redis 的三种删除策略2.1 定时删除&#xff08;用CPU换内存空间&#xff09;2.2 定期删除2.3 惰性删除&#xff08;用内存换CPU性能&#xff09; 三、总结 一、背景 我们都知道 Redis 是一种内存数据&#xff0c;所有的数据均存储在内存中&#xff0c;可以通…
阅读更多...
Android 代码打印meminfo

Android 代码打印meminfo

旨在替代adb shell dumpsys meminfo packageName&#xff0c;在log打印meminfo&#xff0c;以便分析内存情况 ActivityManager.MemoryInfo memoryInfo new ActivityManager.MemoryInfo(); activityManager.getMemoryInfo(memoryInfo); long totalMemory Runtime.getRuntime(…
阅读更多...
大数据环境搭建@Hive编译

大数据环境搭建@Hive编译

Hive3.1.3编译 1.编译原因1.1Guava依赖冲突1.2开启MetaStore后运行有StatsTask报错1.3Spark版本过低 2.环境部署2.1jdk安装2.2maven部署2.3安装图形化桌面2.4安装Git2.5安装IDEA 3.拉取Hive源码4.Hive源码编译4.1环境测试1.测试方法——编译2.问题及解决方案&#x1f4a5;问题1…
阅读更多...
【设计模式】结构型-装饰器模式

【设计模式】结构型-装饰器模式

在代码的海洋深处迷离&#xff0c;藏匿着一片神奇之地。那里有细腻的线条交错&#xff0c;是装饰器的奇妙艺术。 文章目录 一、登录的困境二、装饰器模式三、装饰器模式的核心组成部分四、运用装饰器模式五、装饰器模式的应用场景六、小结推荐阅读 一、登录的困境 假设我们有…
阅读更多...
YOLOv5改进总目录 | backbone、Neck、head、损失函数，注意力机制上百种改进技巧

YOLOv5改进总目录 | backbone、Neck、head、损失函数，注意力机制上百种改进技巧

&#x1f4a1;&#x1f4a1;&#x1f4a1;本专栏所有程序均经过测试&#xff0c;可成功执行&#x1f4a1;&#x1f4a1;&#x1f4a1; 专栏地址&#xff1a; YOLOv5改进入门——持续更新各种有效涨点方法 点击即可跳转 报错 解决Yolov5的RuntimeError: result type Float can…
阅读更多...
qq号码采集软件

qq号码采集软件

寅甲QQ号码采集软件, 一款采集QQ号、QQ邮件地址&#xff0c;采集QQ群成员、QQ好友的软件。可以按关键词采集&#xff0c;如可以按地区、年龄、血型、生日、职业等采集。采集速度非常快且操作很简单。
阅读更多...
C# WPF入门学习主线篇（九）—— ComboBox常见属性和事件

C# WPF入门学习主线篇（九）—— ComboBox常见属性和事件

欢迎来到C# WPF入门学习系列的第九篇。在前面的文章中&#xff0c;我们已经学习了 Button、TextBox、Label 和 ListBox 控件。今天&#xff0c;我们将探讨 WPF 中的另一个重要控件——ComboBox。本文将详细介绍 ComboBox 的常见属性和事件&#xff0c;并通过示例代码展示其在实…
阅读更多...
逻辑这回事（三）----时序分析与时序优化

逻辑这回事（三）----时序分析与时序优化

基本时序参数 图1.1 D触发器结构 图1.2 D触发器时序 时钟clk采样数据D时&#xff0c;Tsu表示数据前边沿距离时钟上升沿的时间&#xff0c;MicTsu表示时钟clk能够稳定采样数据D的所要求时间&#xff0c;Th表示数据后边沿距离时钟上升沿的时间&#xff0c;MicTh表示时钟clk采样…
阅读更多...
Spring Boot集成pmd插件快速入门Demo

Spring Boot集成pmd插件快速入门Demo

1.什么是pmd插件&#xff1f; PMD 插件允许您在项目的源代码上自动运行PMD代码分析工具&#xff0c;并生成带有其结果的站点报告。它还支持与 PMD 一起分发的单独的复制/粘贴检测器工具&#xff08;或 CPD&#xff09;。 此版本的 Maven PMD 插件使用 PMD 6.42.0 并且需要 Jav…
阅读更多...
从大到小吗？-分支c++

从大到小吗？-分支c++

题目描述 给出 4 个整数&#xff0c;a , b , c , d 。 判断这四个数字是否满足从大到小。 输入 输入 4 个整数&#xff0c;a , b , c , d 。 输出 输出 Yes 或者 No 。 样例输入 4 3 2 1 样例输出 Yes 提示 分析&#xff1a; 这道题十分的简单&#xff0c;只需判断…
阅读更多...
23 二叉搜索树

23 二叉搜索树

本节目标 1.内容安排说明 2.二叉搜索树实现 3.应用分析 4.进阶题 1. 内容安排说明 二叉树在c数据结构已经说过了&#xff0c;本节内容是因为&#xff1a; map和set特性需要先铺垫二叉搜索树&#xff0c;而二叉搜索树也是一种树形结构二叉搜索树的特性了解&#xff0c;有助于…
阅读更多...
Linux：动态库和静态库的编译与使用

Linux：动态库和静态库的编译与使用

目录 1.前言 2.静态链接库 3.静态链接库生成步骤 4.静态链接库的使用 5.动态链接库 6.动态链接库生成步骤 7.动态链接库的使用 8.动态链接库无法加载 9.解决动态链接库无法加载问题 前言 在《MinGW&#xff1a;从入门到链接库》博客中简单介绍了如何编译动态链接库和静态链接库…
阅读更多...
YOLOv5车流量监测系统研究

YOLOv5车流量监测系统研究

一. YOLOv5算法详解 YOLOv5网络架构 上图展示了YOLOv5目标检测算法的整体框图。对于一个目标检测算法而言&#xff0c;我们通常可以将其划分为4个通用的模块&#xff0c;具体包括&#xff1a;输入端、基准网络、Neck网络与Head输出端&#xff0c;对应于上图中的4个红色模块。Y…
阅读更多...
Attendance Machine （KPI）

Attendance Machine （KPI）

Attendance Machine &#xff08;KPI&#xff09; QQ机考勤机数据KPI
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023