【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记19 为Demo添加手势

标签：ios8   swift   手势识别   gesture   斯坦福公开课   

在这一话中我们将应用上一话学到的知识来为Demo添加手势识别，首先添加一个缩放的功能，其次添加一个拖动功能，使得小人的表情可以随着我们的手指改变。

首先来添加一个缩放手势的识别器，我们来到FaceView的代码中，之前定义了一个属性scal用来表示表情的缩放比例，现在我需要一个非私有的方法来修改这个值：

 func scale(gesture:UIPinchGestureRecognizer){
        if gesture.state == .Changed {
        scal *= gesture.scale
            gesture.scale = 1
        }
    
    }

然后回到我们的控制器（HappinessViewController）代码中，修改如下：

 @IBOutlet weak var faceView: FaceView!{
        didSet{
        faceView.dataSource = self
        faceView.addGestureRecognizer(UIPinchGestureRecognizer(target: faceView, action: "scale:"))
        }
    }

答案是按住option键，这时你模拟了两个手指的动作,这两个手指与中心相对称。现在我可以进行缩放了。

放大：

缩小：

现在我们继续，你可以看到添加一个手势识别是非常简单的。现在来添加一个拖动的手势识别器，当我向上拖动时我希望小人变得开心，向下的话变得难过。我们在控制器中继续添加代码,依旧在faceView的属性观察器中：

faceView.addGestureRecognizer(UIPanGestureRecognizer(target: self, action: "changeHappiness:"))

当然这样做是为了演示如何跟上一个识别器做出区别，其实我们不需要这行代码，我们可以直接在storyboard中添加识别器！那么现在删掉这行代码，来到storyboard中，找到识别器，就是这些个蓝色的。

然后拖动一个Pan识别器到我们的视图中，你会发现拖拽过来的识别器一下子就消失了，它去哪里了呢？

有两个地方可以找到你刚刚放置的那个识别器，一个是在大纲视图中：

另一个就是在视图的顶部：

现在你所需要做的就是让这个识别器杯碟控制器所处理，跟其他控件的用法一样，采用联合视图然后拖拽到控制器代码中：

那么我们在这个方法中要做些什么呢？我们想要把手指上下滑动的坐标变换解释成小人的嘴部弧线，这一次控制器又一次充当了解释的角色，为模型解释现在视图正发生些什么。这与我们之前讲的为视图去解释模型对应起来了，这是一个相互的过程，而控制器就是那个中间角色。

方法代码：

@IBAction func changeHappiness(gesture: UIPanGestureRecognizer) {
        switch gesture.state{
        case .Ended: fallthrough
        case .Changed:
            let translation = gesture.translationInView(faceView)
            let happinessChanged = -Int(translation.y / Constants.HappinessGestureScale)
            if happinessChanged != 0 {
            happiness += happinessChanged
            gesture.setTranslation(CGPointZero, inView: faceView)
            }
        default:break
        }
    }

    private struct Constants {
        static let HappinessGestureScale:CGFloat = 4
    
    }

【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记19 为Demo添加手势

标签：ios8   swift   手势识别   gesture   斯坦福公开课   

原文地址：http://blog.csdn.net/cg1991130/article/details/45093579