How to change image sprite with text multiple times with button?

Question

What I want is, when I click on the button, the image and it's child object (text component) will change to a next image sprite and text component. I tried to do that with switch statement but I'm unsure that this is the right solution and I also managed to do that for the text only, but not the image. And I'm also linking the buttons child object instead which is not ideal

Here's what I've done:

     public Button nextButton;
     private string currentText = "Text1";
 
     void Start()
     {
         SetText(currentText);
         nextButton.onClick.AddListener(MyButtonClick);
     }
 
     void MyButtonClick()
     {
         switch (currentText)
         {
             case "Text1":
                 currentText = "Text2";
                 SetText(currentText);
 
                 break;
 
             case "Text2":
                 currentText = "Text3";
                 SetText(currentText);
                 break;
 
             case "Text3":
                 currentText = "Play Game";
                 SetText(currentText);
                 break;
         }
     }
 
     void SetText(string text)
     {
         nextButton.transform.GetChild(0).GetComponent< TMPro.TextMeshProUGUI>().text = text;
     }

Thank you in advance!

Answer 1

Answer by Hellium · Jan 02, 2022 at 07:38 PM

 [System.Serializable]
 public struct CaptionedImage
 {
      [SerializeField] private Sprite sprite;
      [SerializeField] private string caption;
 
     public void Apply(Image image, TMPro.TextMeshProUGUI text)
     {
          image.sprite = sprite;
          text.text = caption;
      }
 }

  [SerializeField] private Button nextButton;
  [SerializeField] CaptionedImage[] captionedImages;
  private Image image;
  private TMPro.TextMeshProUGUI text;
  private int index;
 
  void Start()
  {
      image = nextButton.GetComponent<Image>();
      text = nextButton.transform.GetChild(0).GetComponent<TMPro.TextMeshProUGUI>();
      nextButton.onClick.AddListener(() => ApplyCaptionedImage((index + 1) % captionedImages.Length));
      ApplyCaptionedImage(0);
  }
 
  void ApplyCaptionedImage(int i)
  {
      index = i;
      captionedImages[index].Apply(image, text);
  }

2 Show 1 · Share

imbruceter · Jan 02, 2022 at 08:40 PM 0

Share

Thank you a lot, you saved me!

How to change image sprite with text multiple times with button?

1 Reply

Unity Answers is in Read-Only mode

Follow this Question

Related Questions