兩種顏色的JavaFx圈子

Question

有人可以幫我嗎？我需要在javaFX中畫一個圓圈。它應該是部分填充（底部）。頂部應該是透明的。填充部分的級別我應該能夠在運行時更改。另外，也可以是圓充滿兩種顏色

感謝

Answer 1

你可以只使用一個矩形和一個圓作爲其修剪形狀。通過在保持裁剪位置的同時上下移動矩形，可以模擬填充水平。

Answer 2

你可以使用一個線性漸變做到這一點的方法裏，你必須每次都指定該顏色：

private void changeColor(String color){ 

    if(color == null){ 
     color = "transparent"; 
    } 

    circle.setStyle("-fx-fill:linear-gradient(from 100.0% 100.0% to 100.0% 0.0%, rgb(77,102,204) 0.5," + color +" 0.5);"); 

} 

這裏有一個演示：

import javafx.application.Application; 
import javafx.scene.Scene; 
import javafx.scene.control.Button; 
import javafx.scene.layout.Pane; 
import javafx.scene.shape.Circle; 
import javafx.stage.Stage; 

public class Launcher extends Application{ 

private Pane root = new Pane(); 
private Scene scene; 
private Circle circle = new Circle(200, 200, 100); 
private Button btn = new Button("Change"); 

private boolean change = false; 

@Override 
public void start(Stage stage) throws Exception { 




    btn.setOnAction(evt->{ 

     if(change){ 
     change = !change; 
     changeColor("red"); 
     }else{ 
     change = !change; 
     changeColor("transparent"); 
     } 

    }); 

    changeColor("green"); 

    root.getChildren().addAll(btn,circle); 
    scene = new Scene(root,400,400); 
    stage.setScene(scene); 
    stage.show(); 

} 


private void changeColor(String color){ 

    if(color == null || color.isEmpty()){ 
     color = "transparent"; 
    } 

    circle.setStyle("-fx-fill:linear-gradient(from 100.0% 100.0% to 100.0% 0.0%, rgb(77,102,204) 0.5," + color +" 0.5);"); 

} 


public static void main(String[] args) { 

    launch(args); 

} 

} 

這只是一個簡單的方法你可以找到更好，更強大的例子，我想，祝你好運！