Vuforia Virtual Button(虚拟按钮)使用技巧

最新推荐文章于 2024-04-26 19:12:12 发布

置顶 zheenyuan

最新推荐文章于 2024-04-26 19:12:12 发布

阅读量1.7w

点赞数 9

分类专栏： Vuforia 文章标签： AR VirtualButton 高通Vuforia unity3d

本文链接：https://blog.csdn.net/zheenyuan/article/details/53318620

版权

Vuforia 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

最近一直在摸索Vuforia的使用， Virtual Button算是一个比较容易吸引人眼球的功能，在经过一些测试后，我来总结下自己在探索过程中得到的一些经验。

1.如何新建一个Virtual Button工程

导入Vuforia sdk 后把需要的预制体拖入场景中如下图

选择好图集后新建一个脚本。如我新建了一个MyVBHandler.cs的脚本

这个脚本继承了IVirtualButtonEventHandler 这个接口这个接口定义了

OnButtonPressed 和OnButtonReleased 两个方法。接下来最重要的

就是在Start中注册虚拟按钮事件。多的不说来看代码。

using UnityEngine;
using System.Collections;
using Vuforia;
using System;

public class MyVBHandler : MonoBehaviour, IVirtualButtonEventHandler{
    Material m1;
    public void OnButtonPressed(VirtualButtonAbstractBehaviour vb)
    {
        m1.color = Color.red;
        print("VBPressed    "+vb.VirtualButton.Area.leftTopX);
    }

    public void OnButtonReleased(VirtualButtonAbstractBehaviour vb)
    {
        m1.color = Color.white;
    }
   
    // Use this for initialization
    void Start () {
        m1 = transform.GetChild(0).GetComponent<MeshRenderer>().material;
        VirtualButtonBehaviour[] vbs = GetComponentsInChildren<VirtualButtonBehaviour>();
        for (int i = 0; i < vbs.Length; ++i)
        {
             vbs[i].RegisterEventHandler(this);//把ImageTarget下所有含有VirtualButtonBehaviour组件的物体注册过来（使用前面写的Pressed和Released方法处理）。
        }
       
    }

}

代码的主要功能是虚拟按钮按下Cube变红，松开变白。

2.确定按钮的位置和大小

这个问题可是难了好几天，先说下最值得注意的一点按钮一定不要定义在识别图的边缘（如四个角这类的地方，我就把按钮放在四个角上造成了好多麻烦，至于到底有什么麻烦真是一言难尽啊，有兴趣的同学可以自己测试。大致可能遇到的问题就是一直触发按钮按下事件或者在虚拟按钮按下后不触发事件。还是忍不住说了出来）

下面来看下演示：

在左上角放置一个比较大的虚拟按钮区域

在几乎全部按住左上角时没有变颜色。下面改变一下虚拟按钮的位置

这次可以一根手指就可以精确的点到按钮了。

经过测试虚拟按钮的位置应在如下图所示90%以内的范围。

如何把虚拟按钮绘制到识别图上

就像上面图中我在没有按钮提示的位置点了一下Cube变成了红色，这样看上去是很不友好的交互

要准确的绘制按钮的位置无非就是确定长方形按钮的左上点和右下点细心看完刚才程序的同学可能发现这样一行代码。

         print("VBPressed    "+vb.VirtualButton.Area.leftTopX);

没错在 VirtualButtonAbstractBehaviour 这个类中有虚拟按钮的位置相对与识别图的位置信息 Area的定义如下

          public abstract RectangleData Area { get; }

RectanguleData 定义如下：

    //
    // 摘要:
    //     This struct defines the 2D coordinates of a rectangle. The struct is internally
    //     used for setting Virtual Buttons or getting bounding boxes of letters.
    public struct RectangleData
    {
        public float leftTopX;
        public float leftTopY;
        public float rightBottomX;
        public float rightBottomY;
    }

那下面我们来看下这些数据是如何产生的

回过来看刚才这个图