欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

IOS 手势操作详解及实例总结篇

程序员文章站 2024-02-17 20:30:40
ios手势操作总结 手势操作种类 uitapgesturerecognizer: 敲击,点击 uilongpressgesturerecognizer:...

ios手势操作总结

手势操作种类

  • uitapgesturerecognizer: 敲击,点击
  • uilongpressgesturerecognizer: 长按
  • uipinchgesturerecognizer: 缩放
  • uirotationgesturerecognizer: 旋转
  • uiswipegesturerecongizer: 轻扫
  • uipangesturerecognizer: 拖拽

手势操作的代理方法(uigesturerecognizerdelegate)

手势可能发生的条件,返回no可以阻止此手势的发生或者此手势不产生任何效果

- (bool)gesturerecognizershouldbegin:(uigesturerecognizer *)gesturerecognizer;

是否允许多个手势同时发生

- (bool)gesturerecognizer:(uigesturerecognizer *)
gesturerecognizer shouldrecognizesimultaneouslywithgesturerecognizer:
(uigesturerecognizer *)othergesturerecognizer;

uitapgesturerecognier敲击,点击手势

  • 设置属性numberoftapsrequired可以指定需要几根手指才能触发事件
  • numberoftouchesrequired:可以设置需要敲击几次触发事件
 uitapgesturerecognizer *tap = [[uitapgesturerecognizer alloc] initwithtarget:self action:@selector(tap:)];

  // 设置代理
  tap.delegate = self;

  // 设置点击次数触发手势事件
  tap.numberoftapsrequired = 1;

  // 设置需要点击的手指数
  tap.numberoftouchesrequired = 1;

  [self.image addgesturerecognizer:tap];

uilongpressgesturerecongnizer长按

  • minimumpressduration设置长按的最小间隔时间,也就是说按下开始和手指离开时的中间间隔,如果小于这个值则不会被认为是长按操作
  • allowablemovement:长按过程中是否允许移动
  uilongpressgesturerecognizer *longpress = [[uilongpressgesturerecognizer alloc] initwithtarget:self action:@selector(longpress:)];

  // 代理
  longpress.delegate = self;

  // 设置最小间隔时间, 手指按下与离开间隔时间
  longpress.minimumpressduration = 1.0;

  // 按下过程中允许移动的像素
  longpress.allowablemovement = 30;

  [self.image addgesturerecognizer:longpress];

uipinchgesturerecognizer缩放手势

scale: 设置缩放比例,相对于原来大小

 uipinchgesturerecognizer *pinch = [[uipinchgesturerecognizer alloc] initwithtarget:self action:@selector(pinch:)];

  // 代理
  pinch.delegate = self;

  // 设置缩放比例
  pinch.scale = 1.2;

  [self.image addgesturerecognizer:pinch];

uirotationgesturerecognizer旋转手势

rotation: 旋转弧度,要保证每次都在上一次位置开始旋转,而不是回归初始位置,必须要在动作方法里将此值清零

- (void)setuprotation
{
  uirotationgesturerecognizer *rotation = [[uirotationgesturerecognizer alloc] initwithtarget:self action:@selector(rotation:)];

  // 设置代理
  rotation.delegate = self;

  [self.image addgesturerecognizer:rotation];
}

- (void)rotation:(uirotationgesturerecognizer *)rotation
{
  // 旋转角度
  cgfloat radian = rotation.rotation;

  self.image.transform = cgaffinetransformrotate(self.image.transform, radian);

  // 复位,保证每次都是在上一次位置开始转,而不是每次都回归初始位置再转
  rotation.rotation = 0;
}

uiswipegesturerecognizer轻扫, 手指按下然后在屏幕上滑动

轻扫分四个方向(上下左右),并且如果要在一个控件上同时添加一个以上的轻扫动作,必须对每个动作添加一个对象。也就是说每个方向的动作对应一个对象。

direction: 指定轻扫动作的方向

typedef ns_options(nsuinteger, uiswipegesturerecognizerdirection) {
  uiswipegesturerecognizerdirectionright = 1 << 0, // 从左向右
  uiswipegesturerecognizerdirectionleft = 1 << 1, // 从右向左
  uiswipegesturerecognizerdirectionup  = 1 << 2, // 从下往上
  uiswipegesturerecognizerdirectiondown = 1 << 3 // 从上往下
};
 uiswipegesturerecognizer *swipeup = [[uiswipegesturerecognizer alloc] initwithtarget:self action:@selector(swipe:)];

  // 设置代理
  swipeup.delegate = self;

  // 修改方向, 从下往上
  swipeup.direction = uiswipegesturerecognizerdirectionup;

  [self.image addgesturerecognizer:swipeup];

  // 添加其他方向手势
  uiswipegesturerecognizer *swipedown = [[uiswipegesturerecognizer alloc] initwithtarget:self action:@selector(swipe:)];

  // 修改方向, 从下往上
  swipedown.direction = uiswipegesturerecognizerdirectiondown;

  [self.image addgesturerecognizer:swipedown];

uipangesturerecognizer拖拽,按下拖动控件操作

注意点:手势的触摸点locationinview和手势的移动点translationinview是不一样的,前者是用locationinview取得是指手指在当前控件中的坐标,后者表示相对于父view的rect

  uipangesturerecognizer *pan = [[uipangesturerecognizer alloc] initwithtarget:self action:@selector(pan:)];

  // 设置代理
  pan.delegate = self;

  [self.image addgesturerecognizer:pan];

  // 手势的触摸点
  // cgpoint p = [pan locationinview:self.image];

  // 手势的移动点(每次移动的位移点)
  cgpoint transp = [pan translationinview:self.image];

  nslog(@"%f, %f", transp.x, transp.y);

  self.image.transform = cgaffinetransformtranslate(self.image.transform, transp.x, transp.y);

  // 复位
  [pan settranslation:cgpointzero inview:self.image];



感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!