多点触控插件Hammer.js

插件描述:Hammer.js是一个开源的,轻量级的javascript库,它可以在不需要依赖其他东西的情况下识别触摸,鼠标事件. 使用方法: <script src=<span class="string" style="color: rgb(221, 17, 68);">"http://eightmedia.github.com/hammer.js/hammer.js"</span>></script&…

Hammer.js 移动端手势库，多点触控插件

jquery用法: 引入3个JS:<script src="jquery.js"></script> <script src="hammer.js"></script> <script src="jquery.hammer.js"></script> $(".myElement").hammer().bind("tap", functi…

wex5 实战手指触屏插件 hammer的集成与优劣

前言前几天,给客户做了一个图片点击放大,很简单,客户说能不能双手指缩放图片呢? 想到了hammer,不管好用不好用,总得试. 网上居然没有像样的中文文档和成熟案例,有的文写的鬼都看不懂.还是自已动手吧. 一效果演示: 双击或两根手指放大鼠标或手指拖动再双击图片复原二设计思路: 利用hammer.js 自带的api,监听手指事件,对图像的css样式重新定义来实现三 hammer.js 实现代码与逻辑 1 图片对像id data-scale属性手动设置,为了js写法方便 2…

插件: Hammer.js

官网: http://hammerjs.github.io/ hammer.js 官网 http://hammerjs.github.io/api/ 官网API(官网写的实在太简了!不好用.注意里面关键字,另外还得搜索引擎查相关文章) 2015-12-9 下载: http://hammerjs.github.io/dist/hammer.js http://hammerjs.github.io/dist/hammer.min.js 下载hammer.js v2.0.4 2015-11-1…

Js 之常见手势操作插件 Hammer.js

一.下载链接:https://pan.baidu.com/s/1UbEtSbT1xcmdzzTCaWmW1A提取码:ldqy 二.案例三.代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial…

[示例] Firemonkey OnTouch 多点触控应用

说明:Firemonkey OnTouch 多点触控应用,可同时多指移动多个不同控件原码下载:[原创]TestMultitouchMove_多点触控应用_by_Aone.zip 运行展示:…

ccc 多点触控2

经过不断的思考发现,如果是两个sprite都添加触控的时候,往往直接成单点触控, 但是如果是两个node的时候在node上面点击就会变成多点触控的形式 cc.Class({ extends: cc.Component, properties: { isAPress:false, aLabel: { default:null, type :cc.Label } }, // use this for initialization onLoad: function () { this.isAPress…

ccc 多点触控

研究了一天,多点触控的点无法保存,只能模拟多点触控了 cc.Class({ extends: cc.Component, properties: { wheelStick:{ default:null, type:cc.Sprite }, hero: { default:null, type:cc.Sprite }, wheelDir: { default:"null", } }, // use this for initialization onLoad: function () {…

Cocos2dx 多点触控

1 最容易忽略的东西,对于ios平台,须得设置glView的属性: [__glView setMultipleTouchEnabled:YES]; 2 如果调用CCLayer的方法setTouchEnabled,则不需要手动加touchDelegate,因为这个函数里会自动做这些事情. 3 如果调用CCLayer的方法setTouchEnabled,之前可以调用一个设置多点或单点的函数来控制setTouchEnable的注册行为,这个函数是: setTouchMode 4 也可以直接调用 coc…

Android 多点触控与简单手势（一）

现在一般的Android手机都会使用电容触摸屏最少可以支持两点触摸,多的可能是七八个,所以基本上都会支持多点触控, android系统中应用程序可以使用多点触控的事件来完成各种手势和场景需求. Android SDK中的MotionEvent类不仅封装了单点触摸的消息,也封装了多点触摸的消息,对于单点触摸和多点触摸的处理方式几乎是一样的. 需要注意的是:Android的多点触控功能需要运行在Android 2.0版本以上. 下面讲一个样例:Activity加载入一个图片,可以通过一个手指对图片进…

Android多点触控技术实战，自由地对图片进行缩放和移动

转载请注明出处:http://blog.csdn.net/guolin_blog/article/details/11100327 在上一篇文章中我带着大家一起实现了Android瀑布流照片墙的效果,虽然这种效果很炫很酷,但其实还只能算是一个半成品,因为照片墙中所有的图片都是只能看不能点的.因此本篇文章中,我们就来对这一功能进行完善,加入点击图片就能浏览大图的功能,并且在浏览大图的时候还可以通过多点触控的方式对图片进行缩放. 如果你还没有看过 Android瀑布流照片墙实现,体验不规则排列的美感…

MultiTouch————多点触控，伸缩图片，变换图片位置

前言:当今的手机都支持多点触控功能(可以进行图片伸缩,变换位置),但是我们程序员要怎样结合硬件去实现这个功能呢? 跟随我一起,来学习这个功能国际惯例:先上DEMO免费下载地址:http://download.csdn.net/detail/cnwutianhao/9443667 示例图片: 我是用Genymotion录制的,没有真机上多点触控显示的效果那么好,大家在真机上跑程序,会体会到多点触控功能.(注:Genymotion多点触控快捷键是 ctrl+鼠标指针上下拖动) 具体代码实现: 布局…

windows8 开发教程教你制作多点触控Helper可将任意容器内任意对象进行多点缩放

http://blog.csdn.net/wangrenzhu2011/article/details/7732907 (转) 实现方法: 对Manipulation进行抽象化使不同容器可共用多点缩放事件, C# 代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using Windows.Founda…

cocos2d-x 在xcode IOS模拟器中开启IOS多点触控

在初始化代码中,开启当前层接受触摸 this->setTouchEnabled(true); 在AppController.mm文件中,设置开启多点触控在- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions方法中插入 [__glView setMultipleTouchEnabled:YES]; 最后在IOS模拟器中按住option…

Android 多点触控错误处理（java.lang.IllegalArgumentException: pointerIndex out of range）

最近做View的多点触控时,每次第一次触控事件完美运行,第二次就直接崩了,错误信息如下: 01-03 00:05:44.220 4377-4410/system_process E/AndroidRuntime: *** FATAL EXCEPTION IN SYSTEM PROCESS: android.ui java.lang.IllegalArgumentException: pointerIndex out of range at android.view.MotionEvent.nat…

【原】cocos2d-x开发笔记：多点触控

在项目开发中,我们做的大地图,一个手指头按下滑动可以拖动大地图,两个手指头按下张开或者闭合,可以放大和缩小地图在实现这个功能的时候,需要使用到cocos2d-x的多点触控功能. 多点触控事件,并不是说你按下了两个手指,执行ccTouchesMoved的时候,pTouches的count为2,这样如果单纯的判断函数传入的参数,实现起来会比较困难. 我用一种方式实现了,感觉还是比较简单明了的,拿出来分享一下 cocos2d-x版本:cocos2d-x 2.2.0 目标平台:ios 1.首先在App…

Android开发实例之多点触控程序

智能终端设备的多点触控操作为我们带来了种种炫酷体验,这也使得很多Android开发者都对多点触控程序的开发感兴趣.实际上多点触控程序的实现并不是那么遥不可及,而是比较容易.本文就主要通过一个实例具体讲解多点触控程序的实现. 首先来了解一下Android中多点触控的原理. Android多点触控在本质上需要LCD驱动和程序本身设计上支持,目前市面上HTC.Motorola和Samsung等知名厂商只要使用电容屏触控原理的手机均可以支持多点触控Multitouch技术,对于网页缩放.手势操作上有更好…

MSDN 杂志：UI 前沿技术 - WPF 中的多点触控操作事件

原文 MSDN 杂志:UI 前沿技术 - WPF 中的多点触控操作事件 UI 前沿技术 WPF 中的多点触控操作事件 Charles Petzold 下载代码示例就在过去几年,多点触控还只是科幻电影中表现未来主义的一种重要手法,现在俨然已经成为主流的用户界面技术. 多点触控显示屏现在成了新型智能手机和 Tablet 计算机的标准显示屏. 此外,它还可能在公共场所的计算机上普及,例如 Microsoft Surface 率先开发的网亭或桌面计算机. 实际存在的唯一不确定因素是多点触控在常规台式…

关于android多点触控

最近项目需要一个多点触控缩放的功能.然后上网查了下资料总结一下: 首先android sdk版本很重要,比如你在AndroidManifest.xml中指定android:minSdkVersion="4" 并且建工程的时候选的是android 2.2就表示你的应用兼容android1.6~android2.2 之间的版本.但是多点触控的API在1.6~~2,1~~,2,2~~三个版本中都是不一样的.比如android2.2中onTouchEvent(MotionEvent eve…

与众不同 windows phone (25) - Input（输入）之捕获 UIElement 之外的触控操作, Silverlight 方式捕获手势操作, XNA 方式捕获手势操作, 多点触控

原文:与众不同 windows phone (25) - Input(输入)之捕获 UIElement 之外的触控操作, Silverlight 方式捕获手势操作, XNA 方式捕获手势操作, 多点触控 [索引页][源码下载] 与众不同 windows phone (25) - Input(输入)之捕获 UIElement 之外的触控操作, Silverlight 方式捕获手势操作, XNA 方式捕获手势操作, 多点触控作者:webabcd介绍与众不同 windows phone 7.5 (s…

Android多点触控（图片的缩放Demo）

本文主要介绍Android的多点触控,使用了一个图片缩放的实例,来更好的说明其原理.须要实现OnTouchListener接口,重写当中的onTouch方法. 实现效果图: 源码: 布局文件: activity_main: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tool…

PyQt5多点触控写字板实现及困惑

Qt支持程序多点触控,就想使用PyQt5做一个触控画板,经过几番周折,查阅了TouchEvent官方文档,又参考了一篇QT for Android的例子,采用eventfilter过滤器来识别触屏事件和鼠标事件,分别作出处理: 其中鼠标事件(用鼠标绘画)固定宽度,触摸事件呢(触摸屏上绘画)采用ellipseDiameters()获取触摸点的宽度,作为笔触宽度. 具体代码见:GitHub import sys import math from PyQt5.QtWidgets import QApp…

android小程序-电子钢琴-多点触控

我在第一篇博客<android小程序-电子钢琴-滑动连续响应>中实现了一个简单地7键钢琴,这几天把它又完善了一下,增加了多点触控,按键也增加了一个低音区和一个高音区,使得又可以多弹一点简单地曲子了. 效果图1: 效果图2: 效果图3: 项目感受:关于多点触控,要想完全理解,还是要一遍又一遍地看文档或者代码. 当只有一个触点时,getAction()不会返回有关触点的信息:当有多个触点时会返回相关的触点信息.所以需要用ACTION_POINTER_INDEX_MASK(0x00ff),ACTIO…

Android多点触控手势基础

处理多点触控手势多点触控就是同时把一根以上的手指放在屏幕上. 再继续往下以前需要补充一些名词: 触控手势:就是把一根或者几根手指放在屏幕上做各种动作,其中包括保留一根手指的前提下,拿起或者放下其余的手指. 触控事件:在触控手势中,有手指移动或者离开屏幕的时候就会引发一个触控事件.这个事件就存放在MotionEvent中. 在这个事件中,包含说与的触控数据. 触控:手指碰到屏幕的时候就产生了一个触控(pointer). 追踪多个触控点多个手指同时放在屏幕上的时候会触发以下的系统事件: ACTI…

(干货) Android实现ImageVIew多点触控及双击缩放

支持多点触控,放大自由移动,双击可以放大缩小.直接上代码: package com.cbt.view; import android.content.Context; import android.graphics.Matrix; import android.graphics.RectF; import android.graphics.drawable.Drawable; import android.util.AttributeSet; import android.util.Log; i…

在 Mac 上使用多点触控手势

使用多点触控触控板或妙控鼠标,可以通过轻点.轻扫.捏合或开合一根或多根手指进行有用的操作. 触控板手势有关这些手势的更多信息,请选取苹果菜单 () >“系统偏好设置”,然后点按“触控板”.您可以关闭某个手势,更改手势类型,以及了解哪些手势可在您的 Mac 上使用. 触控板手势要求使用妙控板或内建的多点触控触控板.如果您的触控板支持力度触控,您还可以进行“用力点按”操作并获得触感反馈. 轻点来点按用单指轻点来进行点按. 辅助点按(右键点按)用双指点按或轻点. 智能缩放用双指轻点两下可放大网页或…

Android多点触控技术，实现对图片的放大缩小平移，惯性滑动等功能

首先推荐一下鸿洋大大的打造个性的图片预览与多点触控视频教程,这套教程教我们一步一步实现了多点触控实现对图片的平移和缩放的功能.这篇文章我将在鸿洋大大的基础之上做了一些扩展功能: 1.图片的惯性滑动 2.图片缩放小于正常比例时,松手会自己主动回弹成正常比例 3.图片缩放大于最大比例时,松手会自己主动回弹成最大比例实现图片的缩放,平移,双击缩放等基本功能的代码例如以下,每一行代码我都做了具体的凝视 public class ZoomImageView extends ImageView imple…

（五）多点触控之兼容ViewPager

在上一篇文章中,自定义的ZoomImageView已经实现了自由缩放,自由移动以及双击放大与缩小的功能.已经可以投入使用这个控件了.下面我们就在ViewPager中使用这个控件.如果你还没读过上一篇文章,可以点击下面的链接: http://www.cnblogs.com/fuly550871915/p/4940193.html 一.在ViewPager中使用自定义的ZoomImageView 快速的代建起ViewPager吧.修改activity_main.xml中的代码,如下: <Relati…

（一）自定义ImageView，初步实现多点触控、自由缩放

真心佩服那些一直专注于技术共享的大神们,正是因为他们无私的分享精神,我才能每天都有进步.近日又算是仔细学了android的自定义控件技术,跟着大神的脚步实现了一个自定义的ImageView.里面涉及到常用的多点触控技术.在此十分感谢那些默默奉献的大神们,同时向他们学习,也把自己的学习过程以及收获到的知识分享给大家.这个自定义的ImgaeView实现了图片的自由缩放,自由移动,并解决了与ViewPager的兼容性问题.开发完成后,可以直接代替普通的ImageView了.废话不多说了,现在就跟我一起…

微信小程序~触摸相关事件（拖拽操作、手势识别、多点触控）

touchstart 手指触摸动作开始 touchmove 手指触摸后移动 touchcancel 手指触摸动作被打断,如来电提醒,弹窗 touchend 手指触摸动作结束拖拽操作案例1: 注意按钮拖出屏幕边缘处理 <view id="id" bindtouchmove="handletouchmove" class='demo' style='top:{{ballTop}}px; left: {{ballLeft}}px'>…

【多点触控插件Hammer.js】的更多相关文章