Я работал на сцене, когда заметил, что у меня практически одно и то же три раза. Вместо этого (поскольку я ненавижу это) я решил взять то, что у меня было 3 раза, и превратить это в пользовательский компонент.
Теперь я знаю, что могу добавить его в код, но я не могу предсказать поведение макета (два из них будут напрямую отображаться на вкладках, а третий — на панели сетки).
Я попытался импортировать .jar, содержащий элемент управления, в Scene Builder. Появилось диалоговое окно с вопросом, что в 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, и я немного избалован, когда дело доходит до пользовательских элементов управления, поэтому, если вообще возможно сделать что-то подобное, может ли кто-нибудь сказать мне, как?
Можно ли импортировать скомпилированный JAR-файл, содержащий пользовательский элемент управления JavaFX, в 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, так как обычно делаю это в коде, так что цель явно сделать этот элемент управления импортируемым в Scene Builder?
ИЗМЕНИТЬ 2 Хорошо. У меня была догадка, и она оказалась верной, но не помогла. Я удалил ссылку на таблицу стилей CSS элемента управления, и это позволило мне добавить элемент управления без проблем.
Однако, когда я бросил его, в файле FXML произошло следующее:
Это произошло от этого (показана только соответствующая часть):
<Tab fx:id="tabBGStyle" closable="false" text="Background" />
к этому:
<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 после того, как я перетащу пользовательский элемент управления в конструктор. Это возможно? Мне нужно скомпилировать его в банку?
Редактировать 3. Чтобы было немного понятнее, это это именно то, что я хочу увидеть. Это выглядит хорошо, но проблема в том, что нет информации о том, как импортировать пользовательский элемент управления в Scene Builder, так что, когда я перетаскиваю его на холст, я получаю только что-то около одной строки кода, а не полторы книги это письмо (что просто глупо. Если бы я хотел, то мог бы (и сделал бы) это сам).