美文网首页
检测摇一摇手势

检测摇一摇手势

作者: 请叫我周小帅 | 来源:发表于2017-07-18 11:42 被阅读30次

iOS 设备可以检测摇一摇手势,在本节教程中,我们将学习如何检测摇一摇手势,检测到该手势后,更新 label 的文案。本节教程使用的是 Xcode 8.3 和 iOS 10.3。

设置工程

打开 Xcode,创建一个 Single View Application。

Product Name 使用IOS10ShakeGestureTutorial,填写自己的 Organization Name 和 Organization Identifier,Language 一栏选择 Swift,Devices 一栏选择 iPhone。

打开Storyboard,从 Object Library 中拖拽一个 Label 控件放到 View Controller 上,双击 Label 控件将文案修改为“Shake me”。选中该 Label,点击 Auto Layout 的 Align 按钮。选中 “Horizontally in Container”,点击 “Add 1 Constraint”。

选中 Label,点击 Auto Layout 的 Pin 按钮,选中上边距约束线,点击 “Add 1 Constraint”。

Storyboard 看起来应如下图所示。

打开 Assistant Editor,确保ViewController.swift可见。按住 Control 键,将 Label 拖拽到 ViewController 类下,创建下图的 Outlet。

打开 ViewController.swift 文件,首先要让 View Controller 回应点击事件,可以通过 ViewController FirstResponder 实现,添加下列方法:

overridefuncbecomeFirstResponder()->Bool{

returntrue

}

接下来,要想检测摇一摇手势,添加motionEnded(_:with:)方法。

overridefuncmotionEnded(_motion: UIEventSubtype, with event: UIEvent?){

ifmotion == .motionShake {

shakeLabel.text ="Shaken, not stirred"

}

}

如果确实是一个 Shake Gesture(摇一摇),那么 Label 的文案就会更新。运行工程,摇一摇测试机。可以点击 iOS 模拟器菜单栏 Hardware 选项下的 Shake Gesture 来摇一摇。

相关文章

  • 检测摇一摇手势

    iOS 设备可以检测摇一摇手势,在本节教程中,我们将学习如何检测摇一摇手势,检测到该手势后,更新 label 的文...

  • 如何检测摇一摇手势

    原文链接:https://www.ioscreator.com/tutorials/detect-shake-ge...

  • 如何检测摇一摇手势

    作者:Arthur Knopper,原文链接,原文日期:2017-04-18译者:Crystal Sun;校对:w...

  • iOS 位置,通知与摇一摇 (选)

    MAP MapKit-启用 MKMapView MKMapView MKMapView更多 摇一摇 shake手势...

  • 如何操作

    针对移动端,互动有手势,语音,扫描,震动 手势常用的有:点击 拖拽 右划 下拉 滑动 双击 长按 摇一摇 捏 可以...

  • iOS通过加速计计算摇一摇次数

    前言 在iOS开发中,有时候需要检测摇一摇的动作,检测手机是否进行摇一摇,目前主要有两种方法,一个是通过UIRes...

  • UI高级03-触摸事件 摇一摇 部分手势 控件不响应处理

    摇一摇的相关事件, 都是从UIResponder中继承过来的 触摸开始, 手指按下去 (没有松开)在一次手势触摸的...

  • iOS -- CoreMotion的使用(陀螺仪、加速计、磁力计

    一.加速计 1.加速计的作用:用于检测设备的运动(摇晃、摇一摇、计步器) 2.原理:检测设备在X、Y、Z轴上的加速...

  • 摇一摇

    摇一摇 搅乱一条小河 摇一摇 燃放万家灯火 摇一摇 赶走看不见的心魔 在这里 麻雀叫了一整天 树叶绿了一整天 花儿...

  • 摇一摇

    打开 ViewController.swift 文件,首先要让 View Controller 回应点击事件,可以...

网友评论

      本文标题:检测摇一摇手势

      本文链接:https://www.haomeiwen.com/subject/danckxtx.html