美文网首页WEB前端开发技术杂谈
pano2VR如何创建一个运动的按钮皮肤

pano2VR如何创建一个运动的按钮皮肤

作者: 传奇狗 | 来源:发表于2020-02-27 18:23 被阅读0次

目的是为了在pano2VR中做一个往复运动的按钮,来提示用户点击。

网上找了很多都没有找到,自己摸索了好久,废话不多说,直接上教程吧!

我的版本是pano2VR 6,提供思路,操作大同小异。

1.首先制作按钮就要打开皮肤编辑器,添加一个热点;

2.然后在热点下面添加我们自己想要的热点皮肤。记得层级关系要放好,调整好两个节点的相对位置,使其重合起来。

3.为了做动画,一定要做一个计时器。计时器在哪里无所谓,“类型”“超时”看你需求,“重复”我们调整为切换,这样相当于2秒执行一次。


4.上面的节点我们都添加好了,下面开始加逻辑了。首先我们需要在皮肤里面添加一个全局变量。我在皮肤的全局变量中自定义了一个名叫“time1”的变量,他的值为数字。


5.到这里我们应该明白了,计时器其实就是为了用来控制全局变量“time1”的值而生的。然后我们需要为计时器添加动作:当它“激活”或者“停用”的时候,分别设置两个值,值是什么无所谓的。


6.全局变量“time1”会两秒一变化,所以我们就清楚应该去“热点图片”定位里面设置我们的条件了。

这里很重要,我们一定要选“Image1”而不选择“Hotspot1”,因为“Image1”的定位是相对于“Hotspot1”的,而“Hotspot1”的定位是相对于整个界面的,所以我们一定要热点的子节点。然后点击“位置”后面的“逻辑块设置”如图:

7.截图清楚明了,如果“time1”的值变化为2,位置发生变化,开启“过度”,时间设置为1s。

这样一个会跳动的按钮,就做成了。

不单单是上面这个例子,我们要学会灵活利用好pano2VR的计时器,以及皮肤中的全局变量。这样可以做出很多效果。

相关文章

  • pano2VR如何创建一个运动的按钮皮肤

    目的是为了在pano2VR中做一个往复运动的按钮,来提示用户点击。 网上找了很多都没有找到,自己摸索了好久,废话不...

  • pyqt5 基础01

    何如创建一个窗口 如何添加一个按钮 按钮事件响应 stateChanged 类似valuechanged 但是注...

  • Java自学-图形界面 事件监听

    Swing 如何进行事件监听 示例 1 : 按钮监听 创建一个匿名类实现ActionListener接口,当按钮被...

  • React Hooks:获取上一个State值

    让我们学习如何使用react钩子获取prevState值。 我将创建一个按钮,该按钮使用react hooks增加...

  • Flutter Progress Button 带进度的 But

    在本文中,我将向您解释如何在Flutter中创建进度按钮。“进度”按钮是一个普通按钮,但是当您单击它时。 它将显示...

  • 百度地图个人小结

    1.如何点击按钮放大和缩小地图? 在地图上创建两个按钮加上点击事件,点击事件中分别写上如下方法即可实现: 创建按钮...

  • iOS百度地图的基本使用

    1.如何点击按钮放大和缩小地图?在地图上创建两个按钮加上点击事件,点击事件中分别写上如下方法即可实现:创建按钮: ...

  • 创建的UIWindow为什么不显示

    创建了一个window却不显示,怎么个情况。相关代码如下:创建一个按钮,通过按钮的单击事件来创建window,创建...

  • pano2vr 5.1 使用简易说明

    pano2vr 是一款快速处理全景图片的软件 导入图片 拖拽全景图片到中间的面板,或者点击导入按钮导入图片。 添加...

  • Android输入框中加入清除按钮

    在Android的输入框中加入清除按钮,是很常见的设计,本文介绍如何创建一个控件,在输入框中加入清除按钮。 我们来...

网友评论

    本文标题:pano2VR如何创建一个运动的按钮皮肤

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