M牛C原创博客——IOS开发中手势滑动的6种技巧

手势的种类

所有手势的父类:UIGestureRecognizer

6种手势:UI XXX GestureRecognizer

UITapGestureRecognizer  点击一下屏幕

UISwipeGestureRecognizer  轻扫屏幕,如解锁

UILongPressGestureRecognizer 长按手势

UIPinchGestureRecognizer  捏合手势

UIPanGestureRecognizer 移动手势

UIRotationGestureRecognizer 旋转手势

如何使用手势

step1:创建手势对象

step2:设置与该手势相关的属性

step3:将手势对象与需要检测的视图关联在一起

2.具体的手势的使用

2.1 UITapGestureRecognizer  (一次性手势)

2.2 UISwipeGestureRecognizer (一次性手势)

- (void)viewDidLoad

{

[super
viewDidLoad];

UISwipeGestureRecognizer *swipeGR = [[UISwipeGestureRecognizer
alloc]initWithTarget:self
action:@selector(swipe:)];

swipeGR.numberOfTouchesRequired =
1;

//
设置轻扫动作的方向

swipeGR.direction =
UISwipeGestureRecognizerDirectionRight|UISwipeGestureRecognizerDirectionLeft;

[self.view
addGestureRecognizer:swipeGR];

}

-(void)swipe:(UISwipeGestureRecognizer *)gr{

NSLog(@"...");

}

注意:direction属性为枚举,并且是可以进行组合的枚举值,多个枚举值之间可以使用“|”按位“或”进行运算,每一个二进制位代表一个状态,组合后,系统通过读取哪一个位置为1,就代表支持这个状态

2.3 UILongPressGestureRecognizer(连续性手势)

【Demo3_LongPressGestureRecognizer】

@interface
ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad

{

[super
viewDidLoad];

UILongPressGestureRecognizer *longGR = [[UILongPressGestureRecognizer
alloc]initWithTarget:self
action:@selector(longPress:)];

longGR.minimumPressDuration =
2;

[self.view
addGestureRecognizer:longGR];

}

-(void)longPress:(UILongPressGestureRecognizer *)gr{

NSLog(@".....");

}

2.4 UIPinchGestureRecognizer(连续性手势,捏合)

【Demo4_PinchGestureRecognizer】

-(void)pinch:(UIPinchGestureRecognizer *)gr{

//比例 
大小的比率

CGFloat scale = gr.scale;

//速率

CGFloat velocity = gr.velocity;

//NSLog(@"scale=%.2f,velocity=%.2f",scale,velocity);

if (velocity >
6) {

self.textView.hidden =
NO;

}else
if (velocity < -6){

self.textView.hidden =
YES;

}else{

self.textView.font = [UIFont systemFontOfSize:17*scale];

}

}

练习:界面上有一个UITextView,增加手势识别,如果快速扩,文本出现,快速捏,文本隐藏,慢速扩,字体放大,慢速捏,字体缩小

self.textView.editable = NO;

self.textView.hidden

self.textView.font

2.5 UIPanGestureRecognizer(连续性手势,移动)

【Demo5_PanGestureRecognizer】

-(void)pan:(UIPanGestureRecognizer *)gr{

//触点移动的绝对距离

//CGPoint location = [gr locationInView:self.view];

//移动两点之间的相对距离

CGPoint translation = [gr translationInView:self.view];

CGPoint center =
self.imageView.center;

center.x+=translation.x;

center.y+=translation.y;

self.imageView.center= center;

//
每次移动后,将本次移动的距离置零

//
下一次再移动时,记录的距离就是最后两点间的距离

//
而不是距离第一个点的距离

[gr setTranslation:CGPointZero inView:self.view];

}

练习:图片随手势的移动而移动

2.6 UIRotationGestureRecognizer(连续性手势,旋转)

【Demo6_RotationGestureRecognizer】

- (void)viewDidLoad

{

[super
viewDidLoad];

UIRotationGestureRecognizer *rotationGR = [[UIRotationGestureRecognizer
alloc]initWithTarget:self
action:@selector(rotation:)];

[self.view
addGestureRecognizer:rotationGR];

}

-(void)rotation:(UIRotationGestureRecognizer *)gr{

//获取当前位置相对于手势开始时经过的弧度

CGFloat rotation = gr.rotation;

NSLog(@"%.2f",rotation);

}

2.变形(Transform)

2.1什么是变形?

视图发生了位移、缩放、旋转这样的变化叫做变形

2.2 如何实现变形?

通过修改视图对象的 .transform 属性 就可以完成变化的效果

位移:translation

缩放:scale

旋转:rotation

2.3 transform属性

类型:CGAffineTransform (仿射变换)类型的结构体

结构体中包含了3X3矩阵的9个值,其中有3个值不变,所以只要修改剩余的6个值,就可以实现视图的变换

这6个数值很难计算,借助于一些系统的API可以方便的实现数值的改变

2.4 修改transform属性的API

位移变换:

CGAffineTransformMakeTransition()

CGAffineTransformTranslate()

缩放变换:

CGAffineTransformMakeScale()

CGAffineTransformScale()

旋转变换:

CGAffineTransformMakeRotation()

CGAffineTransformRotate()

重点注意:变形与自动布局是冲突的,所以在使用变形时,一定要关闭Auto Layout,不关闭的话,产生的效果无法预料

【Demo7_Transform】

@interface
ViewController ()

@property (weak,
nonatomic) IBOutlet
UIImageView *imageView;

@end

@implementation ViewController

- (void)viewDidLoad

{

[super
viewDidLoad];

}

//位移

- (IBAction)translation:(id)sender {

CGPoint center =
self.imageView.center;

center.x+=30;

center.y+=30;

self.imageView.center =center;

}

//缩放

- (IBAction)scale:(id)sender {

//self.imageView.transform = CGAffineTransformMakeScale(1.5, 1.5);

self.imageView.transform =
CGAffineTransformScale(self.imageView.transform,
1.5, 1.5);

}

//旋转

- (IBAction)rotation:(id)sender {

//self.imageView.transform = CGAffineTransformMakeRotation(M_PI_2);

self.imageView.transform =
CGAffineTransformRotate(self.imageView.transform,
M_PI_2);

}

- (IBAction)identity:(id)sender {

self.imageView.transform =
CGAffineTransformIdentity;

}

界面创建后,没有做任何变形之前,系统会将这个状态记录到一个常量中 CGAffineTransformIdentity,当使用Makexxxx()函数进行计算新的矩阵时,都是基于这个常量进行变形计算的,当使用没有make的那组方法事,每次计算新的矩阵都会依据传入的transform做为变换的基础

3. 手势+变形

【Demo8_GestureRecognizer_Transform】

@property (weak,
nonatomic) IBOutlet
UIImageView *imageView;

@end

@implementation ViewController

- (void)viewDidLoad

{

[super
viewDidLoad];

UIPanGestureRecognizer *panGR = [[UIPanGestureRecognizer
alloc]initWithTarget:self
action:@selector(pan:)];

UIPinchGestureRecognizer *pinchGR =[[UIPinchGestureRecognizer
alloc]initWithTarget:self
action:@selector(pinch:)];

UIRotationGestureRecognizer *rotationGR = [[UIRotationGestureRecognizer
alloc]initWithTarget:self
action:@selector(rotation:)];

pinchGR.delegate =
self;

rotationGR.delegate =
self;

[self.view
addGestureRecognizer:panGR];

[self.view
addGestureRecognizer:pinchGR];

[self.view
addGestureRecognizer:rotationGR];

}

//移动

-(void)pan:(UIPanGestureRecognizer *)gr{

CGPoint translation = [gr
translationInView:self.view];

CGPoint center =
self.imageView.center;

center.x+=translation.x;

center.y+=translation.y;

self.imageView.center = center;

//self.imageView.transform = CGAffineTransformTranslate(self.imageView.transform, translation.x, translation.y);

[gr setTranslation:CGPointZero
inView:self.view];

}

// 缩放

-(void)pinch:(UIPinchGestureRecognizer *)gr{

self.imageView.transform =
CGAffineTransformScale(self.imageView.transform, gr.scale,
gr.scale);

//将本次变化的比率
归1  下一次的新比率就是相对本次的增长,而不是相对于最初的比率

gr.scale =
1;

}

//旋转

-(void)rotation:(UIRotationGestureRecognizer *)gr{

self.imageView.transform =
CGAffineTransformRotate(self.imageView.transform, gr.rotation);

gr.rotation =
0;

}

- (BOOL)gestureRecognizer:(UIGestureRecognizer *)gestureRecognizer shouldRecognizeSimultaneouslyWithGestureRecognizer:(UIGestureRecognizer
*)otherGestureRecognizer{

return
YES;

}

//注意:第一件事  先关 auto layout

3.1 使用pan手势实现图片位移

3.2 使用pinch手势实现图片的缩放

3.3 使用rotation手势实现图片的旋转

3.4 多手势并存实现旋转缩放

step1:分别设置两个手势的代理为当前控制器

step2:控制器这个代理对象需要遵守协议

step3:控制器实现一个方法

4.在storyboard中实现手势

step1:从右侧资源库中选择合适的手势图标,拖拽到场景中

step2:在拖拽到场景的过程中,要有意识的选择将这个手势与哪个视图绑定,拖拽到视图上方,视图变蓝即可松手

step3:在场景的条目上,会发现拖拽的那个手势,选中按住control,连线到代码区,编写针对这个手势的响应方法

时间: 2024-08-05 15:25:10

M牛C原创博客——IOS开发中手势滑动的6种技巧的相关文章

M牛C原创博客——IOS中Quartz2D使用中的注意知识点

1> Quartz2D简介 什么是Quartz2D?二维的绘图引擎 什么是二维?平面 什么是引擎?经包装的函数库,方便开发者使用.也就是说苹果帮我们封装了一套绘图的函数库 同时支持iOS和Mac系统什么意思?用Quartz2D写的同一份代码,既可以运行在iphone上又可以运行在mac上,可以跨平台开发. 开发中比较常用的是截屏/裁剪/自定义UI控件. Quartz2D在iOS开发中的价值就是自定义UI控件. 图形上下文的数据类型和作用. 有多少种上下文. 自定义控件的步骤. 为什么要实现dra

M牛C原创博客——IOS开发面试题(葵花宝典)

GCD怎么用的? ? 1.串行队列,同步操作,不会新建线程,操作顺序执行: ?   串行队列,异步操作,会新建线程,操作顺序进行,使用场景:既不影响主线程,又需要顺序执行的操作: ? 2.并行队列,同步操作,不会新建县城,操作顺序执行: ?   并行队列,异步操作,会新建线程,操作无序进行,队列前如果有其他任务,会等待其他任务执行完毕再执行: ? 全局队列是系统的,直接get就可以用 ? UI的更新工作必须在主线程进行, ? 全局队列异步操作,会新建对个子线程,操作无序执行,如果队列前有其他任务

M牛C原创博客——MVC 模式中正向传值、反向传值

多vc之间的传值 1)正向传值 当AVC推出BVC时,a给b传值叫做正向传值 2)正向传值实现步骤 step1:bvc要提供一个公开的属性 //公开一个属性,用于接收其他类出入的字符串 @property(nonatomic,copy)NSString *message; step2:avc在推出bcc之前,为bvc公开的属性赋值 //1.创建要推出的bvc的实例 BViewController *bvc = [[BViewController alloc]initWithNibName:@"B

IOS开发中数据持久化的几种方法--NSUserDefaults

IOS开发中数据持久化的几种方法--NSUserDefaults IOS 开发中,经常会遇到需要把一些数据保存在本地的情况,那么这个时候我们有以下几种可以选择的方案: 一.使用NSUserDefault是最简单直接的一个办法: 1)保存数据: 1 // 实例化一个NSUserDefaults单例对象 2 NSUserDefaults *user = [NSUserDefaults standardUserDefaults]; 3 // 把一个数组array保存在key为allContact的键值

M牛C原创博客——UI之文本框输入键盘自动退出,点击空白处退出,切换下个文本框

如何关闭系统弹出的键盘? 1)触屏动作发生后的系统处理过程 step1:查找hitView 系统捕获到触屏动作后,记录触点的坐标,给window发hitTest:消息,并告知出点坐标,window会给所有直接子对象发送hitTest消息,告知点坐标,子对象检测坐标是否在其中,如果不在其中,则返回nil,如果点在其中,则再继续给所有直接子视图发消息,直到某一个子视图,不再有子视图,且触点在其中,则返回这个对象,系统就找到了本次点击的对象 step2:找到hitView后,执行事件响应 查看找到的h

【原创】(IOS开发)highlighted和selected两种按钮状态原理摸索分享

先科普以下常识:简单来看,按钮有点击.非点击2个状态,点击时系统会自动调用设置按钮高亮状态的方法(setHighlighted:):非点击时视为正常状态(normal).我们可以根据需要给不同状态设置不同背景图片,苹果官方对按钮状态细致划分为3种:高亮(highlighted).选中(selected).普通(normal),如果编写代码时调用了方法(setSelected:),按钮会呈选中状态(selected). 3种按钮状态,苹果官方命名为: UIControlStateNorma(正常)

iOS开发中关于nslog的几种流行做法小结

不管哪种方法,都必须在PCH文件中做下宏定义 DEBUG和RELEASE要分开,RELEASE时log打印要取消 方法一:简单直接,用几行代码搞定,简洁但功能少 #ifdef DEBUG #define NSLog(...) NSLog(__VA_ARGS__) #define debugMethod() NSLog(@"%s", __func__) #else #define NSLog(...) #define debugMethod() #endif 这个DEBUG在哪设置呢,

IOS开发中针对UIImageView的几种常用手势

// //  ViewController.m //  05-手势 // //  Created by wanghy on 15/9/21. //  Copyright (c) 2015年 wanghy. All rights reserved. // #import "ViewController.h" @interface ViewController () @property (weak, nonatomic) IBOutlet UIImageView* imageView; @

iOS开发中tableViewCell的悬浮效果

其实很早就想写博客了,只是感觉自己的技术不行,写出来的东西技术性不强,写出来也没什么用,不过后来想想,写写博客记录开发中遇到的问题也不错.... 今天我想写的是tableView的悬浮效果,因为我们公司最近在开发社区,就是和百度贴吧类似的,嵌套在应用中,而其中关于每一个的帖子要像这种效果 开始是做不出这种效果,就直接写个tableView算了,后来跟问了下做安卓的那边,原来是阴影的效果... 说到这里,相信好多同学都知道,好吧,我们开始上代码,首先是创建tableView,这个就不用多说了吧,这