当我在舞台上工作时,我发现我几乎经历了三次完全相同的事情。与此相反(因为我讨厌那样),我决定将这 3 次的内容转化为自定义组件。
现在我知道我可以在代码中添加它,但我无法预测布局行为(其中两个将直接进入选项卡,第三个将进入网格窗格)。
我尝试将包含控件的 .jar 导入到场景生成器中。弹出一个对话框,询问我想要导入 JAR 中的内容,但它完全是空的。
我之前见过一些人添加了“自定义控件”(我宽松地使用的术语),结果发现基本上它只是将一堆组件转储在一起以形成控件。这可能对某些人有用,但我并不是在寻找它。澄清
我想要什么(如果我查看 FXML 代码):
<DGCSDefiner //other layout related XML code/>
我不想要什么:
<GridPane //bla bla XML layout code>
<columnConstraints>
//bla bla column constraint stuff
</columnConstraints>
//etc, etc
</GridPane>
这可能吗?我再次摆脱了 C# 和 VS2010,当谈到自定义控件时我有点被宠坏了,所以如果有可能实现这样的事情,有人可以告诉我如何做吗?
是否可以将包含自定义 JavaFX 控件的已编译 JAR 文件导入到 Scene Builder 中,以便将其从库中删除将导致我在那里描述的结果?
EDIT 1好的,这就是我的 FXML 文件中的内容。根据 mlody991 的说法,我需要 3 个文件才能完成这项工作:
FXML 文件(使用 SceneBuilder 构建):
<?xml version="1.0" encoding="UTF-8"?>
<?import java.lang.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>
<?import javafx.scene.text.*?>
<fx:root alignment="CENTER" hgap="5.0" styleClass="root" stylesheets="@DGCSDefiner.css" type="GridPane" vgap="5.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" fx:controller="DGCSDefiner.DGCSDefinerController">
<children>
<ComboBox fx:id="cbxColorStyle" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefWidth="150.0" promptText="Select Background Color Style" />
<ColorPicker fx:id="cpSolidColor" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="32.0" prefWidth="283.0" visible="false" GridPane.rowIndex="1" />
<StackPane fx:id="spSettings" styleClass="Group" GridPane.rowIndex="2" GridPane.vgrow="NEVER">
<children>
<GridPane fx:id="gpLinearSettings" hgap="5.0" styleClass="Group" vgap="20.0" visible="false">
<children>
<Label text="Angle" GridPane.halignment="RIGHT" GridPane.valignment="CENTER">
<font>
<Font name="Arial" size="12.0" />
</font>
</Label>
<ComboBox fx:id="cbxLinearAngle" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefWidth="150.0" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.valignment="CENTER" />
<Label text="1st Color" GridPane.halignment="RIGHT" GridPane.rowIndex="1" />
<ColorPicker fx:id="cpFirstLinearColor" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.rowIndex="1" GridPane.valignment="CENTER" />
<Label text="2nd Color" GridPane.halignment="RIGHT" GridPane.rowIndex="2" />
<ColorPicker fx:id="cpSecondLinearColor" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.hgrow="ALWAYS" GridPane.rowIndex="2" GridPane.valignment="CENTER" GridPane.vgrow="ALWAYS" />
</children>
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" />
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" vgrow="NEVER" />
<RowConstraints minHeight="10.0" vgrow="NEVER" />
<RowConstraints minHeight="10.0" vgrow="NEVER" />
</rowConstraints>
</GridPane>
<TabPane fx:id="tabRadialSettings" styleClass="Group" tabClosingPolicy="UNAVAILABLE" visible="false">
<tabs>
<Tab closable="false" text="Colors">
<content>
<GridPane hgap="5.0" styleClass="Group" vgap="5.0">
<children>
<Label maxHeight="1.7976931348623157E308" text="1st Color" GridPane.vgrow="NEVER" />
<ColorPicker fx:id="cpFirstRadialColor" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" GridPane.columnIndex="1" GridPane.vgrow="NEVER" />
<Label maxHeight="1.7976931348623157E308" text="2nd Color" GridPane.rowIndex="1" GridPane.vgrow="NEVER" />
<ColorPicker fx:id="cpSecondRadialColor" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" GridPane.columnIndex="1" GridPane.rowIndex="1" GridPane.vgrow="NEVER" />
</children>
<columnConstraints>
<ColumnConstraints hgrow="NEVER" minWidth="10.0" />
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
</rowConstraints>
</GridPane>
</content>
</Tab>
<Tab closable="false" text="Size and Position">
<content>
<GridPane hgap="5.0" styleClass="Group" vgap="5.0">
<children>
<Label text="H Position" />
<Label text="V Position" GridPane.rowIndex="1" />
<Label text="Radius" GridPane.rowIndex="2" />
<Slider fx:id="sliderHPos" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" min="1.0" showTickMarks="true" GridPane.columnIndex="1" />
<Slider fx:id="sliderVPos" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" min="1.0" showTickMarks="true" value="1.0" GridPane.columnIndex="1" GridPane.rowIndex="1" />
<Slider fx:id="sliderRadius" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" min="1.0" showTickMarks="true" value="1.0" GridPane.columnIndex="1" GridPane.rowIndex="2" />
</children>
<columnConstraints>
<ColumnConstraints hgrow="NEVER" minWidth="10.0" />
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
</rowConstraints>
</GridPane>
</content>
</Tab>
</tabs>
</TabPane>
</children>
</StackPane>
</children>
<columnConstraints>
<ColumnConstraints halignment="CENTER" hgrow="SOMETIMES" minWidth="10.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" vgrow="ALWAYS" />
</rowConstraints>
</fx:root>
Java 类文件(将代表代码中的实际对象):
package DGCSDefiner;
import java.io.IOException;
import static java.util.Arrays.asList;
import javafx.fxml.FXML;
import javafx.fxml.FXMLLoader;
import javafx.scene.control.ColorPicker;
import javafx.scene.control.ComboBox;
import javafx.scene.control.Slider;
import javafx.scene.control.TabPane;
import javafx.scene.layout.GridPane;
import javafx.scene.layout.Pane;
import javafx.scene.layout.StackPane;
public class DGCSDefiner extends Pane { //DigiGames Color Settings Definer.
// Values injected by FXMLLoader
//<editor-fold defaultstate="collapsed" desc="FXML Variables">
//<editor-fold defaultstate="collapsed" desc="Containers">
@FXML private GridPane gpLinearSettings; // fx:id="gpLinearSettings"
@FXML private StackPane spSettings; // fx:id="spSettings"
@FXML private TabPane tabsRadialSettings; // fx:id="tabRadialSettings"
//</editor-fold>
//<editor-fold defaultstate="collapsed" desc="Color Pickers">
@FXML private ColorPicker cpSolidColor, // fx:id="cpSolidColor"
cpFirstLinearColor, // fx:id="cpFirstLinearColor"
cpSecondLinearColor, // fx:id="cpSecondLinearColor"
cpFirstRadialColor, // fx:id="cpFirstRadialColor"
cpSecondRadialColor; // fx:id="cpSecondRadialColor"
//</editor-fold>
//<editor-fold defaultstate="collapsed" desc="Combo Boxes">
@FXML private ComboBox<ColorStyles> cbxColorStyle; // fx:id="cbxColorStyle"
@FXML private ComboBox<Integer> cbxLinearAngle; // fx:id="cbxLinearAngle"
//</editor-fold>
//<editor-fold defaultstate="collapsed" desc="Sliders">
@FXMLprivate Slider sliderRadius, // fx:id="sliderRadius"
sliderHPos, // fx:id="sliderHPos"
sliderVPos; // fx:id="sliderVPos"
//</editor-fold>
//</editor-fold>
private FXMLLoader Loader;
@FXML // This method is called by the FXMLLoader when initialization is complete
void initialize() {
//<editor-fold defaultstate="collapsed" desc="Assertions">
//<editor-fold defaultstate="collapsed" desc="Container Assertions">
assert this.gpLinearSettings != null : "fx:id=\"gpLinearSettings\" was not injected: check your FXML file 'JFXMLColorStyleDefiner.fxml'.";
assert this.spSettings != null : "fx:id=\"spSettings\" was not injected: check your FXML file 'JFXMLColorStyleDefiner.fxml'.";
assert this.tabsRadialSettings != null : "fx:id=\"tabsRadialSettings\" was not injected: check your FXML file 'JFXMLColorStyleDefiner.fxml'.";
//</editor-fold>
//<editor-fold defaultstate="collapsed" desc="ColorPicker Assertions">
assert this.cpSolidColor != null : "fx:id=\"cpSolidColor\" was not injected: check your FXML file 'JFXMLColorStyleDefiner.fxml'.";
assert this.cpFirstLinearColor != null : "fx:id=\"cpFirstLinearColor\" was not injected: check your FXML file 'JFXMLColorStyleDefiner.fxml'.";
assert this.cpSecondLinearColor != null : "fx:id=\"cpSecondLinearColor\" was not injected: check your FXML file 'JFXMLColorStyleDefiner.fxml'.";
assert this.cpFirstRadialColor != null : "fx:id=\"cpFirstRadialColor\" was not injected: check your FXML file 'JFXMLColorStyleDefiner.fxml'.";
assert this.cpSecondRadialColor != null : "fx:id=\"cpSecondRadialColor\" was not injected: check your FXML file 'JFXMLColorStyleDefiner.fxml'.";
//</editor-fold>
//<editor-fold defaultstate="collapsed" desc="ComboBox Assertions">
assert this.cbxColorStyle != null : "fx:id=\"cbxColorStyle\" was not injected: check your FXML file 'JFXMLColorStyleDefiner.fxml'.";
assert this.cbxLinearAngle != null : "fx:id=\"cbxLinearAngle\" was not injected: check your FXML file 'JFXMLColorStyleDefiner.fxml'.";
//</editor-fold>
//<editor-fold defaultstate="collapsed" desc="Slider Assertions">
assert this.sliderRadius != null : "fx:id=\"sliderRadius\" was not injected: check your FXML file 'JFXMLColorStyleDefiner.fxml'.";
assert this.sliderHPos != null : "fx:id=\"sliderHPos\" was not injected: check your FXML file 'JFXMLColorStyleDefiner.fxml'.";
assert this.sliderVPos != null : "fx:id=\"sliderVPos\" was not injected: check your FXML file 'JFXMLColorStyleDefiner.fxml'.";
//</editor-fold>
//</editor-fold>
//<editor-fold defaultstate="collapsed" desc="Initializations">
//<editor-fold defaultstate="collapsed" desc="ComboBox Initializations">
this.cbxColorStyle.getItems().addAll(
asList(ColorStyles.values())
);
for (int x = 0; x < 8; x++)
this.cbxLinearAngle.getItems().add(x * 45);
this.cbxColorStyle.setOnAction(event -> {
ColorStyles CS = this.cbxColorStyle.getValue();
this.cpSolidColor.setVisible(CS == ColorStyles.SOLID);
this.gpLinearSettings.setVisible(CS == ColorStyles.LINEAR);
this.tabsRadialSettings.setVisible(CS == ColorStyles.RADIAL);
});
//</editor-fold>
this.Loader = new FXMLLoader(
this.getClass().getResource("DGCSDefiner.fxml")
);
this.Loader.setRoot(this);
this.Loader.setController(this);
//</editor-fold>
}
public DGCSDefiner(){
try{ this.Loader.load(); }
catch(IOException e){ throw new RuntimeException(e); }
}
/**
* Get the ColorSettings defined by the control.
* @return Defined Color Settings.
*/
public ColorSettings getColorSettings(){
if (this.cbxColorStyle.getSelectionModel().getSelectedIndex() < 0)
return null;
switch(this.cbxColorStyle.getValue()){
case SOLID:
return new ColorSettings(this.cpSolidColor.getValue());
case LINEAR:
return new ColorSettings(
this.cpFirstLinearColor.getValue(),
this.cpSecondLinearColor.getValue(),
this.cbxLinearAngle.getValue()
);
case RADIAL:
return new ColorSettings(
this.cpFirstRadialColor.getValue(),
this.cpSecondRadialColor.getValue(),
(int)this.sliderRadius.getValue(),
(int)this.sliderHPos.getValue(),
(int)this.sliderVPos.getValue()
);
}
return null; //This should never happen.
}
/**
* Load defined color settings.
* @param cs Predefined color settings.
*/
public void setColorSettings(ColorSettings cs){
this.cbxColorStyle.setValue(cs.Style);
switch(cs.Style){
case SOLID:
this.cpSolidColor.setValue(cs.clrPrimary);
break;
case LINEAR:
this.cbxLinearAngle.setValue(cs.intAngle);
this.cpFirstLinearColor.setValue(cs.clrPrimary);
this.cpSecondLinearColor.setValue(cs.clrSecondary);
break;
case RADIAL:
this.sliderRadius.setValue(cs.intSize);
this.sliderHPos.setValue(cs.intHPos);
this.sliderVPos.setValue(cs.intVPos);
this.cpFirstRadialColor.setValue(cs.clrPrimary);
this.cpSecondRadialColor.setValue(cs.clrSecondary);
}
}
}
然后是最后一个文件,我不明白其目的:
/*
* To change this license header, choose License Headers in Project Properties.
* To change this template file, choose Tools | Templates
* and open the template in the editor.
*/
package DGCSDefiner;
import java.net.URL;
import java.util.ResourceBundle;
import javafx.fxml.Initializable;
/**
*
* @author Will
*/
public class DGCSDefinerController implements Initializable {
@Override
public void initialize(URL location, ResourceBundle resources) {
}
}
有人可以向我解释最后一个文件的用途吗?它的作用是什么?我可以从我提供的示例代码中看到它已被设置为 FXML 控制器,但这仍然告诉我什么。我以前从未真正设置过 FXML 控制器,因为我通常在代码中进行设置,那么它的目的是否明确是使该控件可导入到场景生成器中?
EDIT 2好的。我有一种预感,事实证明它是正确的,但没有帮助。我删除了控件 CSS 样式表引用,它允许我添加控件,没有问题。
然而,当我将其放入 FXML 文件中时,发生了以下情况:
它是这样的(仅显示相关部分):
<Tab fx:id="tabBGStyle" closable="false" text="Background" />
to this:
<Tab fx:id="tabBGStyle" closable="false" text="Background">
<content>
<GridPane alignment="CENTER" hgap="5.0" styleClass="root" vgap="5.0">
<children>
<ComboBox fx:id="cbxColorStyle" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefWidth="150.0" promptText="Select Background Color Style" />
<ColorPicker fx:id="cpSolidColor" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefHeight="32.0" prefWidth="283.0" visible="false" GridPane.rowIndex="1" />
<StackPane fx:id="spSettings" styleClass="Group" GridPane.rowIndex="2" GridPane.vgrow="NEVER">
<children>
<GridPane fx:id="gpLinearSettings" hgap="5.0" styleClass="Group" vgap="20.0" visible="false">
<children>
<Label text="Angle" GridPane.halignment="RIGHT" GridPane.valignment="CENTER">
<font>
<Font name="Arial" size="12.0" />
</font>
</Label>
<ComboBox fx:id="cbxLinearAngle" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" prefWidth="150.0" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.valignment="CENTER" />
<Label text="1st Color" GridPane.halignment="RIGHT" GridPane.rowIndex="1" />
<ColorPicker fx:id="cpFirstLinearColor" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.rowIndex="1" GridPane.valignment="CENTER" />
<Label text="2nd Color" GridPane.halignment="RIGHT" GridPane.rowIndex="2" />
<ColorPicker fx:id="cpSecondLinearColor" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" GridPane.columnIndex="1" GridPane.halignment="CENTER" GridPane.hgrow="ALWAYS" GridPane.rowIndex="2" GridPane.valignment="CENTER" GridPane.vgrow="ALWAYS" />
</children>
<columnConstraints>
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" />
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" vgrow="NEVER" />
<RowConstraints minHeight="10.0" vgrow="NEVER" />
<RowConstraints minHeight="10.0" vgrow="NEVER" />
</rowConstraints>
</GridPane>
<TabPane fx:id="tabRadialSettings" styleClass="Group" tabClosingPolicy="UNAVAILABLE" visible="false">
<tabs>
<Tab closable="false" text="Colors">
<content>
<GridPane hgap="5.0" styleClass="Group" vgap="5.0">
<children>
<Label maxHeight="1.7976931348623157E308" text="1st Color" GridPane.vgrow="NEVER" />
<ColorPicker fx:id="cpFirstRadialColor" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" GridPane.columnIndex="1" GridPane.vgrow="NEVER" />
<Label maxHeight="1.7976931348623157E308" text="2nd Color" GridPane.rowIndex="1" GridPane.vgrow="NEVER" />
<ColorPicker fx:id="cpSecondRadialColor" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" GridPane.columnIndex="1" GridPane.rowIndex="1" GridPane.vgrow="NEVER" />
</children>
<columnConstraints>
<ColumnConstraints hgrow="NEVER" minWidth="10.0" />
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0"/>
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
</rowConstraints>
</GridPane>
</content>
</Tab>
<Tab closable="false" text="Size and Position">
<content>
<GridPane hgap="5.0" styleClass="Group" vgap="5.0">
<children>
<Label text="H Position" />
<Label text="V Position" GridPane.rowIndex="1" />
<Label text="Radius" GridPane.rowIndex="2" />
<Slider fx:id="sliderHPos" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" min="1.0" showTickMarks="true" GridPane.columnIndex="1" />
<Slider fx:id="sliderVPos" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" min="1.0" showTickMarks="true" value="1.0" GridPane.columnIndex="1" GridPane.rowIndex="1" />
<Slider fx:id="sliderRadius" maxHeight="1.7976931348623157E308" maxWidth="1.7976931348623157E308" min="1.0" showTickMarks="true" value="1.0" GridPane.columnIndex="1" GridPane.rowIndex="2" />
</children>
<columnConstraints>
<ColumnConstraints hgrow="NEVER" minWidth="10.0" />
<ColumnConstraints hgrow="SOMETIMES" minWidth="10.0" prefWidth="100.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
</rowConstraints>
</GridPane>
</content>
</Tab>
</tabs>
</TabPane>
</children>
</StackPane>
</children>
<columnConstraints>
<ColumnConstraints halignment="CENTER" hgrow="SOMETIMES" minWidth="10.0" />
</columnConstraints>
<rowConstraints>
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" vgrow="SOMETIMES" />
<RowConstraints minHeight="10.0" vgrow="ALWAYS" />
</rowConstraints>
</GridPane>
</content>
</Tab>
这正是我所想的不要。
我希望看到的是这样的效果:
<Tab fx:id="tabBGStyle" closable="false" text="Background">
<content>
<DGCSDefiner/>
</content>
</Tab>
将自定义控件拖放到设计器中后,在 FXML 代码中。
那可能吗?我需要将其编译成jar吗?
Edit 3为了更清楚一点,this这正是我希望看到的事情发生。这看起来不错,但问题是没有关于如何将自定义控件导入场景生成器的信息,这样当我将其拖放到画布上时,我只能到达单行代码附近的某个位置,而不是它正在写一本书半(这很愚蠢。如果我愿意,我可以(并且愿意)自己做)。