CODEWITHSUNDEEP
javajavafx-2javafx
tuna
tuna

Reputation: 312

JavaFX: Toolbar with imagebuttons

How can i create a Toolbar like this:

LINK: http://s14.postimg.org/99095jk3l/image.png

I already created a toolbar with the correct background. My only problem are the buttons. I dont know how to style the buttons to be transparant, and how to add the correct on hover and on click effects to match the background.

Thanks in advance

Upvotes: 2

Views: 3996

Answers (1)

Nick Rippe
Nick Rippe

Reputation: 6465

You'll be working with CSS. You can set the background and border to transparent, then have a hover class for adding a semi-transparent border. It would end up being something like this (Please note, you may have to make some tweaks still)

.button {
    -fx-background-color: transparent, transparent, transparent, transparent;
}

.button:hover{
    -fx-background-color: transparent, rgba(0,0,0,.1), rgba(0,0,0,.1), transparent;
}

.button:armed {
    -fx-background-color: transparent, rgba(0,0,0,.1), rgba(0,0,0,.1), rgba(0,0,0,.2);
}

To apply the style sheet you'd use code similar to this:

toolbar.getStylesheets().add("filename.css");

There are lots of good references for this in the "Info" section of the "javafx-2" tag. Here are a few that should prove helpful with this:

Upvotes: 5

Related Questions