Javafx Scene Builder Linear Gradient就是这样

Question

有没有人知道地球上的线性梯度是什么？

如何使用右侧面板（尤其是四个滚动条）调整左侧三角形的填充，使三角形上半部白色但下半部分为黑色？

是否有任何文件可以帮助培训人们如何使用它？我真的很抱歉，我找不到它。

提前致谢！

Answer 1

关于线性渐变的一般信息

线性渐变文档位于：

• JavaFX CSS reference。
• 这是w3c color stop form。
• javadoc of how linear gradients work in JavaFX。

因为JavaFX CSS中的线性渐变与w3c CSS的语法相同，所以谷歌返回的任何CSS线性渐变教程都可能适用于JavaFX CSS。

JavaFX文档的反馈电子邮件地址是：javasedocs_us@oracle.com

线性渐变和SceneBuilder

Scene Builder使用FXML表示线性渐变。它也可以使用CSS渲染线性渐变，但SceneBuilder中的渐变编辑器可以编辑渐变的FXML表示而不是CSS表示。

以下是将以下FXML文件加载到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>

滚动条设置

滚动条设置标记线性渐变的开始和结束属性的比例坐标。这些坐标来自方向矢量（线），线性梯度中的颜色根据定义的stops变化。这些栏的工作原理如下：

• 左栏：startY
• 顶栏：startX
• 右栏：endY
• 底栏：endX

有关上述填充，这意味着开始在顶部中心和行进到底部中心，从白到黑改变颜色，当您去，所以它＆＃39; S的直从上到下垂直过渡

离散渐变

如果你不想要一个平滑的渐变，而是想要一个突然的渐变，那么添加更多的停止，例如：

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