Generatore di scena Javafx Builder Lineare Gradient è cosa

Question

C'è qualcuno che sa cosa diavolo è il gradiente lineare?

Come posso utilizzare il pannello di destra, in particolare la barra di scorrimento, per regolare il riempimento del triangolo a sinistra per rendere il triangolo superiore a metà bianco ma giù mezzo nero?

C'è qualche documento per aiutare a formare persone come usare questo?Mi dispiace davvero non riesco a trovarlo.

Grazie in anticipo!

Answer 1

Informazioni generali sui gradienti lineari

La documentazione di sfumatura lineare è a:

.
• Javafx CSS Riferimento .
• è un Modulo di arresto del colore W3C .
• Javadoc di come funzionano i gradienti lineari Javafx .

Poiché il gradiente lineare in JAVAFX CSS è la stessa sintassi come W3C CSS, qualsiasi tutorial sui gradienti lineari CSS restituiti da Google si applicherà probabilmente a JAVAFX CSS.

Indirizzo email del feedback per la documentazione JAVAFX è: javasedocs_us@oracle.com

Gradienti lineari e Scogliera

Scene Builder utilizza FXML per rappresentare i gradienti lineari. Può anche utilizzare i gradienti lineari di rendering da CSS, anche se l'editor di gradiente in Scellister funziona per modificare la rappresentazione FXML dei gradienti e non la rappresentazione CSS.

Qui è il risultato del caricamento del seguente file FXML in SceneSbuilder:

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.paint.*?>
<?import java.lang.*?>
<?import javafx.scene.shape.*?>

<Polygon xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1">
  <points>
    <Double fx:value="-50.0" />
    <Double fx:value="40.0" />
    <Double fx:value="50.0" />
    <Double fx:value="40.0" />
    <Double fx:value="0.0" />
    <Double fx:value="-60.0" />
  </points>
  <fill>
    <LinearGradient startX="0.5" startY="0" endX="0.5" endY="1">
      <stops>
        <Stop color="WHITE" />
        <Stop color="BLACK" offset="1.0" />
      </stops>
    </LinearGradient>
  </fill>
</Polygon>

.

Impostazioni della barra di scorrimento

Le impostazioni della barra di scorrimento stanno segnando le coordinate proporzionali delle proprietà di inizio e fine del gradiente lineare. Queste coordinate da un vettore direzionale (linea) lungo i quali i colori nella sfumatura lineare cambiano secondo il file Stop . Le barre funzionano come segue:

.
• Barra sinistra: Atvia
• Barra superiore: Startx
• Bar a destra: Endy
• Barra inferiore: ENDX

Per il riempimento sopra, significa iniziare in alto centro e viaggiare fino al centro in basso, variando il colore da bianco a nero mentre vai, quindi è una parte superiore rettilinea alla transizione verticale in basso.

Gradienti discreti

Se non volevi un gradiente liscio, ma voleva invece un brusco, quindi aggiungi più fermate, ad esempio:

<fill>
  <LinearGradient endX="0.5" endY="1" startX="0.5" startY="0">
    <stops>
      <Stop color="WHITE" />
      <Stop color="WHITE" offset="0.5"/>
      <Stop color="BLACK" offset="0.5" />
      <Stop color="BLACK" offset="1.0" />
    </stops>
  </LinearGradient>
</fill>

.