- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我已经运行了 Mastering FXML example , How to create custom components in JavaFX 2.0 using FXML并尝试了该站点的各种其他解决方案,但我仍然没有找到一个足够简单的示例来说明如何设置不是 GUI 的唯一部分的自定义控件。由于问题仍然出现,看来我们需要一个更简单的例子来帮助我们中的一些人......
我正在尝试创建一个简单的控件,该控件由一个垂直的 SplitPane 组成,顶部有一个 Button,下部有一个标签。然后我想将此 SplitPane 控件的实例放置在 TabPane 的多个选项卡中。要么控件不显示,要么我陷入各种错误,具体取决于我尝试遵循的示例。所以,我会回溯一下,只是简单地问:我如何分离出 SplitPane 成为此处的自定义控件?
这是 FXML 文档:
<?xml version="1.0" encoding="UTF-8"?>
<?import javafx.scene.control.Button?>
<?import javafx.scene.control.Label?>
<?import javafx.scene.control.SplitPane?>
<?import javafx.scene.control.Tab?>
<?import javafx.scene.control.TabPane?>
<?import javafx.scene.layout.AnchorPane?>
<TabPane prefHeight="256.0" prefWidth="477.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1" fx:controller="customcontroltest.FXMLDocumentController">
<tabs>
<Tab>
<content>
<SplitPane dividerPositions="0.5" orientation="VERTICAL" prefHeight="114.0" prefWidth="160.0">
<items>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="100.0" prefWidth="160.0">
<children>
<Button fx:id="button" onAction="#handleButtonAction" text="Click Me!" />
</children>
</AnchorPane>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="100.0" prefWidth="160.0">
<children>
<Label fx:id="label" minHeight="16" minWidth="69" />
</children>
</AnchorPane>
</items>
</SplitPane>
</content>
</Tab>
</tabs>
</TabPane>
和 Controller 类:
package customcontroltest;
import java.net.URL;
import java.util.ResourceBundle;
import javafx.event.ActionEvent;
import javafx.fxml.FXML;
import javafx.fxml.Initializable;
import javafx.scene.control.Label;
public class FXMLDocumentController implements Initializable
{
@FXML
private Label label;
@FXML
private void handleButtonAction(ActionEvent event)
{
label.setText("Hello World!");
}
@Override
public void initialize(URL url, ResourceBundle rb)
{
// TODO
}
}
和主要测试类:
package customcontroltest;
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;
public class CustomControlTest extends Application
{
@Override
public void start(Stage stage) throws Exception
{
Parent root = FXMLLoader.load(getClass().getResource("FXMLDocument.fxml"));
Scene scene = new Scene(root);
stage.setScene(scene);
stage.show();
}
public static void main(String[] args)
{
launch(args);
}
}
我制作了一个新的 FXML 文件,并将整个 SplitPane 标签及其所有内容剪切/粘贴到其中。我将 FXML 文档中的 SplitPane 标记替换为 <packageName.ControlClassName />
.然后我制作了 Controller 类来扩展 SplitPane。我试过在 FXML 标记和/或 Controller 类中指定 Controller ,但从来没有做对。知识渊博的人愿意花几分钟来展示一个有效的例子吗?我猜想更多的人会发现这样的例子非常有用。因此,SplitPane 应该是新的自定义控件,然后您可以默认将其加载到 TabPane 的第一个选项卡中。然后我将编写代码以将更多实例添加到后续选项卡中。
非常感谢您。
更新:我已经打破了SplitPane
进入它自己的 FXML 和 Controller 类。这是 FXML (CustomSplitPane.fxml):
<fx:root type="javafx.scene.control.SplitPane" dividerPositions="0.5" orientation="VERTICAL" prefHeight="114.0" prefWidth="160.0" xmlns:fx="http://javafx.com/fxml/1" fx:controller="customcontroltest.CustomSplitPaneController">
<items>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="100.0" prefWidth="160.0">
<children>
<Button fx:id="button" onAction="#handleButtonAction" text="Click Me!" />
</children>
</AnchorPane>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="100.0" prefWidth="160.0">
<children>
<Label fx:id="label" minHeight="16" minWidth="69" />
</children>
</AnchorPane>
</items>
</fx:root>
和 Controller 类(CustomSplitPaneController.java):
package customcontroltest;
public class CustomSplitPaneController extends AnchorPane
{
@FXML
private Label label;
private SplitPane mySplitPane;
public CustomSplitPaneController()
{
FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("CustomSplitPane.fxml"));
try
{
fxmlLoader.load();
} catch (IOException exception)
{
throw new RuntimeException(exception);
}
}
@FXML
private void handleButtonAction(ActionEvent event)
{
label.setText("Hello World!");
}
}
原来的主 FXML 现在看起来像这样:
<TabPane prefHeight="256.0" prefWidth="477.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1" fx:controller="customcontroltest.FXMLDocumentController">
<tabs>
<Tab>
<content>
<customcontroltest.CustomSplitPaneController />
</content>
</Tab>
</tabs>
</TabPane>
fxmlLoader.load()
在CustomSplitPaneController
似乎导致了 java.lang.StackOverflowError。也许现在这里的人更清楚我所缺少的是什么?
再次感谢。
最佳答案
fx:controller
FXML 文件中的属性是 FXML 加载器创建指定类的实例并将其用作 FXML 定义的 UI 层次结构的 Controller 的指令。
在尝试创建您发布的自定义拆分 Pane 时,当您创建 CustomSplitPaneController
的实例时会发生什么?是:
FXMLLoader
在 CustomSplitPaneController
的构造函数中,加载 CustomSplitPane.fxml
CustomSplitPane.fxml
有一个 fx:controller
属性指定 CustomSplitPaneController
作为 Controller 类,因此它创建了 CustomSplitPaneController
的新实例(当然是通过调用它的构造函数)CustomSplitPaneController
的构造函数创建一个 FXMLLoader
加载 CustomSplitPane.fxml
很快,您会遇到堆栈溢出异常。
JavaFX 中的控制类封装了 View 和 Controller 。在标准的 JavaFX 控件类中, View 由 Skin
表示。类和 Controller 由 Behavior
类(class)。控件类本身扩展了 Node
(或子类:Region
),当您实例化它时,它会同时实例化皮肤和行为。皮肤定义控件的布局和外观,行为将各种输入操作映射到修改控件本身属性的实际代码。
在您尝试复制的模式中,显示为 here和 here ,这里稍作修改。在此版本中,“ View ”由 FXML 文件定义, Controller (行为)直接在控件类本身中实现(没有单独的行为类)。
要完成这项工作,您必须使用与平常略有不同的 FXML。首先,当您使用自定义控件时,您将直接实例化控件类(无需了解定义其布局的 FXML)。所以如果你在 java 中使用它,你会做 new CustomSplitPane()
,如果你在 FXML 中使用它,你会做 <CustomSplitPane>
.无论哪种方式,您都会调用自定义控件的构造函数(我称之为 CustomSplitPane
)。
使用CustomSplitPane
在 UI 层次结构中,它当然必须是 Node
子类。如果你想让它成为一种 SplitPane
, 你会让它扩展 SplitPane
:
public class CustomSplitPane extends SplitPane {
// ...
}
现在,在 CustomSplitPane
的构造函数中,您需要加载定义布局的 FXML 文件,但您需要它来布置当前对象。 (在 FXML 文件的通常用法中,FXMLLoader
为层次结构的根创建一个指定类型的新节点,load()
方法返回它。您希望 FXMLLoader
使用现有对象作为层次结构的根。)为此,您使用 <fx:root>
元素作为 FXML 文件的根元素,你告诉 FXMLLoader
使用 this
作为根:
loader.setRoot(this);
此外,由于处理程序方法是在当前对象中定义的,因此您还希望 Controller 成为当前对象:
loader.setController(this);
由于您将现有对象指定为 Controller ,因此您不能有 fx:controller
FXML 文件中的属性。
所以你最终得到:
package customcontroltest;
public class CustomSplitPane extends SplitPane {
@FXML
private Label label;
public CustomSplitPaneController() {
FXMLLoader fxmlLoader = new FXMLLoader(getClass().getResource("CustomSplitPane.fxml"));
fxmlLoader.setRoot(this);
fxmlLoader.setController(this);
try {
fxmlLoader.load();
} catch (IOException exception) {
throw new RuntimeException(exception);
}
}
@FXML
private void handleButtonAction(ActionEvent event)
label.setText("Hello World!");
}
}
和 FXML 文件:
<fx:root type="javafx.scene.control.SplitPane" dividerPositions="0.5" orientation="VERTICAL" prefHeight="114.0" prefWidth="160.0" xmlns:fx="http://javafx.com/fxml/1" >
<items>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="100.0" prefWidth="160.0">
<children>
<Button fx:id="button" onAction="#handleButtonAction" text="Click Me!" />
</children>
</AnchorPane>
<AnchorPane minHeight="0.0" minWidth="0.0" prefHeight="100.0" prefWidth="160.0">
<children>
<Label fx:id="label" minHeight="16" minWidth="69" />
</children>
</AnchorPane>
</items>
</fx:root>
现在您可以根据需要在另一个 FXML 文件中使用它:
<TabPane prefHeight="256.0" prefWidth="477.0" xmlns="http://javafx.com/javafx/8.0.60" xmlns:fx="http://javafx.com/fxml/1" fx:controller="customcontroltest.FXMLDocumentController">
<tabs>
<Tab>
<content>
<customcontroltest.CustomSplitPane />
</content>
</Tab>
</tabs>
</TabPane>
关于重新审视 JavaFX 自定义控件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41579752/
我想实现自定义搜索,但遇到了一个麻烦。我需要将 UIButton、SearchBar 组合在一个控件中,以便我可以通过指针引用它。然后我将向该组合控件动态添加更多 UIbutton。最重要的是,我想将
它没有在我的方法中执行 if block 中的语句 母版页:- 页面加载事件:- Control c = new Control(); DoSomething(c); 我的方法:- protecte
ComboBox 控件有一个 setConverter 方法,请参阅 JavaFX ComboBox - Display text but return ID on selection举个例子。我正在
我没有找到任何包含用于标记化(标记)文本输入的控件的 wpf 库。也许我找不到库,因为我错误地调用了这个组件。怎么叫或者哪里有这样的库? 最佳答案 DevExpress WPF 库包含多个数据编辑控件
是否有 Silverlight 控件允许您输入文本并将其突出显示为代码? 例如: foreach (client in Clients){ client.Save();} would become
我有以下用户控件 a) Panel.ZIndex="99999999" 是否是将此控件设置为该控件中 TopMost 的正
是否可以在 Windows 窗体中使用 C# 在窗体加载时隐藏所有特定控件,例如标签或按钮,然后选择显示我不想显示的那些? 我有一个包含很多按钮和标签的程序,但我只想在加载时显示一两个,我觉得对每个标
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: Duplicating components at Run-Time 我有一个TMyControl ( Contro
我正在尝试在 Delphi 中编写一个 dll 库,其中包含一个创建 TFrame 后代实例并返回它的函数。但是当我在应用程序中导入这个函数时,每次调用它时,我都会得到一个异常,例如“'xxx'控件没
是否有 Win32 API 调用来确定哪些窗口和/或控件在特定坐标和/或鼠标下可见? 最佳答案 您可以使用GetWindowFromPoint 。它将返回窗口句柄,以便您可以使用 GetClassNa
我需要在编辑控件中输入以下公式: 公式是在 MS Word 中制作的。尝试将其复制/粘贴到编辑控件(单行或多行)后,我得到 M 0.33 Q10T9.1-9.7。 当我输入这个时,我正在研究 Rich
我只是想成功地将它添加到我的窗口中,但这却出奇地困难。 我已经尝试过 #include "windef.h" #include "winbase.h" #include "initguid.h" #i
我希望能够使用 google maps api v3 拥有自己的“街景”按钮。单击按钮时,我希望它根据我的标记经纬度加载街景。然后我希望按钮更改为“返回 map ”,然后再次加载默认 map View
我目前正在用 PHP 开发(另一个)开源 CMS,我想使用 javascript 控件,尤其是管理面板。问题是,是否有任何具有 PHP 接口(interface)的开源、可自由分发的控件(用于创建 j
我为其编写软件的产品之一是会计类应用程序。它用 C++ 编写,使用 C++ Builder 和 VCL 控件,连接到运行在 Linux 上的 PostgreSQL 数据库。 PostgreSQL 数据
我使用 Key Listener 来读取用户的输入,但我遇到了问题。首先,我读到 JTextField“请输入您的姓名”。如果用户输入一个名字,例如 John,它将更改为 John。但是,如果用户输入
我正在尝试对齐数据表列中的复选框(h=center,v=middle) ... 但复选框仍然显示在错误的位置(见附图)
我有一个包含统计信息的 JSON 数据树: { prefix: "a", count: 20, children: [ { prefix: "a:b", c
我在 Photoshop 中设计了一个模型,我打算将它应用到我的产品目录的 ListView 控件中,但它似乎没有正确显示(未对齐?),我希望这里的人可以像我一样指出我的错误试图弄清楚无济于事。 预期
您是使用 ASP.NET 控件还是仅使用带有 CSS 的 HTML? 我在 TextBox 和 DropDownList 的宽度方面遇到了一些问题。在不同的浏览器中,宽度会有所不同,控件的大小也不会相
我是一名优秀的程序员,十分优秀!