脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Swift → Swift程序中实现手势识别

在Swift程序中实现手势识别的方法

 更新时间：2015年07月16日 09:24:00   投稿：goldensun  
这篇文章主要介绍了在Swift程序中实现手势识别的方法,苹果的Swift语言即将进入2.0开源阶段,人气爆棚中:D 需要的朋友可以参考下

在这次IOS应用开发教程中，我们打算实现手势识别。正如你所知道的，IOS支持大量的手势操作，它们能提供了很好的应用控制和出色用户体验。
让我们开始吧!

首先需要在Xcode中创建一个新的Single View Application:

201571691750591.png (731×431)

然后点击Next，弹出的窗口要求你填写项目设置。在第一栏 (“Product name”) 中填入项目名称后，点击Next.

确保语言选择的是 “Swift”.

201571691820643.png (733×432)

设计界面

点击 “Main.storyboard” 文件，拖出6个 UIViews放到视图中.把视图排列成如图所示的样子.当你排列UIViews时，在每个view下面添加一个UILabel并依图设定文本值。

201571691840146.png (1024×698)

我们开始写代码吧.

是时候编辑实现文件了 (在我们的案例 “ViewController.swift” ).

为了声明一些我们将会用到的变量，要在 “class ViewController: UIViewController “块中添加如下代码.

 

复制代码 代码如下:
class ViewController: UIViewController {
    @IBOutlet var tapView: UIView
    @IBOutlet var swipeView: UIView
    @IBOutlet var longPressView: UIView
    @IBOutlet var pinchView: UIView
    @IBOutlet var rotateView: UIView
    @IBOutlet var panView: UIView
    var lastRotation = CGFloat()
    let tapRec = UITapGestureRecognizer()
    let pinchRec = UIPinchGestureRecognizer()
    let swipeRec = UISwipeGestureRecognizer()
    let longPressRec = UILongPressGestureRecognizer()
    let rotateRec = UIRotationGestureRecognizer()
    let panRec = UIPanGestureRecognizer()
}

在第2 – 7行，我们声明了在之前界面里排列过的 UIViews.

在第8行，我们声明了实现旋转手势要用到的变量(lastRotation).

在第 9 – 14行，我们为每个view声明了一个手势识别对象.

注意: 在 Swift中，我们用let关键字声明常量，这意味着它的值在程序运行时不可改变。关键字var则声明普通变量。


当声明完应用需要的主要变量后，在viewDidLoad 方法中添加如下代码.

 

复制代码 代码如下:
override func viewDidLoad() {
    super.viewDidLoad()
    tapRec.addTarget(self, action: "tappedView")
    pinchRec.addTarget(self, action: "pinchedView:")
    swipeRec.addTarget(self, action: "swipedView")
    longPressRec.addTarget(self, action: "longPressedView")
    rotateRec.addTarget(self, action: "rotatedView:")
    panRec.addTarget(self, action: "draggedView:")
    tapView.addGestureRecognizer(tapRec)
    swipeView.addGestureRecognizer(swipeRec)
    pinchView.addGestureRecognizer(pinchRec)
    longPressView.addGestureRecognizer(longPressRec)
    rotateView.addGestureRecognizer(rotateRec)
    panView.addGestureRecognizer(panRec)
    rotateView.userInteractionEnabled = true
    rotateView.multipleTouchEnabled = true
    pinchView.userInteractionEnabled = true
    pinchView.multipleTouchEnabled = true
    tapView.userInteractionEnabled = true
    swipeView.userInteractionEnabled = true
    longPressView.userInteractionEnabled = true
    panView.userInteractionEnabled = true
}

第 3 – 8行，为每个视图设定手势识别的目标。所谓的目标，就是每个view中的手势完成后要调用的方法。

第 9 -14行，把手势识别添加到视图中.

第15 – 22行，把每个视图的 userInteractionEnabled 属性设为ture，并把拥有需要多点触控(rotateView and pinchView)的手势所在的视图的multipleTouchEnabled 属性设为true.

现在，我们编写每个手势识别器要调用的方法 (第3 – 8行设置的目标方法 ).

添加如下代码:

 

复制代码 代码如下:
func tappedView(){
    let tapAlert = UIAlertController(title: "Tapped", message: "You just tapped the tap view", preferredStyle: UIAlertControllerStyle.Alert)
    tapAlert.addAction(UIAlertAction(title: "OK", style: .Destructive, handler: nil))
    self.presentViewController(tapAlert, animated: true, completion: nil)
}
 
func swipedView(){
    let tapAlert = UIAlertController(title: "Swiped", message: "You just swiped the swipe view", preferredStyle: UIAlertControllerStyle.Alert)
    tapAlert.addAction(UIAlertAction(title: "OK", style: .Destructive, handler: nil))
    self.presentViewController(tapAlert, animated: true, completion: nil)
}
 
func longPressedView(){
    let tapAlert = UIAlertController(title: "Long Pressed", message: "You just long pressed the long press view", preferredStyle: UIAlertControllerStyle.Alert)
    tapAlert.addAction(UIAlertAction(title: "OK", style: .Destructive, handler: nil))
    self.presentViewController(tapAlert, animated: true, completion: nil)
}

这三种方法都很好地完成同一件事.每次在手势在相应的视图中完成后，每种方法都弹出一个对话框.


所以 tappedView() 方法在用户滑动视图时弹出一个对话框，swipedView() 方法在用户触摸滑动 swipe视图时弹出对话框，而longPressedView() 方法则在用户长按long press view时弹出对话框.

另两种手势 (rotate and pinch ) 的代码稍微有点复杂.

为旋转手势添加如下代码:

 

复制代码 代码如下:
func rotatedView(sender:UIRotationGestureRecognizer){
    var lastRotation = CGFloat()
    self.view.bringSubviewToFront(rotateView)
    if(sender.state == UIGestureRecognizerState.Ended){
    lastRotation = 0.0;
    }
    rotation = 0.0 - (lastRotation - sender.rotation)
    var point = rotateRec.locationInView(rotateView)
    var currentTrans = sender.view.transform
    var newTrans = CGAffineTransformRotate(currentTrans, rotation)
    sender.view.transform = newTrans
    lastRotation = sender.rotation
}

这个方法包含 sender:UIRotationGestureRecognizer 参数. sender 参数( UIRotationGestureRecognizer 类型) 含有这个方法(在这个案例中是rotateRec)调用的手势识别器的值.

第2行声明了 lastRotation.

第3行我们把 rotateView放到前面.


接下来，在 if语句中，我们检查手势是否完成，如果没有完成，我们就将视图旋转。

第 8 – 10行，我们计算rotate view的旋转程度，第10行，我们设置rotate view的旋转程度。

On line 12 we set the lastRotation 作为旋转手势识别器的当前旋转.

现在我们添加pinch 手势的代码:
 

复制代码 代码如下:
func pinchedView(sender:UIPinchGestureRecognizer){
    self.view.bringSubviewToFront(pinchView)
    sender.view.transform = CGAffineTransformScale(sender.view.transform, sender.scale, sender.scale)
    sender.scale = 1.0
}

在之前方法的第1行中，我们把pinch视图放到了顶端。然后设置每个pinch视图的transform，并把pinchRec的scale设为1.

然后是实现 pan (drag) 手势. 添加如下代码:

 

复制代码 代码如下:
func draggedView(sender:UIPanGestureRecognizer){
    self.view.bringSubviewToFront(sender.view)
    var translation = sender.translationInView(self.view)
    sender.view.center = CGPointMake(sender.view.center.x + translation.x, sender.view.center.y + translation.y)
    sender.setTranslation(CGPointZero, inView: self.view)
}

第2行，我们把 drag视图放到顶端 (和前面的方法一样).

然后我们声明变量translation，并用 sender.translationInView(self.view)的值给它赋值。 完成后，把sender.view object (panRec) 的center属性设为计算出来的新center  ( 通过CGPointMake(sender.view.center.x + translation.x, sender.view.center.y + translation.y) 计算) 并把translation 设为 sender (panRec).

现在，代码部分算是完成了!

回到界面设计.

现在我们回到 “Main.storyboard” 文件. 选择视图控制器并把声明的每个UIView连接到相应的视图，如下图所示.

201571692025493.png (1024×697)

完工

现在你可以在模拟器或你的设备上运行该应用并测试手势。
后记

我希望这篇教程对你有所帮助。你可以在下载完整源代码

您可能感兴趣的文章:

相关文章

  • 浅谈在Swift中关于函数指针的实现

    浅谈在Swift中关于函数指针的实现

    这篇文章主要介绍了浅谈在Swift中关于函数指针的实现,是作者根据C语言的指针特性在Swifft中做出的一个实验,需要的朋友可以参考下
    2015-07-07
  • Swift教程之闭包详解

    Swift教程之闭包详解

    这篇文章主要介绍了Swift教程之闭包详解,闭包可以在上下文的范围内捕获、存储任何被定义的常量和变量引用,因这些常量和变量的封闭性,而命名为“闭包（Closures）”,需要的朋友可以参考下
    2015-01-01
  • 详解Swift中enum枚举类型的用法

    详解Swift中enum枚举类型的用法

    Swift中通过enum关键字可以直接创建出枚举对象,而且可以使用switch和case语句来进行流程控制,十分强大和灵活,这里我们就来详解Swift中enum枚举类型的用法
    2016-06-06
  • Swift中 ！和 ？的区别及使用

    Swift中 ！和 ？的区别及使用

    这篇文章主要介绍了Swift中 ！和 ？的区别及使用的相关资料,需要的朋友可以参考下
    2016-12-12
  • Swift中实现点击、双击、捏、旋转、拖动、划动、长按手势的类和方法介绍

    Swift中实现点击、双击、捏、旋转、拖动、划动、长按手势的类和方法介绍

    这篇文章主要介绍了Swift中实现点击、双击、捏、旋转、拖动、划动、长按手势的类和方法介绍,本文分别给出了各种手势的实现代码,需要的朋友可以参考下
    2015-01-01
  • 在 Swift 中编写Git Hooks脚本的方法

    在 Swift 中编写Git Hooks脚本的方法

    在本例中，我使用了 commit-msg 钩子，它能够在当前提交信息生效前修改此信息，钩子由一个参数调用，该参数是指向包含用户输入的提交消息的文件的路径，这意味着，为了改变提交消息，我们只需要从文件中读取、修改其内容，然后写回调用挂钩的文件
    2022-06-06
  • Swift 4中一些实用的数组技巧小结

    Swift 4中一些实用的数组技巧小结

    这篇文章主要给大家分享了关于Swift 4中一些实用的数组技巧，文中通过示例代码介绍的介绍的非常详细，对大家学习或者使用swift具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧。
    2018-03-03
  • Swift类型创建之自定义一个类型详解

    Swift类型创建之自定义一个类型详解

    这篇文章主要介绍了Swift类型创建之自定义一个类型详解,本文讲解了自定义原型、实现默认值、支持基本布尔型初始化、支持Bool类型判断、支持兼容各们各派的类型、完善OCBool的布尔基因体系等内容,需要的朋友可以参考下
    2015-05-05
  • swift实现简易计算器项目

    swift实现简易计算器项目

    这篇文章主要为大家详细介绍了swift实现简易计算器项目，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2022-01-01
  • swift闭包和OC block类型的使用

    swift闭包和OC block类型的使用

    这篇文章主要介绍了swift闭包和OC block类型的使用,需要的朋友可以参考下
    2017-08-08

最新评论