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

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

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


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

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

别忘了最后把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:"))

这一次有些区别,因为target选用了控制器本身,这是因为我们要修改的是模型的值,所以target应该选用控制器。然后来添加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
    
    }

现在运行试试看吧,不但可以拖动,缩放的手势依旧可以被识别,系统可以很容易辨别出不同的手势。


目录
相关文章
|
4月前
|
语音技术 开发工具 图形学
Unity与IOS⭐一、百度语音IOS版Demo调试方法
Unity与IOS⭐一、百度语音IOS版Demo调试方法
|
iOS开发
iOS 多个滚动控件嵌套Demo
iOS 多个滚动控件嵌套Demo
72 0
|
iOS开发
iOS UIKit Dynamics Demo 学习地址列表
iOS UIKit Dynamics Demo 学习地址列表
52 0
倒计时15分钟-兼容ios手机效果demo(整理)
倒计时15分钟-兼容ios手机效果demo(整理)
|
JSON 测试技术 Android开发
基于AirTest+Python的ios自动化测试demo(微信朋友圈无限点赞)
AirTest相比Appuim有个好处就是可以对GUI图片进行捕捉和最新版本支持WebView(目前Appuim不支持iOS12的WebView进行Xpath抓取)
617 0
|
测试技术 iOS开发 Python
基于Python+appium的ios自动化测试demo(更新中)
appium环境搭建可参考以下两个链接: www.jianshu.com/p/a2b79cd8b… www.jianshu.com/p/3c04e029c…
456 0
|
安全 Android开发 iOS开发
iOS隐私安全:用户协议及隐私政策弹框(包含超链接属性、demo支持中英文切换)
iOS隐私安全:用户协议及隐私政策弹框(包含超链接属性、demo支持中英文切换)
1381 1
iOS隐私安全:用户协议及隐私政策弹框(包含超链接属性、demo支持中英文切换)
|
iOS开发
仿IOS弹出框及提示框(含Demo)
仿IOS弹出框及提示框(含Demo)
仿IOS弹出框及提示框(含Demo)
|
算法 iOS开发
iOS抽奖转盘下篇:转盘主视图的实现(内含完整Demo)
iOS抽奖转盘下篇:转盘主视图的实现(内含完整Demo)
556 0
iOS抽奖转盘下篇:转盘主视图的实现(内含完整Demo)
|
存储 小程序 iOS开发
iOS 小知识: 再次点击tabBar刷新界面数据(更新数据期间旋转tabbar图标)【包含完整demo】
iOS 小知识: 再次点击tabBar刷新界面数据(更新数据期间旋转tabbar图标)【包含完整demo】
541 0
iOS 小知识: 再次点击tabBar刷新界面数据(更新数据期间旋转tabbar图标)【包含完整demo】