Create a Menu Bar with JavaFX

Create a Menu Bar with JavaFX

Here’s a JavaFX example that creates a nice menu bar. All you need is a set of images named: home_1.bmp (unpressed), home_2.bmp (pressed), news_1.bmp, news_2.bmp,contact_1.bmp, contact_2.bmp, photos_1.bmp and photos_2.bmp:

import javafx.ui.*;import javafx.ui.canvas.*;import javafx.ui.filter.*;import java.lang.System;class NiceMenu extends CompositeNode{attribute home: String;attribute news: String;attribute contact: String;attribute photos: String;}attribute NiceMenu.home = ".//images//home_1.bmp";attribute NiceMenu.news = ".//images//news_1.bmp";attribute NiceMenu.contact = ".//images//contact_1.bmp";attribute NiceMenu.photos = ".//images//photos_1.bmp";function NiceMenu.composeNode() = Group {    transform: []         content: [ImageView {        transform: translate(180,72)        image: Image { url: bind home }        onMouseEntered: operation(e:CanvasMouseEvent) {                             home=".//images//home_2.bmp";               }        onMouseExited: operation(e:CanvasMouseEvent) {                             home=".//images//home_1.bmp";               }    },    ImageView {        transform: translate(240,73)        image: Image { url: bind news }        onMouseEntered: operation(e:CanvasMouseEvent) {                             news=".//images//news_2.bmp";               }        onMouseExited: operation(e:CanvasMouseEvent) {                             news=".//images//news_1.bmp";               }    },    ImageView {        transform: translate(295,73)        image: Image { url: bind contact }        onMouseEntered: operation(e:CanvasMouseEvent) {                             contact=".//images//contact_2.bmp";               }        onMouseExited: operation(e:CanvasMouseEvent) {                             contact=".//images//contact_1.bmp";               }    },        ImageView {        transform: translate(473,73)        image: Image { url: bind photos }        onMouseEntered: operation(e:CanvasMouseEvent) {                             photos=".//images//photos_2.bmp";               }        onMouseExited: operation(e:CanvasMouseEvent) {                             photos=".//images//photos_1.bmp";               }        }]};//Afisarea meniului se poate face astfelFrame {    centerOnScreen: true    visible: true    height: 200    width: 1100      title: "Nice Menu"    onClose: operation() {System.exit(0);}    content: ScrollPane {                var color=Color{            red:64            green:64            blue:74        }        background: color        view: Canvas {            background: black            cursor: DEFAULT            content: NiceMenu        }    }}
Share the Post:
data observability

Data Observability Explained

June 8, 2023

Data is the lifeblood of any successful business, as it is the driving force behind critical decision-making, insight generation, and strategic development. However, due to its intricate nature, ensuring the

Heading photo, Metadata.

What is Metadata?

June 1, 2023

What is metadata? Well, It’s an odd concept to wrap your head around. Metadata is essentially the secondary layer of data that tracks details about the “regular” data. The regular

Show More