UI 设计模式手势识别器

it2026-05-23 1

1> target / action 设计模式 : target ['tɑːgɪt] 1>什么是耦合 : 耦合是衡量一个程序呢写的好坏的标准之一耦合是衡量模块与模块之间关联程度的指标高内聚,低耦合是面向对象编程的核心思想是用target /action 实现解耦也是需要让目标去执行一个动作的地方; 代理设计模式也可以实现解耦高内聚低耦合，是软件工程中的概念，是判断设计好坏的标准，主要是面向对象的设计，主要是看类的内聚性是否高，耦合度是否低。内聚就是一个模块内各个元素彼此结合的紧密程度，高内聚就是一个模块内各个元素彼此结合的紧密程度高。所谓高内聚是指一个软件模块是由相关性很强的代码组成，只负责一项任务，也就是常说的单一责任原则。耦合：一个软件结构内不同模块之间互连程度的度量(耦合性也叫块间联系。指软件系统结构中各模块间相互联系紧密程度的一种度量。模块之间联系越紧密，其耦合性就越强，模块的独立性则越差，模块间耦合的高低取决于模块间接口的复杂性，调用的方式以及传递的信息。)对于低耦合，粗浅的理解是：一个完整的系统，模块与模块之间，尽可能的使其独立存在。也就是说，让每个模块，尽可能的独立完成某个特定的子功能。模块与模块之间的接口，尽量的少而简单。如果某两个模块间的关系比较复杂的话，最好首先考虑进一步的模块划分。这样有利于修改和组合。^[1]耦合性与内聚性是模块独立性的两个定性标准，将软件系统划分模块时，尽量做到高内聚低耦合，提高模块的独立性，为设计高质量的软件结构奠定基础。有个例子很容易明白：一个程序有50个函数，这个程序执行得非常好；然而一旦你修改其中一个函数，其他49个函数都需要做修改，这就是高耦合的后果。一旦你理解了它，你编写概要设计的时候设计类或者模块自然会考虑到“高内聚，低耦合”。耦合性分类(低――高): 无直接耦合;数据耦合;标记耦合;控制耦合;公共耦合;内容耦合; 例题1>如果想点击按钮view(不是按钮)时打印一句good ,和点击 colorView 实现变色,要求用target/ action 方法 ———————> 实现步骤总结 1>先创建一个自定义视图控制器RRViewController 类和三个 view类( RRView ,ButtonView,CotrolView )2>先在Appdelegate.m文件中导入RRViewController.h 头文件, 然后在Appdelegate.m 文件中将自定义的视图控制器代替window的根视图控制器具体步骤如下以下是固定写法a >创建window self.window = [ [ UIWindow alloc ] initWithFrame:[ [ UIScreen mainScreen ] bounds] ]; b > 给window 添加背景颜色 self.window.backgroundColor = [ UIColor whiteColor ] ; c >显示window 窗口 [self.window makeKeyAndVisible ]; visible [ˈvɪzəbl] ——.>明显的,看得见的 d>创建自定义视图控制器 RRViewContronller *RRVC =[ [RRViewController alloc ] init ] ; e>将我们创建的视图控制器,替换掉我们window的跟视图控制器 self.window.rootViewController = RRVC; 3>在RRViewController.m 中导入 RRVIew.h ; 在延展声明中 ,声明RRView类的实例化变量 ,然后在@implementation RRViewController 里面写我们视图控制器的初始化方法(固定写法) 再将我们的声明的RRView 的视图替换掉控制器自身带的view 视图,此步骤要在重写加载图片方法中写-(void) loadView; 步骤如下 a>在类的延展中声明类的实例化变量 @interface RRViewController () @property(nonatomic,retain) RRView *rrview; @end b>在@implementation RRViewController 里面写控制器的初始化方法 -(instancetype ) initWithNibName:(NSString * ) nibNameOrNil bundle :(NSBundle * )nibBundleOrnil { self = [super initWithName:nibNameOrNil bundle : nibBundleOrNil ] ; if(self) { _rrview = [ [ RRView alloc ] initWithFrame : [ [ UIScreen mainScreen ] bounds] ] ; } return self ; } -(void ) loadView { self.view = _rrview; } -(void)myAddTarget:(id)target action:(SEL) action; 是我们在ButtonView中定义的一个方法（4）参数self是controller本身，将controller本身传过去（5）参数@selector(bvAction:)是用方法选择器将bvAvtion方法传过去。 —————> 模拟target / action 方法 @interface ButtonView : UIView /* { //目标实例变量 id _target; //事件实例变量 SEL _action; } */ //添加点击事件 //点击view的时候,view要响应(target) 的那个方法(action ) //上边是为了保存传进来的实例变量 @property(nonatomic,assign) id target; @property(nonatomic,assign) SEL action; -(void)myAddTarget:(id)target action:(SEL) action; @end #import "ButtonView.h" @implementation ButtonView //添加点击事件 -(void)myAddTarget:(id)target action:(SEL) action { _target = target; _action = action; } //当触摸开始时,会执行touchBegan 方法 -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { //把在控制器里面写的方法和他联系起来 //触摸事件发生后 ,用target 去调用传进来的action 方法 //内存泄露 //当触摸事件发生时,视图会执行touchebegan方法 //给target发消息,即action [_target performSelector:_action withObject:self]; } @end 具体步骤见下代码二>代理设计模式什么是代理设计模式:当一个类的某些功能需要被别人来实现,但是既不明确是些什么功能,又不明确随来实现这些功能的时候,委托模式就可以派上用场了 ———> 目的是为了降低类之间的耦合性 1>如何用delegate实现解耦? delegate也是用来解耦的,它不再简简单单让目标去执行一个动作了而是delegate去处理一些列事件 ,就像UITextFieldDelegate一样,能监测将要开始编辑,已经开始编辑,return 按钮点击.. 2>delegate 是用的场景控件有一些列时间点,控制器可以实现这个代理方法,以便在适当的时机做适当的事. 例题通过改变点击view 则改变颜色大致步骤如下 a> 先创建window窗口 b>建一个自定义视图控制器去替代window的根视图控制器 c> 创建一个view ,代替自定义里面的view视图 d> 创建第二个view ,这个view 遵循这个协议 ,并实例化一个delegate对象,再实现文件里必须用触摸开始的方法( -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event )在这里面实现这个协议里方法, 这样才能在视图控制器里实现点击控制 e> 最后让我们的视图控制器的实现文件也遵循这个协议,在视图加载完毕方法中(viewDidLoad)设置代理也就是让视图控制器做这个代理,让它去实现这个方法 , 另外实现这个协议里面的方法; 具体代码如下; 三 >UIImageView ————.>什么是UIImageView? UIImageView 是iOS中用于显示图片的类 ,iOS中几乎所有看到的图片,都是由这个类来显示的. —————>是用UIImageView显示图片使用initWithImage : 方法 ,创建UIImageView对象 UIImageView * imageView = [[ UIImageView alloc ] initWIthImage :[ UIImage imageNamed:@“1234.gif" ] ]; imageView.frame = [[UIScreen mainScreen ] bounds ] ; [self addSubview :_imageview ] ; 使用 initWIthContentOfFile : 方法,创建一个UIImage 对象 ImageView的默认是NO，是关闭交互。要将userInteractionEnabled（响应者链是否交互）设置为YESself.img.userInteractionEnabled = YES;

// 设置图片连续播放，实现动画效果

oneImageView.animationImages = [NSArray arrayWithObjects:[UIImage imageNamed:@"max.png"], [UIImage imageNamed:@"min.png"], nil];

oneImageView.animationDuration = 0.3f; // 设置循环一次的时间

oneImageView.animationRepeatCount = 0; // 循环的次数。设置为0时无线循环

[oneImageView startAnimating]; // 开始动画

// [oneImageView stopAnimating]; // 停止动画

// 获取网络中的图片

UIImage *urlImage = [UIImage imageWithData:[NSData dataWithContentsOfURL:[NSURL URLWithString:@"www.baidu.com"]]];

四> 手势识别器 —————> 什么是手势识别器手势识别器是对触摸事件做了封装,,我们无需自己去判断某个手势是否触发,手势识别器本身就起到了识别作用,我们把重心放在识别之后要做什么操作上面手势识别器是ios中比较抽象的一个类,用于识别一个手势,所谓手势 : 有规律的触摸手势识别器的分类: 分别识别轻拍手势,平移手势,清扫手势缩放手势,旋转手势 ,长按手势以及屏幕边界平移手势一旦指定的手势被识别,我们可以执行我们自己定义好的的操作@property(nonatomic,retain) UIImageView *imageView;_imageView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"123.gif"]]; _imageView.frame =[[UIScreen mainScreen] bounds]; [self addSubview:_imageView];然后完成下面的操作 UITapGestureRecognizer 是轻拍手势识别器，能识别轻拍操作 //第一种 //轻拍手势 UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(tapAction)]; //添加到视图上gesture ['dʒestʃə] 手势 ; recognizer ['rekəg,naizə] 识别器 [_imageView addGestureRecognizer:tap]; //1>设置了用几个手指点击一般把这两个属性需要的时候写,会影响旋转,平移,等触摸操作 //tap.numberOfTouchesRequired = 1; //2>点击多少次才能起到效果(也就是真正的点击了) //tap.numberOfTapsRequired = 3; 对应的方法 : //轻拍 -(void)tapAction { NSLog(@"轻拍了!!!!"); } UILongPressGestureRecognizer 是长按⼿手势识别器，能识别⻓长按操作。 //第二种(长按) UILongPressGestureRecognizer *longPress = [[UILongPressGestureRecognizer alloc] initWithTarget:self action:@selector(longPress)]; //将手势识别类型添加到视图上 [_imageView addGestureRecognizer:longPress]; 方法: //长按 -(void)longPress { NSLog(@"常按了~~~~~"); } UIRotationGestureRecognizer 是旋转手势识别器，能识别旋转操作。 //第三种 (旋转) UIRotationGestureRecognizer *rotation = [[UIRotationGestureRecognizer alloc] initWithTarget:self action:@selector(rotation:)]; [_imageView addGestureRecognizer:rotation]; [_imageView1 addGestureRecognizer:rotation]; 方法: //旋转 -(void)rotation:(UIRotationGestureRecognizer *)sender { NSLog(@"旋转啦 ==");// transform [træns'fɔːm; trɑːns-; -nz-] 变换 ,改变 _imageView.transform = CGAffineTransformRotate(_imageView.transform, sender.rotation); sender.rotation = 0.5;//旋转的速度越大越快 } UIPinchGestureRecognizer 是捏合手势识别器，能识别捏合操作。 //第四种 (捏合) UIPinchGestureRecognizer * pinch =[[UIPinchGestureRecognizer alloc] initWithTarget:self action:@selector(pinch:)]; [_imageView addGestureRecognizer:pinch]; 方法: //捏合 -(void)pinch:(UIPinchGestureRecognizer *)sender { NSLog(@"捏合");//scale [skeɪl] 比例 _imageView.transform = CGAffineTransformScale(_imageView.transform, sender.scale, sender.scale); sender.scale = 1; } UIPanGestureRecognizer 是平移手势识别器，能识别拖拽操作。 //第七种平移 UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(pan:)]; [_imageView addGestureRecognizer:pan]; 方法: //屏幕平移 -(void)pan:(UIPanGestureRecognizer *)sender { CGPoint point = [sender translationInView:_imageView]; self.imageView.transform = CGAffineTransformTranslate(_imageView.transform, point.x, point.y); [sender setTranslation:CGPointZero inView:_imageView]; } UISwipeGestureRecognizer 是轻扫手势识别器，能识别拖拽操作。 //第五种 (轻扫) UISwipeGestureRecognizer *swipe = [[UISwipeGestureRecognizer alloc] initWithTarget:self action:@selector(swipe:)]; [_imageView addGestureRecognizer:swipe]; // 以下是设置滑动的方向 // typedef NS_OPTIONS(NSUInteger, UISwipeGestureRecognizerDirection) { // UISwipeGestureRecognizerDirectionRight = 1 << 0, // 从左向右滑动 // UISwipeGestureRecognizerDirectionLeft = 1 << 1, // 从右向左滑动 // UISwipeGestureRecognizerDirectionUp = 1 << 2, // 从下向上滑动 // UISwipeGestureRecognizerDirectionDown = 1 << 3 // 从上向下滑动方法; //清扫 -(void)swipe:(UISwipeGestureRecognizer *)sender { NSLog(@"轻扫"); sender.view.transform = CGAffineTransformScale(sender.view.transform, 1, 1);//scale [skeɪl] 规模 [sender setDirection:1]; } UIScreenEdgePanGestureRecognizer 是屏幕边缘轻扫识别器，是 iOS7 中新增的⼿手势。 //第六种 (屏幕边缘) Screen Edge 屏幕的边缘 UIScreenEdgePanGestureRecognizer *screen = [[UIScreenEdgePanGestureRecognizer alloc] initWithTarget:self action:@selector(screen:)]; [_imageView addGestureRecognizer:screen]; 方法: //屏幕边缘 -(void)screen:(UIScreenEdgePanGestureRecognizer *)sender { NSLog(@"屏幕边缘的"); CGPoint point = [sender translationInView:sender.view]; sender.view.transform = CGAffineTransformTranslate(sender.view.transform, point.x, 0); [sender setTranslation:CGPointZero inView:sender.view]; } —————>如何使用识别器我们不会直接使用手势识别器这个抽象父类,而是根据需要使用特定的手势识别器创建对象1>创建UIxxxGesturnRecognizer 对象,使用initWithTarget:action : 方法配置要识别的手势的相关信息将手势添加到某个视图上实现手势识别器里定义的方法 ————>view 的 transform 属性 transform 是view的一个重要属性 ,它在矩形层面上改变view的显示状态,能实现view的缩放,旋转,平移等功能 ————>总结 : target …action 和delegate 是很重要的设计模式,务必理解原理以及熟练使用手势识别器是很常用的类,在日常开发中经常使用,需要牢记每个手势识别器的特点以及注意事项transform 是view的重要属性 ,在屏幕旋转方面用的比较多扩展来回切换图片 -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event //{ // NSLog(@"开始"); // // // //来回切 // if([_imageView superview]) // { // [_imageView removeFromSuperview]; // self.backgroundColor = [UIColor colorWithRed:arc4random()%256/255.0 green:arc4random()%256/255.0 blue:arc4random()%256/255.0 alpha:1]; // // // }else // { // // [self addSubview:_imageView]; // } // 具体如下 1> target / action 设计模式 : target ['tɑːgɪt] 1>什么是耦合 : 耦合是衡量一个程序呢写的好坏的标准之一耦合是衡量模块与模块之间关联程度的指标高内聚,低耦合是面向对象编程的核心思想是用target /action 实现解耦也是需要让目标去执行一个动作的地方; 代理设计模式也可以实现解耦高内聚低耦合，是软件工程中的概念，是判断设计好坏的标准，主要是面向对象的设计，主要是看类的内聚性是否高，耦合度是否低。内聚就是一个模块内各个元素彼此结合的紧密程度，高内聚就是一个模块内各个元素彼此结合的紧密程度高。所谓高内聚是指一个软件模块是由相关性很强的代码组成，只负责一项任务，也就是常说的单一责任原则。耦合：一个软件结构内不同模块之间互连程度的度量(耦合性也叫块间联系。指软件系统结构中各模块间相互联系紧密程度的一种度量。模块之间联系越紧密，其耦合性就越强，模块的独立性则越差，模块间耦合的高低取决于模块间接口的复杂性，调用的方式以及传递的信息。)对于低耦合，粗浅的理解是：一个完整的系统，模块与模块之间，尽可能的使其独立存在。也就是说，让每个模块，尽可能的独立完成某个特定的子功能。模块与模块之间的接口，尽量的少而简单。如果某两个模块间的关系比较复杂的话，最好首先考虑进一步的模块划分。这样有利于修改和组合。^[1]耦合性与内聚性是模块独立性的两个定性标准，将软件系统划分模块时，尽量做到高内聚低耦合，提高模块的独立性，为设计高质量的软件结构奠定基础。有个例子很容易明白：一个程序有50个函数，这个程序执行得非常好；然而一旦你修改其中一个函数，其他49个函数都需要做修改，这就是高耦合的后果。一旦你理解了它，你编写概要设计的时候设计类或者模块自然会考虑到“高内聚，低耦合”。耦合性分类(低――高): 无直接耦合;数据耦合;标记耦合;控制耦合;公共耦合;内容耦合; 例题1>如果想点击按钮view(不是按钮)时打印一句good ,和点击 colorView 实现变色,要求用target/ action 方法 ———————> 实现步骤总结 1>先创建一个自定义视图控制器RRViewController 类和三个 view类( RRView ,ButtonView,CotrolView )2>先在Appdelegate.m文件中导入RRViewController.h 头文件, 然后在Appdelegate.m 文件中将自定义的视图控制器代替window的根视图控制器具体步骤如下以下是固定写法a >创建window self.window = [ [ UIWindow alloc ] initWithFrame:[ [ UIScreen mainScreen ] bounds] ]; b > 给window 添加背景颜色 self.window.backgroundColor = [ UIColor whiteColor ] ; c >显示window 窗口 [self.window makeKeyAndVisible ]; visible [ˈvɪzəbl] ——.>明显的,看得见的 d>创建自定义视图控制器 RRViewContronller *RRVC =[ [RRViewController alloc ] init ] ; e>将我们创建的视图控制器,替换掉我们window的跟视图控制器 self.window.rootViewController = RRVC; 3>在RRViewController.m 中导入 RRVIew.h ; 在延展声明中 ,声明RRView类的实例化变量 ,然后在@implementation RRViewController 里面写我们视图控制器的初始化方法(固定写法) 再将我们的声明的RRView 的视图替换掉控制器自身带的view 视图,此步骤要在重写加载图片方法中写-(void) loadView; 步骤如下 a>在类的延展中声明类的实例化变量 @interface RRViewController () @property(nonatomic,retain) RRView *rrview; @end b>在@implementation RRViewController 里面写控制器的初始化方法 -(instancetype ) initWithNibName:(NSString * ) nibNameOrNil bundle :(NSBundle * )nibBundleOrnil { self = [super initWithName:nibNameOrNil bundle : nibBundleOrNil ] ; if(self) { _rrview = [ [ RRView alloc ] initWithFrame : [ [ UIScreen mainScreen ] bounds] ] ; } return self ; } -(void ) loadView { self.view = _rrview; } -(void)myAddTarget:(id)target action:(SEL) action; 是我们在ButtonView中定义的一个方法（4）参数self是controller本身，将controller本身传过去（5）参数@selector(bvAction:)是用方法选择器将bvAvtion方法传过去。 —————> 模拟target / action 方法 @interface ButtonView : UIView /* { //目标实例变量 id _target; //事件实例变量 SEL _action; } */ //添加点击事件 //点击view的时候,view要响应(target) 的那个方法(action ) //上边是为了保存传进来的实例变量 @property(nonatomic,assign) id target; @property(nonatomic,assign) SEL action; -(void)myAddTarget:(id)target action:(SEL) action; @end #import "ButtonView.h" @implementation ButtonView //添加点击事件 -(void)myAddTarget:(id)target action:(SEL) action { _target = target; _action = action; } //当触摸开始时,会执行touchBegan 方法 -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event { //把在控制器里面写的方法和他联系起来 //触摸事件发生后 ,用target 去调用传进来的action 方法 //内存泄露 //当触摸事件发生时,视图会执行touchebegan方法 //给target发消息,即action [_target performSelector:_action withObject:self]; } @end 具体步骤见下代码二>代理设计模式什么是代理设计模式:当一个类的某些功能需要被别人来实现,但是既不明确是些什么功能,又不明确随来实现这些功能的时候,委托模式就可以派上用场了 ———> 目的是为了降低类之间的耦合性 1>如何用delegate实现解耦? delegate也是用来解耦的,它不再简简单单让目标去执行一个动作了而是delegate去处理一些列事件 ,就像UITextFieldDelegate一样,能监测将要开始编辑,已经开始编辑,return 按钮点击.. 2>delegate 是用的场景控件有一些列时间点,控制器可以实现这个代理方法,以便在适当的时机做适当的事. 例题通过改变点击view 则改变颜色大致步骤如下 a> 先创建window窗口 b>建一个自定义视图控制器去替代window的根视图控制器 c> 创建一个view ,代替自定义里面的view视图 d> 创建第二个view ,这个view 遵循这个协议 ,并实例化一个delegate对象,再实现文件里必须用触摸开始的方法( -(void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event )在这里面实现这个协议里方法, 这样才能在视图控制器里实现点击控制 e> 最后让我们的视图控制器的实现文件也遵循这个协议,在视图加载完毕方法中(viewDidLoad)设置代理也就是让视图控制器做这个代理,让它去实现这个方法 , 另外实现这个协议里面的方法; 具体代码如下; 三 >UIImageView ————.>什么是UIImageView? UIImageView 是iOS中用于显示图片的类 ,iOS中几乎所有看到的图片,都是由这个类来显示的. —————>是用UIImageView显示图片使用initWithImage : 方法 ,创建UIImageView对象 UIImageView * imageView = [[ UIImageView alloc ] initWIthImage :[ UIImage imageNamed:@“1234.gif" ] ]; imageView.frame = [[UIScreen mainScreen ] bounds ] ; [self addSubview :_imageview ] ; 使用 initWIthContentOfFile : 方法,创建一个UIImage 对象 ImageView的默认是NO，是关闭交互。要将userInteractionEnabled（响应者链是否交互）设置为YESself.img.userInteractionEnabled = YES;