【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记19 为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

    }

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

时间: 2024-10-08 13:19:23

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

斯坦福iOS7公开课10笔记及演示Demo

这一节主要介绍了多线程中的串行队列以及滚动视图UIScrollView. 一 .多线程 这一节只是简单介绍了多线程的串行队列,即把任务加入线程队列后按顺序逐步执行. (1)目前iOS多线程提供的方法主要是GCD和NSOperation,前者是C语言级别的,后者是经过封装,更具有面向对象特性的API. (2)UI交互操作都是在主线程进行,所以为了保证交互过程的流程舒适,类似于下载等耗时操作就需要主线程外执行,否则将出现用户无法对手机进行操作的场景. 这时通过多线程,就可以使下载图片等耗时操作单独进

斯坦福iOS7公开课4-6笔记及演示Demo

1.变量类型别滥用id,如果不仔细容易在程序执行时引发错误,因为在编译阶段编译器只是检测变量对象所属类型,尤其是类型为id时代表任何类型都可以通过检查,但不会检测变量对象调用的方法,这样当对象所属类不包含所写的调用方法时,编译通过,但在程序运行时才会报错. 2.简单介绍了框架自带的集合.字体等. 3.通过使用NSAttributedString可以让屏幕显示的字体样式更丰富,设置各种样式等,详细参见附件的演示Demo:http://files.cnblogs.com/colinhou/Attri

斯坦福iOS7公开课7-9笔记及演示Demo

这一部分主要介绍了iOS的绘图.手势.协议.block.力学特效动画(包括重力.碰撞.吸附等)以及自动布局的内容.    一.绘图.手势 (1)调用一个自定义的UIView时,可以使用awakeFromNib方法做一些初始化工作. (2)iOS中绘图需要了解的常用测量单位: CGFloat:浮点值,与float一样: CGPoint.CGSize.CGRect是三个结构体分别代表游XY坐标描述的店.宽度高度描述的大小值以及由原点坐标.宽度高度描述的矩形,度量单位都是CGFloat. (3)自定义

【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记1 IOS8概述

首先感谢网易公开课和SwiftV课堂的朋友们辛苦翻译,这个系列是我学习斯坦福IOS8公开课的个人心得体会和笔记,希望能给大家带来启发. 首先我们要知道IOS系统中的结构情况,从贴近硬件的底层到贴近用户的顶层,分为四个层次: 1.Core OS层在最下层,很多人可能不知道IOS是一个基于UNIX的操作系统,它大量借鉴了Mac os X 的内核部分,Mac OS X我们肯定不会陌生,命令行的使用很好的证明了它是一个基于UNIX的系统.IOS针对移动设备对电池等硬件进行了系统的优化,但它仍可被看成是一

【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记2 Xcode、Auto Layout及MVC

原文链接不知道在哪, 接着上一话来讲,上一话中讲到了MVC,那么MVC在IOS8开发中是如何应用的呢?Paul Hegarty老师给我们展示了一个计算器的Demo,首先新建一个工程,老师把AppDelegate.swift.LaunchScreen.xib和Images.xcassests文件放到了supporting Files文件夹中,那么剩下的两个文件ViewController.swift就是MVC中的C(控制器),Main.storyboard就是MVC中的V(视图). 在Main.s

【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记13 Drawing绘制、UIColor颜色、Fonts字体

上一话介绍了视图绘制的一些基本原理,这一话继续展开.UIBezierPath可以绘制许多有趣的图形. 使用不同的构造器,比如roundedRect就是四个角被磨圆了的矩形,或者干脆是椭圆和圆.你甚至可以剪切任意的path,剪切使用addClip方法,在剪切了之后你可以针对剪切的这部分进行操作,例如你正在绘制一个卡片,这个卡片有小小的圆角效果,你可以把卡片绘制在一个矩形里面,然后把它剪切到一个小一点的圆角矩阵里,这样四角就修圆了.这是一个获得圆角卡片最简单的方法. 你也可以进行碰撞检测,它基于绕圈

【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记37 TableView Delegate

上一话介绍了tableView的datasource,本话来介绍另一个重要的部分delegate. 当我们点击一个cell的时候,如何跳转到另外一个mvc中呢? 像增加其他segue一样,点击cell按住control键,右键连线到另一个mvc上,然后松手,选择需要的segue类型. 如果你的cell上还有其他按钮,比如detail disclosure,你也可以选择它的segue: 然后设置你的segue: 接着去prepareForSegue中设置这个segue: 每一个case对应不同的i

【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记3 Xcode、Auto Layout及MVC

继续上一话中的计算器Demo.上一话讲到类必须被初始化.类中的属性也必须被初始化,所以你不能仅仅声明而不给它一个处置,那么问题来了,我们从storyboard中拖拽的@IBOutlet为什么仅仅有声明而不须要初始化呢,这是由于它的类型依然是一个optional,在你初始化之前已经被赋值为nil了,这也就是为什么你不须要再初始化它的原因. @IBOutlet weak var display: UILabel! 然而既然它是一个optional类型的,那为什么UILabel后面是"!"而

【我们都爱Paul Hegarty】斯坦福IOS8公开课个人笔记39 Alert&ActionSheet

Alert和ActionSheet是IOS中弹出消息的两个工具. 首先它们都是Modal的方式展示的. Alert用来向用户发起询问,可以有一个(比如取消)或两个选项(比如确定和取消),也可以附带一个文本框(比如要求用户输入密码) Action Sheet从屏幕底部滑出,提供一些分支的选项,选项的数量可以大于两个. 对比如图: Action Sheet和Alert都可以使用UIAlertController来创建,比如创建一个Action Sheet,在构造器中制定它的title和简介,注意St