L'oggetto SurfaceGui ti consente di visualizzare il contenuto del GUI sulle superfici nel Mondo3D. Solitamente vengono utilizzati per visualizzare le classifiche, o per segnare le aree nel 3D. Questo tutorial ti mostra come creare un tabellone informativo sulle Statistichedella lunga spada.
Creazione di una GUI or Intefaccia grafica utentedella superficie
Crea una parte chiamata InfoBoard .
Cambia il Dimensione della parte to 15, 18, 1 .
Inserisci un SurficiGui nella parte e rinominalo in InfoSurfaceGui .
Inserisci un Frame nella GUI e chiamalo BackgroundFrame . Questo è il background su cui verranno visualizzate le informazioni.
Aggiustamento della GUI or Intefaccia grafica utente
Faccia
La proprietà Face determinare quale faccia della parte sarà utilizzata per visualizzare la SurfaceGui. L'oggetto BackgroundFrame sarà visibile sulla superficie come un piccolo quadrato bianco quando la faccia corretta è selezionata.
Imposta la proprietà Faccia di InfoSurfaceGui su Front .
Se il frame non è visibile dopo aver selezionato la parte frontale, la parte potrebbe essere puntata nella direzione sbagliata. Prova a ruotare la parte o a scegliere un'altra faccia.
Dimensione
Per rendere la copertura del tela intera la faccia, dovrai regolare la sua Proprietà Dimensione .
Imposta la proprietà Dimensione di Frame di sfondo su 1, 0, 1, 0 in modo che copra tutto il viso selezionato.
Stile
È spesso una buona idea aggiungere un UIPadding vincolo per creare uno spazio tra i confini di un oggetto GUI e i suoi contenuti.
Inserisci un UIPadding vincolo in InfoSurfaceGui .
Imposta le proprietà PaddingBottom , PaddingLeft , PaddingRight e 1> PaddingTop1> su 4> 0.05, 0 4> per creare un bordo intorno alla finestra.
Imposta la trasparenza di sfondo proprietà di Frame di sfondo a 1 .
Aggiungere contenuti
Puoi utilizzare le abilità imparate nei tutorial precedenti UI per visualizzare informazioni all'interno del FrameworkFrame . Ecco alcuni esempi di contenuto per il frame:
| Oggetto | Descrizione |
|---|---|
| 1 ] | Un TextLabel per mostrare il nome dell'articolo con un ImageLabel sotto la mostra con tavole di legno. |
| 2 | Un ImageLabel per visualizzare l'immagine dell'articolo con un valore di colore di sfondo grigio. Un UICorner vincolo viene utilizzato per applicare un bordo arrotondato a ciascun angolo. |
| 3 | Un Frame che contiene tre Text labels posizionate con una limitazione UIListLayout per organizzarli in una sequenza orizzontale, simile a Creazione di una barra di punteggio . |
Proprietà di SurfaceGui
Ora hai un SurfaceGui completato, prova a cambiare le seguenti proprietà per vedere i loro effetti.
Influenza della luce
Poiché gli interfacce utente di superficie esistono nel Mondo3D, possono essere influenzati dalla luce come qualsiasi altro oggetto. La proprietà LightInfluence controlla quanto l'interfaccia utente è influenzata dalla luce. Il valore normale è 1, il che
Adornee
La parte su cui viene visualizzato un SurfaceGui è determinata dalla Proprietà Adornee . Se vuoto, viene visualizzato automaticamente sulla parte padre. La capacità di impostare Adornee consente la creazione di pulsanti interattivi quando il GUI non è parented alla parte. Per adornare un SurfaceGui a una parte:
Trascina la Guida di Superficie in StarterGui .
Decoralo sulla parte facendo clic sulla casella di input Adornee e su quella del tavolo.