Javafx Scene Builder Gradiente Linear é o que

Question

é lá que qualquer um sabe que na terra é o gradiente linear?

Como Posso usar o painel direito, especialmente os quatro barra de rolagem para ajustar o preenchimento do triângulo à esquerda para fazer o triângulo metade superior branca, mas metade preto?

Existe algum documento para ajudar a treinar as pessoas como usar isso?Eu sinto muito eu não posso encontrá-lo.

Obrigado antecipadamente!

Answer 1

Informações gerais sobre gradientes lineares

Linear-gradient documentação encontra-se em:

• JavaFX referência de CSS.
• É um w3c parada de cor formulário.
• javadoc de como gradientes lineares trabalho em JavaFX.

Porque o gradiente linear em JavaFX CSS é a mesma sintaxe CSS do w3c, qualquer tutorial sobre CSS gradientes lineares retornado pelo google provavelmente irá aplicar ao JavaFX CSS.

Comentários endereço de e-mail para JavaFX documentação é:javasedocs_us@oracle.com

Gradientes lineares e SceneBuilder

Cena Construtor usa FXML para representar gradientes lineares.Ele também pode usar renderização gradientes lineares de CSS, que o editor de gradientes de cor em SceneBuilder trabalha para editar o FXML representação de gradientes e não o CSS representação.

Aqui é um resultado de carregamento os seguintes FXML arquivo em SceneBuilder:

<?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>

Seleccione Definições De Barra De

A barra de rolagem definições de marcação proporcional coordenadas de início e fim propriedades do gradiente linear.Estas coordenadas a partir de um direcional vetor (linha), ao longo do qual as cores no gradiente linear mudar de acordo com o definido pára.Os bares funcionam da seguinte forma:

• barra da esquerda:startY
• barra superior:startX
• barra da direita:endY
• barra inferior:endX

Acima de preenchimento, isso significa começar na parte superior central e de viagem ao centro da parte inferior, variando a cor do branco ao preto que você vá, então, é uma linha reta de cima para baixo vertical de transição.

Discreto Gradientes

Se você não quer uma gradação suave, mas queria uma abrupta, em seguida, adicionar mais parar, por exemplo:

<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>