实现移动端单手指拖动+双手指拉大放小

最新推荐文章于 2022-12-06 23:02:31 发布
最新推荐文章于 2022-12-06 23:02:31 发布
阅读量4.6k 收藏 5
点赞数 2
分类专栏： Unity 文章标签： unity 单手指 双手指 移动端事件 easytouch
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15267341/article/details/51772605
版权

最近开发一个项目中，有一个模块是可以轻松查看房屋的图纸，实现单手指拖动平移，双手指外拉放大，内拉缩小的这么个功能，我比较懒，干脆就不自己敲代码，有一个插件，它的名字叫easyTouch，这个插件把代码都已经写号了，下面我介绍一下如何使用

很简单，总结起来三步：
1. 创建一个plane,这个plane就是我们要查看的对象，然后将此Plane的层命名为xuhaitao，同时将photo脚本拖到此plane物体上
这里写图片描述

2.创建一个空物体，然后添加easy touch组件，具体设置见图片
这里写图片描述

  1. 设置一下摄像机
    这里写图片描述

经过上面的的三步，就很轻松利用easyTouch插件实现移动端平移以及拉大放小的功能

FR：徐海涛（hunk xu) QQ群：386476712

海涛高软
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
Unity 模型在移动端进行移动、旋转和放大（缩小）
Until
03-12 6487
using System.Collections; using System.Collections.Generic; using UnityEngine; public class RotateControl : MonoBehaviour { //float xSpeed = 100f; //float ySpeed = 100f; float x = 0f; ...
一款超好用的vue图片预览组件，支持手机端和pc端单图、多图预览，支持缩放，拖拽，旋转，键盘控制
qq_28252421的博客
06-15 1477
本组件是一个基于 vue 编写的vue图片预览组件，支持单图和多图预览，仅传入一个图片地址，即可实现图片预览效果，比较适合给文章及页面的所有图片添加预览效果。预览背景色，关闭按钮颜色，控制条的背景也和字体颜色都可自定义，兼容 ie9+，火狐，Safari，谷歌浏览器，支持多图预览。
unity鼠标或者移动端手指滑动翻页
12-24
unity鼠标或者移动端手指滑动翻页，使用UGUI提供的ScrollRect和ScrollBar组件实现基本滑动以及自己控制每次移动一页来达到滑页的效果。
unity移动端操作方式（旋转、缩放手势）总结
elineSea的博客
05-10 4446
这几天一直在做移动端手势方面的项目，现在把几种常见的方法总结一下。 1.通过手势控制物体大小进行缩放，这种实际上就是改变了物体的localScale 。这种方式常用于AR里面对物体的操作。 float distance = 30f; float xSpeed = 50f; float ySpeed = 50f; float x = 0f; float y = 0f;
移动端JS实现拖拽两种方法解析
01-21
移动端的项目经常会引入手势库来实现拖拽 不过如果只是一两个页面用到拖拽，再引入一个手势库就很不划算 最近的项目中就有这么一个需求： 因为就这一个地方需要拖拽，所以我就没有引入第三方库 移动端的拖拽有两种主流的实现方案： 1. 将元素设置为固定定位，然后在拖拽的时候修改其定位，实现拖拽的效果； 2. 使用 transform 中的平移translate 属性实现拖拽。 方案一：固定定位 fixed 这种方案的核心就是给元素添加固定定位position:fixed; 但定位之后，元素会脱离文档流，会影响原有但布局 因此在开始拖拽 (触发touchstart事件) 的时候，需要将原本的元素 A
vue中使用图像编辑器tui-image-editor(一)
weixin_44867717的博客
12-06 3776
图片
vue H5(移动端)双指放大图片，单指拖动图片，等图片操作，使用viewerjs
qq_57219457的博客
01-05 3288
1、npm 引入 npm install v-viewer --save 2、main.js配置 import Viewer from 'v-viewer' import 'viewerjs/dist/viewer.css' Vue.use(Viewer) // 配置项 Viewer.setDefaults({ Options: { 'inline': true, // 启用 inline 模式 // 'button': true, // 显示右上角关闭按钮 //
vue 实现图片或者文件的【缩放、拖动】功能组件
weixin_50450473的博客
01-11 1249
1、安装插件 hammerjs npm install -save hammerjs 2、添加zoom.js，写入一下代码 import Hammer from 'hammerjs'// 引用hammerjs // 定义缩放方法，接收一个element参数：使用export暴露该方法 export function zoomElement (el) { var x = 0// x轴偏移 var y = 0// y轴偏移 var lastScale = 1// 上次缩放值 var
vue-移动端双指放大或缩小功能实现
qq_36396822的博客
06-29 8708
mounted() { // this.$nextTick()将回调延迟到下次 DOM 更新循环之后执行 let that = this; this.$nextTick(() => { let matrix_box = document.querySelector(".build_matrix_box"); let build_matrix = document.querySelector(".build_matrix"); // let .
vue实现移动端拖动排序
10-14
主要为大家详细介绍了vue实现移动端拖动排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
UE4触控屏手势输入SDK，单指点击，双指缩放，功能齐全
11-09
该工具适用于UE4的触控屏开发，单指，双指，点击缩放等等，功能齐全
移动端滑动查看大图，支持手指缩放，上下一张
07-09
移动端相册代码，点击可查看大图，上一张下一张，可修改标题，支持手指缩放图片
移动端图片，物体缩放，拖拽，注释明了。
12-28
unity里对于图片，物体等缩放，拖拽，注释都已经写，感觉都应该一看就明白了。
DIV可移动 可实现任意拖动放大缩小
06-22
一个很好用的javaScript写的小程序，可实现div的拖动、变形。解压后直接拷到程序中就可运行
html移动开发手势缩放（纯干货）（基于hammer velocity）
06-21
html移动开发手势缩放（纯干货）（基于hammer velocity） div实现手势缩放 移动 实现点击按钮放大缩小 在Android、ios端均可使用 上次为demo 下载后即可使用
基于element-puls的el-image-viewer组件实现移动端单指拖拽和双指缩放功能
最新发布
06-29
二次封装的el-image-viewer组件，具有移动端双指缩放和单指拖拽功能。
微信小程序实现手指拖动选项排序
10-15
主要介绍了微信小程序实现手指拖动选项排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
Android实现拖动小球跟随手指移动效果
08-27
主要为大家详细介绍了Android实现拖动小球跟随手指移动效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
如果在微信小程序中，手指拖动怎么实现
05-31
在微信小程序中，手指拖动可以通过监听touchstart、touchmove和touchend事件来实现。以下是一个示例代码： ```html 我是可拖动的元素 我是跟随的元素 ``` 在上面的代码中，我们使用了微信小程序的事件绑定机制，将...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值