JavaFX曲線


JavaFX曲線

要建立三次曲線,請使用適當的建構函式。

設定三次曲線的主要引數是startXstartY,controlX1(控制元件點1X),controlY1(控制元件點1Y),controlX2(控制元件點2X)和controlY2(控制元件點2Y),endXendY

startXstartYendXendY引數是曲線的起點和終點。controlX1controlY1controlX2controlY2是控制元件點。

控制點(控制X1,控制Y1)影響線起點(startX,startY)和中間點之間的線段。控制點(controlX2,controlY2)影響線的中點與其終點(endX,endY)之間的線段。

控制點將曲線拉向自身的方向。

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.shape.CubicCurve;
import javafx.stage.Stage;
// create W  w w . yI I b AI.COm 
public class Main extends Application {
  public static void main(String[] args) {
    launch(args);
  }

  @Override
  public void start(Stage stage) {
    stage.setTitle("ComboBoxSample");
    Scene scene = new Scene(new Group(), 450, 250);

    CubicCurve cubic = new CubicCurve();
    cubic.setStartX(0.0f);
    cubic.setStartY(50.0f);
    cubic.setControlX1(25.0f);
    cubic.setControlY1(0.0f);
    cubic.setControlX2(75.0f);
    cubic.setControlY2(100.0f);
    cubic.setEndX(100.0f);
    cubic.setEndY(50.0f);


    Group root = (Group) scene.getRoot();
    root.getChildren().add(cubic);
    stage.setScene(scene);
    stage.show();
  }
}

執行上面的程式碼,得到如下結果 -

QuadCurve

javafx.scene.shape.QuadCurve類與三次曲線類似。相反的它只有兩個控制點,我們只為QuadCurve描繪一個控制點。如下程式碼所示 -

import javafx.application.Application;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.shape.QuadCurve;
import javafx.stage.Stage;

public class Main extends Application {
    @Override
    public void start(Stage stage) {
        Group root = new Group();
        Scene scene = new Scene(root, 300, 150);
        stage.setScene(scene);
        stage.setTitle("");

        QuadCurve quad = new QuadCurve();
        quad.setStartX(0.0f);
        quad.setStartY(50.0f);
        quad.setEndX(50.0f);
        quad.setEndY(50.0f);
        quad.setControlX(25.0f);
        quad.setControlY(0.0f);

        root.getChildren().add(quad);

        scene.setRoot(root);
        stage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

執行上面的程式碼,得到如下結果 -