首页 > Unity3D频道 > 【NGUI研究院之Unity插件】 > NGUI研究院之与EasyTouch结合使用（十五）
2014
07-14

NGUI研究院之与EasyTouch结合使用（十五）

用了EasyTouch插件一段时间了，小问题还是有一些，总体来说用起来还行。这篇文章我就来说说EasyTouch和NGUI的结合。

总体来说触摸屏幕也就三种情况。

1.触摸事件只响应NGUI部分，不响应3D部分。

2.触摸事件只响应3D部分，不响应NGUI部分。

3.触摸事件同时响应。

举个例子，在战斗场景我们希望通过手指滑动来控制摄像机的旋转。但是这时屏幕上可能还有一些UI的按钮，但是我们不希望用户点击UI按钮也影响到了摄像机的旋转。所以此时我们只希望触摸事件在3D部分响应。

1. 如下图所示，这里我增加了一个UISprite，我希望我的手指触摸事件只在UI上响应，不在3D上响应

NGUI研究院之与EasyTouch结合使用（十五） - 雨松MOMO程序研究院 - 1

 

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
using UnityEngine;
using System.Collections;
 
public class UImomo : MonoBehaviour {
//头像
GameObject icon;
void Start ()
{
icon = transform.Find("icon").gameObject;
//添加一个手指滑动的事件。
EasyTouch.On_SwipeEnd += EasyTouch_On_SwipeEnd;
}
 
void OnDestroy()
{
//施放一个手指滑动的事件。
EasyTouch.On_SwipeEnd -= EasyTouch_On_SwipeEnd;
}
 
//当手指滑动结束时在这里
void EasyTouch_On_SwipeEnd(Gesture gesture)
{
//判断手指是否触摸在NGUI的头像中
if(gesture.IsStartInRect(NGUIObjectToRect(icon)))
{
//输出手指滑动的方向
Debug.Log(gesture.swipe);
}
}
 
//计算出NGUI某个UISprite或者UITexture或者 UILabel 在屏幕中占的矩形位置。
private  Rect NGUIObjectToRect(GameObject go)
{
Camera camera = NGUITools.FindCameraForLayer(go.layer);
Bounds bounds = NGUIMath.CalculateAbsoluteWidgetBounds(go.transform);
Vector3 min = camera.WorldToScreenPoint(bounds.min);
Vector3 max = camera.WorldToScreenPoint(bounds.max);
return new Rect(min.x, min.y, max.x - min.x, max.y - min.y);
}
 
}
 

2.我希望手指触摸只响应3D，不响应NGUI 。这里其实更多的运用于游戏的战斗界面，战斗界面的UI一般都集中在屏幕的四个角， 比如头像 小地图 技能 摇杆等等。EasyTouch提供了NGUI模式，可以很方便的解决这个问题，不过它原理也是用射线来判断，所以你要确保需要略过的UI空间有BoxCollider组件。

我们把所有NGUI做的界面放在UI层上面。代码简单的改改，这样EasyTouch就不会在UI层上响应了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
 
void Start ()
{
icon = transform.Find("icon").gameObject;
//添加一个手指滑动的事件。
EasyTouch.On_SwipeEnd += EasyTouch_On_SwipeEnd;
//得到UI摄像机
Camera uiCamera = GameObject.Find("UI Root/Camera").GetComponent<Camera>();
if(uiCamera != null)
{
//启动NGUI模式
EasyTouch.instance.enabledNGuiMode = true;
//把NGUI摄像机加入过滤队列
if(!EasyTouch.instance.nGUICameras.Contains(uiCamera))
{
EasyTouch.instance.nGUICameras.Add(uiCamera);
}
//设置需要过滤的UI层
EasyTouch.instance.nGUILayers = (1 << LayerMask.NameToLayer("UI"));
}
}
 
void OnDestroy()
{
//施放一个手指滑动的事件。
EasyTouch.On_SwipeEnd -= EasyTouch_On_SwipeEnd;
//施放
EasyTouch.instance.enabledNGuiMode = false;
EasyTouch.instance.nGUILayers =0;
EasyTouch.instance.nGUICameras.Clear();
}
 

最后，我现在用的EasyTouch可能版本比较老，我用的版本是v3.1.1 因为目前项目也比较稳定，所以也不敢升级。EasyTouch这个版本里有一个BUG。就是超过10只手指在屏幕中滑动会出现空指针的错误，后来我看了一下代码，在UpdateTouches 里面做一下判断就好了。

NGUI研究院之与EasyTouch结合使用（十五） - 雨松MOMO程序研究院 - 2

 

EasyTouch有很强大的事件回调方法，大家可以去它的官网上查一下。不知道现在还有没有更好用的触屏插件，如果你觉得比EasyTouch还好用的话，希望你在下面给我留言，谢谢。

最后编辑：
作者：雨松MOMO
专注移动互联网，Unity3D游戏开发
站内专栏 QQ交谈 腾讯微博 新浪微博
捐 赠写博客不易，如果您想请我喝一杯星巴克的话？就进来看吧!

您可能还会对这些文章感兴趣！

《NGUI研究院之与EasyTouch结合使用（十五）》有 44 条评论

  1. 沧 说：
    2016 年 6 月 8 日下午 3:15

    有人有easytouch插件的下载地址吗。 NGUI研究院之与EasyTouch结合使用（十五） - 雨松MOMO程序研究院 - 1

    回复
  2. 西鱼 说：
    2016 年 5 月 3 日下午 2:45

    我没有用插件，但是在安卓手机上手势总是有灵有时不灵，求问大神有没有好的方法推荐下

    回复
  3. 陆宇杨 说：
    2016 年 4 月 13 日上午 1:59

    我现在用的3.0.1，人家项目，已经很多实现，暂时无发现什么BUG

    回复
  4. 非常王者 说：
    2015 年 9 月 9 日下午 9:24

    请问我用了easytouch3.1插件做了摇杆和按钮，并且在unity3d中测试有摇杆和按钮，也好使。但是导出为APK文件后，在手机上测试怎么没有看见摇杆和按钮啊？

    回复
  5. Colooooooo 说：
    2015 年 4 月 21 日上午 9:43

    你下面那个相应u3d的脚本是单独写出来的还是，跟相应ui的脚本一起的，我单独列出的一个相应u3d的脚本，但是还能相应ui的，代码跟你的相应u3d的一样，问题处在何处，求大神解救

    回复
  6. cxshunshag 说：
    2015 年 4 月 12 日下午 5:49

    问一下 如果有两个摇杆，只可以按一个怎么办。。。还有只可以按一个button

    回复
  7. Hunter 说：
    2015 年 4 月 9 日上午 10:22

    找不到 gesture.IsStartInRect() 这个函数

    回复
  8. 智识World 说：
    2015 年 3 月 20 日下午 4:21

    在WP8.1上，触控有冲突呢

    回复
  9. 飞 说：
    2015 年 2 月 28 日下午 9:39

    请问博主EasyTouch怎么作匀速运动啊？

    回复
  11. 在路上 说：
    2014 年 9 月 19 日上午 10:46

    请教一个问题 easy touch的button 下 我还放了一个GUI. Button 现在我把鼠标放在touch button 下 怎么才能让让他下边的GUI. button不响应hover

    回复
  12. 李晓文 说：
    2014 年 8 月 19 日下午 8:32

    大大，我想使用easytouch做摇杆，用ngui做技能，并带有技能冷却，现在遇到的问题是，当我按住摇杆向前跑的时候，点击技能（ngui），那个摇杆就会卡在之前的位置上，不管我怎么摇都滑不动，除非我放开手，重新按摇杆，才会回到正常，这导致我在移动过程中，发完技能就不得不松手，不知道咋解决~~~~~~ NGUI研究院之与EasyTouch结合使用（十五） - 雨松MOMO程序研究院 - 1

    回复
  13. 分享就是快乐 说：
    2014 年 8 月 18 日下午 6:05

    接触u3d就一直看你的帖子，现在在做一个设计游戏，需要用虚拟摇杆（用的就是easytouch）控制准心，现在虚拟摇杆已经做好了，但是NGUI做的射击按钮不能和摇杆同时触发，先按摇杆的话，所有NGUI的button全部不能触摸。先按下NGUI的射击按钮，再按摇杆就可以同时响应…刚学习不多久，这个问题目前困住了我，还请momo帮忙解答下！ NGUI研究院之与EasyTouch结合使用（十五） - 雨松MOMO程序研究院 - 1

    回复
  14. Z-D-S-W-S 说：
    2014 年 8 月 14 日下午 4:07

    雨松大大，能把镜头转换代码贴下么。搞不懂镜头杂转换啊！！！！

    回复
  15. 封忆-NO_1 说：
    2014 年 7 月 23 日下午 5:05

    请教一个问题，用EasyTouch的时候，在电脑上没问题，但手机上的时候，摇杆中心那个圆球经常卡在边界上不懂，然后这时候角色的移动就会失控，这是咋回事儿

    回复
    • cugphoenix 说：
      2014 年 8 月 11 日下午 8:42

      你用的是EasyTouch3.1.1么？我知道这个问题，这是Easytouch的一个bug，电脑上可以重现的，你动摇杆的时候，按住ctrl，拖动鼠标，电脑上会报错，可以通过修改Easytouch源文件临时修复这个bug，http://forum.unity3d.com/threads/released-easy-touch.135192/page-13#post-1400790，这个网址上面有，Easytouch制作团队回复的。

      回复
  16. 索拉 说：
    2014 年 7 月 22 日下午 11:42

    請問如果是用 NGUI 加上 滑鼠點擊地面人物行 走會衝突到怎麼辦？因為一個是NGUI攝影機，另一個而是3D畫面的攝影機，無法使用Raycast判斷

    回复
  17. 冯乐乐 说：
    2014 年 7 月 21 日下午 3:14

    以前用的是FingerGestures

    回复
  18. /wx Dream catcher 说：
    2014 年 7 月 16 日下午 10:28

    NGUI研究院之与EasyTouch结合使用（十五） - 雨松MOMO程序研究院 - 1 我从Android 就开始看你写的 东西 现在 学 Unity 还是从您的书开始看 真厉害啊 大神

    回复
  20. UShield 说：
    2014 年 7 月 16 日下午 1:02

    感谢分享，但网站的账号注册界面在哪呢？还是只能用社交账号登陆？

    回复

留下一个回复

你的email不会被公开。