在有些需求中会遇到，当鼠标滑过某个UI物体上方时，为了提醒用户该物体是可以交互时，我们需要添加一个动效和提示音。这样可以提高产品的体验感。" C* M* w. e" Z1 @( b4 U! r
一、解决方案
" ?* f. f9 P; o* {" H1、给需要有动画的物体制作相应的Animation动画。（相同动效可以使用同一动画复用）
2 \$ ?: t& y3 g8 p( d6 N' ]2、给需要有动画的物体添加脚本。脚本如下：9 F1 `$ J* S( o$ a
using System;
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.EventSystems;
public class OnBtnEnter : MonoBehaviour, IPointerEnterHandler,IPointerExitHandler
{
//鼠标进入按钮触发音效和动画
public void OnPointerEnter(PointerEventData eventData)
{
// AudioManager.audioManager.PlayEnterAudio();//这里可以将播放触发提示音放在这里，没有可以提示音可以将该行注释掉
if (gameObject.GetComponent<Animation>()!=null) {
if ( gameObject.GetComponent<Animation>() .isPlaying) {
return;
}
gameObject.GetComponent<Animation>().wrapMode = WrapMode.Loop;
gameObject.GetComponent<Animation>().Play();
}
}
//鼠标离开时关闭动画
public void OnPointerExit(PointerEventData eventData)
{
if ( gameObject.GetComponent<Animation>() != null )
{
if ( gameObject.GetComponent<Animation>().isPlaying )
{
gameObject.GetComponent<Animation>().wrapMode = WrapMode.Once;
return;
}
gameObject.GetComponent<Animation>().Stop();
}
}
}
补充：unity 通过OnMouseEnter()，OnMouseExit()实现鼠标悬停时各种效果（UI+3D物体）
# ]0 b$ U% j0 R5 X3 X8 j3 B- OnMouseEnter() 鼠标进入
- OnMouseExit() 鼠标离开3 a% e v0 U$ Z* i3 O. M9 A$ S
8 v7 y5 \0 u5 @9 q: w- n: z
二、3D物体# C/ x) f9 g1 `) H' C# k* p
2 @# i! c4 k& c6 g& B2 } OnMouseEnter()，OnMouseExit()都是通过collider触发的，且碰撞器不能是trigger，鼠标进入，或离开collider时，自动调用这两个函数。2 W% f' i" {$ ^/ K% G1 k3 f
另外，OnMouseOver()类似，与OnMouseEnter()区别是，OnMouseOver()会当鼠标在该物体上collider内时，每帧调用1次，OnMouseEnter()仅在鼠标进入时调用1次。' g& f! u r5 l8 |# ~( K6 g
二、UI
1 c" d: @2 L$ L, E+ r UI部分通过eventTrigger组件实现类似功能
' V% n3 d1 E( rusing System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;//使用text，image组件
public class eventTriggrtTest : MonoBehaviour {
public Image image;
float ColorAlpha = 0f;//图片透明程度
public float speed = 0.75f;
bool flag = false;
private void Start()
{
image.GetComponent<Image>().color = new Color(255, 255, 255, ColorAlpha);
}
void Update()
{
// Debug.Log("OnMouseEnter");
if(flag == true)
{
if (ColorAlpha <= 0.75)
{
ColorAlpha += Time.deltaTime * speed;
image.GetComponent<Image>().color = new Color(255, 255, 255, ColorAlpha);
}
}
Debug.Log(ColorAlpha);
}
public void OnMouseEnter()
{
flag = true;
}
public void OnMouseExit()
{
// Debug.Log("OnMouseExit");
flag = false;
ColorAlpha = 0;
image.GetComponent<Image>().color = new Color(255, 255, 255, ColorAlpha);
}
}
因UI无法使用OnMouseOver()，所以想实现渐变效果，可通过添加一个bool flag判断，在update()方法中实现逐帧渐变效果。
( F3 Z2 m. Q4 d% @; |1 s
9 I; c2 k! m9 [8 E1 N& b7 H | 
|手机版|小黑屋|paopaomj.COM
( 
渝ICP备18007172号|
渝公网安备50010502503914号 )
发表于 2021-4-10 22:06:25