Change Sprite of child object

2D
1

Hello there. I want to create button with image, which will change on mouse enter.

  • I create Button
  • Add Image as child
  • Add event to button

2971223--220695--upload_2017-2-24_4-0-8.png

But, when i try to change sprite, it not works.

if (this.transform.Find ("Image")) {
   Debug.Log ("OnHover");
   Image bImg = this.GetComponent<Image>();
   bImg.sprite = ButtonImageHover;
}

There is “OnHover” in console, but sprite of image not change;

2971223--220695--upload_2017-2-24_4-0-8.png

2

Do you want a button that has an image on the button instead of text? If so the Button already has an Image script attached to it. If you look on the main button you’ll see an Image script there.

You can change it in script with:

Button button = GetComponent<Button>();
button.image = ButtonImageHover;
1 Like
3

In the third line of code, you are assigning bImg to the parent’s Image component while presumably you want to assign it to the child Image gameobject. If thats the case, then all you have to do is to Find(or better cache) the child Image gameobject and then assign the ButtonImageHover sprite to it.

4

Yes.

But It not works

using UnityEngine;
using UnityEngine.UI;
using UnityEngine.Events;
using UnityEngine.EventSystems;
using System.Collections.Generic;
[RequireComponent(typeof(EventTrigger))]
public class MyButtonClass : MonoBehaviour,IPointerEnterHandler, IPointerExitHandler, IPointerDownHandler, IPointerUpHandler, IPointerClickHandler
{

    public Sprite ButtonImageHover;

    public void OnPointerEnter(PointerEventData eventData) {
        Debug.Log ("OnPointerEnter");

        if (this.transform.Find ("Image")) {
            Debug.Log ("OnHover");

            // Error
            // Cannot implicitly convert type 'UnityEngine.Sprite' to UnityEngine.UI.Image'
            Button button = GetComponent<Button>();
            button.image = ButtonImageHover;


        }

    }
}
5

Sorry needed to be button.image.sprite. I created a normal UI button and attached this script to it:

using UnityEngine;
using UnityEngine.UI;
using UnityEngine.Events;
using UnityEngine.EventSystems;
using System.Collections.Generic;

[RequireComponent(typeof(EventTrigger))]
public class MyButtonClass : MonoBehaviour, IPointerEnterHandler, IPointerExitHandler
{

    public Sprite ButtonImageHover;
    Button button;

    void Awake()
    {
        button = GetComponent<Button>();
    }

    public void OnPointerEnter(PointerEventData eventData)
    {
        button.image.sprite = ButtonImageHover;
    }

    public void OnPointerExit(PointerEventData eventData)
    {
        button.image.sprite = null;
    }
}

}

After dragging a sprite onto ButtonImageHover in the inspector, clicking play works fine. When my mouse goes over the button the button changes to the sprite image. When my mouse leaves the button it reverts back to a default button.

1 Like
6

Thanks for the help, but I use this code:

if (this.transform.Find ("Image")) {
   Image bImg = this.transform.Find ("Image").GetComponent<Image>();
   bImg.sprite = ButtonImageHover;
}
1 Like