2014-05-02 25 views
0

我想創建JavaFX的一個旋鈕控制這個例子作爲出發點,以FXML當空:http://fxexperience.com/2012/01/fun-javafx-2-0-audio-player/無法加載皮膚:應用CSS在場景建設者

在它們被應用的皮膚,例如(KnobSkin。 Java)到CSS文件中的滑塊。

我創建了一個自定義的控制是這樣的:

Knob.fxml

<?import java.lang.*?> 
<?import javafx.scene.control.*?> 
<?import javafx.scene.layout.*?> 
<?import javafx.scene.layout.AnchorPane?> 

<fx:root type="javafx.scene.layout.AnchorPane" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2"> 
    <children> 
    <AnchorPane id="myTestButton" layoutX="0.0" layoutY="5.0" minHeight="49.0" prefHeight="140.0" prefWidth="14.0"> 
     <children> 
     <Slider id="volume" orientation="VERTICAL" styleClass="knobStyle" /> 
     </children> 
    </AnchorPane> 
    </children> 
</fx:root> 

Knob.java

package application; 
public class Knob extends AnchorPane { 

    @FXML 
    private AnchorPane myTestButton; 

    public Knob() { 
     FXMLLoader fxmlLoader = new FXMLLoader(

     getClass().getResource("/application/Knob.fxml")); 

     fxmlLoader.setRoot(this); 
     fxmlLoader.setController(this); 

     try { 
      fxmlLoader.load(); 
     } catch (IOException exception) { 
      throw new RuntimeException(exception); 
     } 
    } 
} 

我的主場景是這樣的:

測試。 fxml

<?import application.*?> 
<?import java.lang.*?> 
<?import javafx.scene.layout.*?> 
<?import javafx.scene.layout.AnchorPane?> 
<?scenebuilder-classpath-element ../../bin?> 

<AnchorPane prefHeight="217.0" prefWidth="221.0" xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/2.2"> 
    <Knob layoutX="5.0" layoutY="4.0" /> 
</AnchorPane> 

當我嘗試打開場景生成器test.fxml文件,將這個CSS用於它:

.slider.knobStyle { 
    -fx-skin: "application.KnobSkin"; 
} 

我得到以下錯誤:

無法加載皮膚「StringProperty [豆: Slider [id = volume,styleClass = slider knobStyle],name:skinClassName,value:application.KnobSkin]'for control Slider [id = volume,styleClass = slider knobStyle]:null

如果我運行該應用程序,完美顯示。

任何想法我做錯了什麼?

謝謝!

回答

2

閱讀這篇博客後:http://www.guigarage.com/2012/11/custom-ui-controls-with-javafx-part-1/

我發現,如果我改變我的課Knob.java到

package application; 
public class Knob extends AnchorPane { 

    @FXML 
    private AnchorPane myTestButton; 

    public Knob() { 
     setSkinClassName(KnobSkin.class.getName()); 
    } 
} 

我刪除Knob.fxml旋鈕將在場景生成器時出現我選擇我的樣式表