JavaFXシーンビルダーのリニアグラデーションは何ですか

StackOverflow https://stackoverflow.com//questions/25066833

  •  23-12-2019
  •  | 
  •  

質問

地球上のものが線形勾配のものであることを知っていますか?

ENTER IMENTDESCRUシストの入力

右側のスクロールバーを使用して、左側の三角形の塗りを調整するには、三角形の上半分を作るが半分のブラックの塗りつぶしを調整する方法がありますか?

人々に使う方法を訓練するのを助ける文書はありますか?私はそれを見つけることができないほど申し訳ありません。

事前にありがとう!

役に立ちましたか?

解決

線形勾配の一般情報

リニアグラデーションのマニュアルは以下のとおりです。

JavaFX CSSのリニアグラデーションはW3C CSSと同じ構文であるため、Googleによって返されたCSSリニアグラデーションに関するすべてのチュートリアルはおそらくJavaFX CSSに適用されます。

JavaFXのドキュメントのための電子メールアドレスは次のとおりです.javasedocs_us@oracle.com

リニアグラデーションとシーンビルダー

Scene BuilderはFXMLを使用してリニアグラデーションを表します。 CSSからリニアグラデーションをレンダリングすることもできますが、SceneBuilderのグラデーションエディタはGradientsの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>
.

Gradient

スクロールバーの設定

スクロールバーの設定は、線形勾配の開始特性と終了特性の比例座標をマークしています。これらは、定義された を停止します。バーは次のように機能します。

  • 左側のバー:starty
  • トップバー:startx
  • 右バー:endy
  • ボトムバー:ENDX

上記の塗りつぶしでは、上部の中心から始めて、白から黒まで色を変えることを意味しますので、下の垂直方向の遷移への直線上の上のトップです。

離散勾配

あなたがスムーズな勾配を望んでいたが代わりに急激なものを望んでいたならば、それからより多くの停止を追加する、例えば:

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

画像の入力ここで

ライセンス: CC-BY-SA帰属
所属していません StackOverflow
scroll top