JavaFX

CSS : Tooltip Skinning

by Narayan G. Maharjan
March 7, 2012May 27, 2012
27 Comments

Hello I’m back with the small css skinning for the Tooltip.
Firstly the idea of this blogging came from this forum post. One guy was posting about how to make the tooltip plain as of swing which is concern about the css skinning.

First let’s get start with the normal tooltip example.

public class TooltipTest extends Application {

  public static void main(String[] args) {
    Application.launch(TooltipTest.class, args);
  }

  @Override
  public void start(Stage primaryStage) throws Exception {
    StackPane stackPane = new StackPane();
    Button butt = new Button("Test hello");
    Tooltip tp= new Tooltip("Hello this is only the test");
    tp.getStyleClass().add("ttip");
    butt.setTooltip(tp);

    stackPane.getChildren().add(butt);
    Scene sc = new Scene(stackPane,500,500);
    sc.getStylesheets().add(getClass().getResource("gui.css").toExternalForm());
    primaryStage.setScene(sc);

    primaryStage.show();

  }
}

public class TooltipTest extends Application {

public static void main(String[] args) {

Application.launch(TooltipTest.class, args);

}

@Override

public void start(Stage primaryStage) throws Exception {

StackPane stackPane = new StackPane();

Button butt = new Button("Test hello");

Tooltip tp= new Tooltip("Hello this is only the test");

tp.getStyleClass().add("ttip");

butt.setTooltip(tp);

stackPane.getChildren().add(butt);

Scene sc = new Scene(stackPane,500,500);

sc.getStylesheets().add(getClass().getResource("gui.css").toExternalForm());

primaryStage.setScene(sc);

primaryStage.show();

}

Here I’ve added my custom css file ‘gui.css’ for styling this application.
Read More »CSS : Tooltip Skinning

FXML communicates to FXML via FXControllers and Interface

by Narayan G. Maharjan
February 10, 2012February 12, 2012
44 Comments

Hello guys, I’m back after my lots of works and stuffs that’s why this post got delayed. Anyway now I’m going to demonstrate today about how to communicate between FXML using FXController classes. Some of my commentator also asked me to share this communication of FXML so I’m blogging for the same. Today I’m going to just continue the blog post of previous post I’ve blogged about FXML Stuffs (include and define) . So If you have not started reading those previous blog then please have a look because the things I’m going to tell is related to them.

Anyway Let’s summarize the previous blog.

Main.fxml (The main container of all fxml)
Home.fxml (the tab content of Home Tab)
About.fxml (the tab content of About Tab)
FXMLTest.java (this is just the executor class)

Now In today’s post we are having one more extras class which is listed below.

DockletListener.java (The java interface)

Before going to start this communication between fxml . Let’s have a look at how the flow gets working.

FXML Stuffs (include and define)

by Narayan G. Maharjan
January 26, 2012January 31, 2012
20 Comments

Hello folks,

Today I would like to blog about the FXML define and include tag which can be very useful for those who are very keen to use FXML in their application. The FXML is an XML file which is loaded by javafx using FXMLLoader . It’s all loaded at the runtime and it’s really fast to load and easy to learn too. The previous blog about the FXML as Flexible XML is just a basic about FXML . Today in this blog here you will learn about how to include FXML files in your main FXML file.

I’m talking about the <fx:include> tag of the FXML.

Let’s see the basic flow of how the <fx:include> are loaded. Let’s assume there are two FXML Main.fxml and Child.fxml

Read More »FXML Stuffs (include and define)

JavaFX has FXML as Flexible XML

by Narayan G. Maharjan
November 27, 2011January 4, 2013

Hello Today after long days I’ve came here to share my experience of FXML in JavaFX. After working with FXML I found it’s really easy for every developer.

Requirements:

XML knowledge
CSS knowledge

FXML and Binding Stuff

Ok First lets start with a FXML Template.

&lt;?import java.lang.*?&gt;
&lt;?import javafx.scene.*?&gt;
&lt;?import javafx.scene.control.*?&gt;
&lt;?import javafx.scene.layout.*?&gt;
&lt;?import javafx.scene.shape.*?&gt;
&lt;?import fxmlstuff.fxml.*?&gt;

&lt;GUITemplate id="main" prefHeight="200" prefWidth="320" xmlns:fx="http://javafx.com/fxml" fx:controller="fxmlstuff.fxml.GUITemplate"&gt;
    &lt;children&gt;       
        &lt;Rectangle fx:id="back" /&gt;        
        &lt;Rectangle fx:id="front" /&gt; &lt;Button fx:id="button" text="Click Me" onAction="#handleButton"/&gt;
        &lt;Button fx:id="clear" text="Clear Me" onAction="#handleClearButton"/&gt;
        &lt;TextArea fx:id="textArea"/&gt;        
    &lt;/children&gt;
&lt;/GUITemplate&gt;

<?import java.lang.*?>

<?import javafx.scene.*?>

<?import javafx.scene.control.*?>

<?import javafx.scene.layout.*?>

<?import javafx.scene.shape.*?>

<?import fxmlstuff.fxml.*?>

</children>

</GUITemplate>

In above FXML I’ve not added Rectangle,Button,TextArea controls.
As per the FXML specification you can call the function from the FXML attribute using ‘#’ just before the function name. Here I’ve added #handleButton() and #handleClearButton() functions to handle the event of Buttons. Here First we are going to load them in JavaFX Application moreover we are going to make the Rectangle flexible to the Stage‘s width and height. To make any shapes or controls width and height relative to the Stage‘s width, height we can use bind feature plus a the control or the shape which we are going to make bind must static. Ok now we are going to need one Controller for the FXML which helps to control the FXML GUI components. I’ve already added fx:controller = "fxmlstuff.fxml.GUITemplate" in above FXML. So to map the controller we ought to make one conroller class inside fxmlstuff.fxml package with classname GUITemplate.java
Read More »JavaFX has FXML as Flexible XML

Save Node or Scene to Image in JavaFX 2.0

by Narayan G. Maharjan
October 26, 2011January 31, 2012
12 Comments

Even after waiting so many days, the Javafx bug team has not implemented this feature still in this new Javafx General Availability release . So I’ve managed to make blog about this function for javafx. Many javafx enterprises developer may think that javafx is still not useful because they don’t know how to save their graphics component in image format. Developer don’t have a simple api function like sceneToImage() which was provided in javafx script 1.3. Don’t know why ? We developers are that’s why intelligent to find the alternative way. So I also intended to research on this topic.Then started to warmup my hands on keyboard.

We are using some Java apis and JavaFX apis for making these things work. Ok Let’s get started with the class ‘FXImaging’Read More »Save Node or Scene to Image in JavaFX 2.0

« Previous
1
2
3
4
5
…
7
Next »

JavaFX

CSS : Tooltip Skinning

Share this:

FXML communicates to FXML via FXControllers and Interface

Share this:

FXML Stuffs (include and define)

Share this:

JavaFX has FXML as Flexible XML

FXML and Binding Stuff

Share this:

Save Node or Scene to Image in JavaFX 2.0

Share this: