A volte, quando si gioca, si vede un’interfaccia utente con un indicatore a forma di cerchio che diminuisce o aumenta, e questa volta vorrei creare qualcosa di simile.

Per prima cosa, preparate un’immagine png di un cerchio con uno sfondo trasparente.

L’immagine deve essere posizionata in unity.

Successivamente, posizionare l’immagine nell’area di disegno, questa volta denominata ‘Cerchio’.

Impostate SourceImage del componente Image di Cricle sull’immagine png preparata, impostate il tipo di immagine su Filled, il metodo di riempimento su Radial360 e l’origine del riempimento su Top.

Questa volta è stato creato uno script in Circle, descritto come segue.

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

public class Circle : MonoBehaviour {
  // Use this for initialization
  void Start () {
    this.GetComponent<Image>().fillAmount = 0;
  }

  // Update is called once per frame
  void Update () {
    if(Input.GetMouseButton (0)){
      this.GetComponent<Image>().fillAmount += 0.01f;
      if( this.GetComponent<Image>().fillAmount >= 1.0f ) {
        this.GetComponent<Image>().fillAmount = 0;
      }
    }
  }
}

L’indicatore del cerchio avanza mentre si fa clic con il tasto sinistro del mouse e si ferma quando il mouse viene rilasciato.
Trattandosi di un codice di esempio, l’indicatore del cerchio è impostato per tornare a 0 quando è pieno.

Se volete, date un’occhiata al codice di esempio. m

– Esempio -.

Tweet