簡體   English   中英

是否可以將窗格的高度/寬度綁定到 BorderPane 的中心節點?

[英]Is it possible to bind the height/width of a pane to the center node of a BorderPane?

我有一個任務需要我擴展窗格 class,然后在其上添加一個矩形。 然后我填充矩形並使用一些按鈕來更改矩形的 colors。 我將擴展的窗格 class 添加到邊框窗格的中心節點,但我設想矩形占據整個窗格並與窗格的高度和寬度相結合,然后窗格占用整個邊框窗格的中心窗格並綁定到 centerPane 的高度和寬度。 我是否應該制作一個窗格,然后將擴展窗格添加到窗格,然后將窗格添加到 BorderPane 的中心窗格? 這是我的全部代碼。 我在下面得到的圖像也是如此。

在此處輸入圖像描述

package homework;

import javafx.scene.shape.*;

import javafx.application.Application;
import javafx.beans.property.DoubleProperty;
import javafx.beans.property.Property;
import javafx.beans.property.SimpleDoubleProperty;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Pane;
import javafx.scene.layout.Region;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class ColorSample extends Application{
    @Override
    public void start (Stage primaryStage) {
        //Create border pane
        BorderPane bp = new BorderPane();
        
        //Create saturation buttons
        Button btnMSat = new Button("More Saturated");
        Button btnLSat = new Button("Less Saturated");
        
        //Create hue buttons
        Button btnHueU = new Button("Hue Up");
        Button btnHueD = new Button("Hue Down");
        
        //Create Darker/Brighter buttons
        Button btnDark = new Button("Darker");
        Button btnBright = new Button("Brighter");
        
        //Create Top and bottom HBoxes
        HBox THBox = new HBox(10);
        THBox.setAlignment(Pos.CENTER);
        HBox BHBox = new HBox(10);
        BHBox.setAlignment(Pos.CENTER);
        
        //Create ColorPane
        Color color = Color.MEDIUMBLUE;
        ColorPane cp = new ColorPane(color);
        cp.setColor(color);
        //Set Events
        //More Saturation Clicked
        btnMSat.setOnAction(e->{
            cp.setColor(cp.moreSaturation(cp.getColor()));
        });
        //Less Saturation Clicked
        btnLSat.setOnAction(e->{
            cp.setColor(cp.lessSaturation(cp.getColor()));
        });
        //Hue Up Clicked
        btnHueU.setOnAction(e->{
            cp.setHue(cp.getColor(), 30);
        });
        //Hue Down Clicked
        btnHueD.setOnAction(e->{
            cp.setHue(cp.getColor(), -30);
        });
        //Darker Clicked
        btnDark.setOnAction(e->{
            cp.darker(cp.getColor());
        });
        //Brighter Clicked
        btnDark.setOnAction(e->{
            cp.brighter(cp.getColor());
        });
        
        //Add Saturation Buttons to Top HBox
        THBox.getChildren().addAll(btnMSat, btnLSat);
        bp.setTop(THBox);
        //Add Darker/Lighter buttons to Bottom HBox
        BHBox.getChildren().addAll(btnDark, btnBright);
        bp.setBottom(BHBox);
        //Create right side VBox
        VBox RVBox = new VBox(10);
        RVBox.setAlignment(Pos.CENTER);
        //Add Hue buttons to right side VBox
        RVBox.getChildren().addAll(btnHueU, btnHueD);
        bp.setPrefSize(450, 325);
        bp.setRight(RVBox);
        //Add ColorPane to Border Panel
        bp.setCenter(cp);
        BorderPane.setAlignment(cp, Pos.CENTER);
        
        
        //Create scene and add border pane to it
        Scene scene = new Scene(bp, 525, 450);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
    
    class ColorPane extends Pane {
        Rectangle rectangle = new Rectangle();
            
    
        ColorPane() {
            //Set properties
            rectangle.setX(0);
            rectangle.setY(0);
            //Bind width and height
            rectangle.setWidth(USE_COMPUTED_SIZE);
            rectangle.setHeight(USE_COMPUTED_SIZE);
            getChildren().add(rectangle);
        }
        
        ColorPane(Color c) {
            //Set properties
            rectangle.setX(0);
            rectangle.setY(0);
            rectangle.setWidth(450);
            rectangle.setHeight(450);
            //Bind width and height
            rectangle.widthProperty().bind(widthProperty());
            rectangle.heightProperty().bind(heightProperty());
            setColor(c);
            rectangle.setStroke(c);
            rectangle.setFill(c);
            getChildren().add(rectangle);
        }   
        
        @Override
        public void setWidth(double w) {
            super.setWidth(w);
            
        }
        
        @Override
        public void setHeight(double h) {
            super.setWidth(h);
            
        }
        
        public Color setHue(Color color, double h) {
            double newHue = 0;
            
            if(color.getHue() + h >= 360)
                newHue = 360;
            else if (color.getBlue() + h <= 0)
                newHue = 0;
            else
                newHue+=h;
            
            Color output = Color.hsb(newHue, color.getSaturation(),
                    color.getBrightness(), color.getOpacity());
            
            return output;
        }
        
        public Color moreSaturation(Color color) {
            double newSat = 0;
            
            if (Math.pow(color.getSaturation(), 2) > 1)
                newSat = 1;
            else
                newSat = Math.pow(color.getSaturation(), 2);
            
            Color output = Color.hsb(color.getHue(), newSat,
                    color.getBrightness(), color.getOpacity());
            
            return output;
        }
        
        public Color lessSaturation(Color color) {
            double newSat = 0;
            
            if (Math.sqrt(color.getSaturation()) > 0)
                newSat = Math.sqrt(color.getSaturation());
            
            Color output = Color.hsb(color.getHue(), newSat,
                    color.getBrightness(), color.getOpacity());
            
            return output;
        }
        
        public Color darker(Color color) {
            double brightness = 0;
            if(Math.pow(color.getBrightness(), 2) >=1)
                brightness =1;
            else
                brightness = Math.pow(color.getBrightness(), 2);
            Color output = Color.hsb(color.getHue(), color.getSaturation(),
                    brightness, color.getOpacity());
            return output;
        }
        
        public Color brighter(Color color) {
            double brightness = 0;
            if(Math.sqrt(color.getBrightness())>0)
                brightness = Math.sqrt(color.getBrightness());
            
            Color output = Color.hsb(color.getHue(), color.getSaturation(),
                    brightness, color.getOpacity());
            
            return output;
        }
        
        public Color getColor() {
            return (Color) rectangle.getFill();
        }
        
        public void setColor(Color c) {
            rectangle.setStroke(c);
            rectangle.setFill(c);
        }
    }
    
    public static void main(String[] args) {
        Application.launch(args);
    }
}

實際上將ColorPane的添加設置到BorderPane的中心節點的左上角position,然后將其添加到中心:

bp.setAlignment(cp, Pos.TOP_LEFT);
bp.setCenter(cp);

仍在嘗試弄清楚如何在調整大小時處理該行為,但這要好得多。

好的,所以在 ColorPane 構造函數中,我注釋掉了綁定高度和寬度的行,所以現在出現了矩形,但是當矩形從窗格的坐標 0,0 開始時(參見構造函數),ColorPane 本身並沒有填充邊框窗格的中心窗格。 截圖和代碼如下。

矩形需要填充中心窗格,而不是與底部窗格重疊

package homework;

import javafx.scene.shape.*;

import javafx.application.Application;
import javafx.beans.property.DoubleProperty;
import javafx.beans.property.Property;
import javafx.beans.property.SimpleDoubleProperty;
import javafx.geometry.Insets;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Pane;
import javafx.scene.layout.Region;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;

public class ColorSample extends Application{
    @Override
    public void start (Stage primaryStage) {
        //Create border pane
        BorderPane bp = new BorderPane();
        
        //Create saturation buttons
        Button btnMSat = new Button("More Saturated");
        Button btnLSat = new Button("Less Saturated");
        
        //Create hue buttons
        Button btnHueU = new Button("Hue Up");
        Button btnHueD = new Button("Hue Down");
        
        //Create Darker/Brighter buttons
        Button btnDark = new Button("Darker");
        Button btnBright = new Button("Brighter");
        
        //Create Top and bottom HBoxes
        HBox THBox = new HBox(10);
        THBox.setAlignment(Pos.CENTER);
        HBox BHBox = new HBox(10);
        BHBox.setAlignment(Pos.CENTER);
        
        //Create ColorPane
        Color color = Color.MEDIUMBLUE;
        ColorPane cp = new ColorPane(color);
        cp.setColor(color);
        //Set Events
        //More Saturation Clicked
        btnMSat.setOnAction(e->{
            cp.setColor(cp.moreSaturation(cp.getColor()));
        });
        //Less Saturation Clicked
        btnLSat.setOnAction(e->{
            cp.setColor(cp.lessSaturation(cp.getColor()));
        });
        //Hue Up Clicked
        btnHueU.setOnAction(e->{
            cp.setHue(cp.getColor(), 30);
        });
        //Hue Down Clicked
        btnHueD.setOnAction(e->{
            cp.setHue(cp.getColor(), -30);
        });
        //Darker Clicked
        btnDark.setOnAction(e->{
            cp.darker(cp.getColor());
        });
        //Brighter Clicked
        btnDark.setOnAction(e->{
            cp.brighter(cp.getColor());
        });
        
        //Add Saturation Buttons to Top HBox
        THBox.getChildren().addAll(btnMSat, btnLSat);
        bp.setTop(THBox);
        //Add Darker/Lighter buttons to Bottom HBox
        BHBox.getChildren().addAll(btnDark, btnBright);
        bp.setBottom(BHBox);
        //Create right side VBox
        VBox RVBox = new VBox(10);
        RVBox.setAlignment(Pos.CENTER);
        //Add Hue buttons to right side VBox
        RVBox.getChildren().addAll(btnHueU, btnHueD);
        //bp.setPrefSize(450, 325);
        bp.setRight(RVBox);
        //Add ColorPane to Center Border Panel
        //Insets inset = new Insets(5,5,5,5);
        //bp.setPadding(inset);
        //bp.setAlignment(cp, Pos.CENTER);
        bp.setCenter(cp);
        
        
        //Create scene and add border pane to it
        Scene scene = new Scene(bp, 525, 450);
        primaryStage.setScene(scene);
        primaryStage.show();
    }
    
    class ColorPane extends Pane {
        Rectangle rectangle = new Rectangle();
            
    
        ColorPane() {
            //Set properties
            rectangle.setX(0);
            rectangle.setY(0);
            //Bind width and height
            /*rectangle.setWidth(USE_COMPUTED_SIZE);
            rectangle.setHeight(USE_COMPUTED_SIZE);*/
            getChildren().add(rectangle);
        }
        
        ColorPane(Color c) {
            //Set properties
            rectangle.setX(0);
            rectangle.setY(0);
            rectangle.setWidth(450);
            rectangle.setHeight(450);
            //Bind width and height
            /*rectangle.widthProperty().bind(widthProperty());
            rectangle.heightProperty().bind(heightProperty());*/
            setColor(c);
            rectangle.setStroke(c);
            rectangle.setFill(c);
            getChildren().add(rectangle);
        }   
        
        @Override
        public void setWidth(double w) {
            super.setWidth(w);
            
        }
        
        @Override
        public void setHeight(double h) {
            super.setWidth(h);
            
        }
        
        public Color setHue(Color color, double h) {
            double newHue = 0;
            
            if(color.getHue() + h >= 360)
                newHue = 360;
            else if (color.getBlue() + h <= 0)
                newHue = 0;
            else
                newHue+=h;
            
            Color output = Color.hsb(newHue, color.getSaturation(),
                    color.getBrightness(), color.getOpacity());
            
            return output;
        }
        
        public Color moreSaturation(Color color) {
            double newSat = 0;
            
            if (Math.pow(color.getSaturation(), 2) > 1)
                newSat = 1;
            else
                newSat = Math.pow(color.getSaturation(), 2);
            
            Color output = Color.hsb(color.getHue(), newSat,
                    color.getBrightness(), color.getOpacity());
            
            return output;
        }
        
        public Color lessSaturation(Color color) {
            double newSat = 0;
            
            if (Math.sqrt(color.getSaturation()) > 0)
                newSat = Math.sqrt(color.getSaturation());
            
            Color output = Color.hsb(color.getHue(), newSat,
                    color.getBrightness(), color.getOpacity());
            
            return output;
        }
        
        public Color darker(Color color) {
            double brightness = 0;
            if(Math.pow(color.getBrightness(), 2) >=1)
                brightness =1;
            else
                brightness = Math.pow(color.getBrightness(), 2);
            Color output = Color.hsb(color.getHue(), color.getSaturation(),
                    brightness, color.getOpacity());
            return output;
        }
        
        public Color brighter(Color color) {
            double brightness = 0;
            if(Math.sqrt(color.getBrightness())>0)
                brightness = Math.sqrt(color.getBrightness());
            
            Color output = Color.hsb(color.getHue(), color.getSaturation(),
                    brightness, color.getOpacity());
            
            return output;
        }
        
        public Color getColor() {
            return (Color) rectangle.getFill();
        }
        
        public void setColor(Color c) {
            rectangle.setStroke(c);
            rectangle.setFill(c);
        }
    }
    
    public static void main(String[] args) {
        Application.launch(args);
    }
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM