不论是做设计还是做前端,一定会有透明度的使用。在Pano2VR中我们也可以使用透明度提升一下我们皮肤的美观。
我们在制作导航图文章中提到,为了避免导航图片的面积过大而影响浏览,使用了鼠标进入和离开事件来改变导航图的位置。其实我们可以换一个思路解决这个问题。
把改变元素的位置换成改变元素的透明度。设定导航图的初始透明度,然后鼠标进入导航图区域,改变元素的透明度,鼠标离开区域回归初始透明度。
首先设定元素的初始透明度。可以直接在外观设置中设定Alpha值,也可以添加动作,初始值设定元素透明度。

我们使用外观设定Alpha值,然后再添加一对鼠标进入和离开的动作。

预览。

这是将透明度应用到交互效果上,除了导航图外,按钮、缩略图以及其它皮肤元素都可以做类似处理。当然透明度不仅仅可以应用的交互的变化上,还可以在静态的皮肤元素中使用,比如一些Logo或者更丰富的皮肤界面等。以上内容仅提供一个参考,具体使用上我们可以和其它效果自由组合发挥。

