失眠网 > JavaFX+Jfoenix 学习笔记（五）--ContextMenu右键菜单

JavaFX+Jfoenix 学习笔记（五）--ContextMenu右键菜单

时间：2022-01-31 04:29:26

1、右键菜单，如图

2、实例-1：最简单的右键菜单

下面我们演示一个通过右键菜单来改变背景和字体颜色的例子。

效果动图：

3、实例-2：多级菜单，跟菜单栏的用法基本一致

package zkh.javafx.learn.contextmenu;import javafx.application.Application;import javafx.event.ActionEvent;import javafx.event.EventHandler;import javafx.geometry.Pos;import javafx.scene.Scene;import javafx.scene.control.ContextMenu;import javafx.scene.control.Label;import javafx.scene.control.Menu;import javafx.scene.control.MenuItem;import javafx.stage.Stage;/*** ContextMenu*///继承javafx.application.Application是JavaFX的开始public class ContextMenu2 extends Application {/*** Stage：就是你能看到的整个软件界面（窗口）* Scene：就是除了窗口最上面有最大、最小化及关闭按钮那一行及窗口边框外其它的区域（场景）* 场景（Scene）是一个窗口（Stage）必不可少的*/@Overridepublic void start(Stage stage) throws Exception {final Label label = new Label("一个即将被添加右键菜单的Label"); label.setAlignment(Pos.CENTER);label.setStyle("-fx-background-color:gray");// 右键菜单===================================================================// 创建右键菜单ContextMenu contextMenu = new ContextMenu();// 菜单项MenuItem blackBg = new MenuItem("黑底白色");blackBg.setOnAction(new EventHandler<ActionEvent>() {public void handle(ActionEvent event) {label.setStyle("-fx-background-color:black;-fx-text-fill:white;");}});// 菜单项MenuItem whiteBg = new MenuItem("白底黑字");whiteBg.setOnAction(new EventHandler<ActionEvent>() {public void handle(ActionEvent event) {label.setStyle("-fx-background-color:white;-fx-text-fill:black;");}});// 多级菜单项Menu otherBg = new Menu("其他");// 二级菜单项MenuItem regBg = new MenuItem("红底白色");regBg.setOnAction(new EventHandler<ActionEvent>() {public void handle(ActionEvent event) {label.setStyle("-fx-background-color:red;-fx-text-fill:white;");}});// 二级菜单项MenuItem blueBg = new MenuItem("蓝底白字");blueBg.setOnAction(new EventHandler<ActionEvent>() {public void handle(ActionEvent event) {label.setStyle("-fx-background-color:blue;-fx-text-fill:white;");}});otherBg.getItems().addAll(regBg, blueBg);// 将菜单项添加进右键菜单contextMenu.getItems().addAll(blackBg, whiteBg, otherBg);// 右键菜单===================================================================// 添加右键菜单到labellabel.setContextMenu(contextMenu);// 1、初始化一个场景Scene scene = new Scene(label, 800, 600);// 2、将场景放入窗口stage.setScene(scene);// 3、打开窗口stage.show();}public static void main( String[] args ){// 启动软件Application.launch(args);}}

效果动图：

4、实例-3：右键菜单自定义样式

右键菜单跟菜单栏的很多原始样式都是通用的

package zkh.javafx.learn.contextmenu;import javafx.application.Application;import javafx.event.ActionEvent;import javafx.event.EventHandler;import javafx.geometry.Pos;import javafx.scene.Scene;import javafx.scene.control.ContextMenu;import javafx.scene.control.Label;import javafx.scene.control.Menu;import javafx.scene.control.MenuItem;import javafx.stage.Stage;import zkh.javafx.util.Constants;/*** ContextMenu*///继承javafx.application.Application是JavaFX的开始public class ContextMenu2 extends Application {/*** Stage：就是你能看到的整个软件界面（窗口）* Scene：就是除了窗口最上面有最大、最小化及关闭按钮那一行及窗口边框外其它的区域（场景）* 场景（Scene）是一个窗口（Stage）必不可少的*/@Overridepublic void start(Stage stage) throws Exception {final Label label = new Label("一个即将被添加右键菜单的Label"); label.setAlignment(Pos.CENTER);label.setStyle("-fx-background-color:gray");// 右键菜单===================================================================// 创建右键菜单ContextMenu contextMenu = new ContextMenu();// 菜单项MenuItem blackBg = new MenuItem("黑底白色");blackBg.setOnAction(new EventHandler<ActionEvent>() {public void handle(ActionEvent event) {label.setStyle("-fx-background-color:black;-fx-text-fill:white;");}});// 菜单项MenuItem whiteBg = new MenuItem("白底黑字");whiteBg.setOnAction(new EventHandler<ActionEvent>() {public void handle(ActionEvent event) {label.setStyle("-fx-background-color:white;-fx-text-fill:black;");}});// 多级菜单项Menu otherBg = new Menu("其他");// 二级菜单项MenuItem regBg = new MenuItem("红底白色");regBg.setOnAction(new EventHandler<ActionEvent>() {public void handle(ActionEvent event) {label.setStyle("-fx-background-color:red;-fx-text-fill:white;");}});// 二级菜单项MenuItem blueBg = new MenuItem("蓝底白字");blueBg.setOnAction(new EventHandler<ActionEvent>() {public void handle(ActionEvent event) {label.setStyle("-fx-background-color:blue;-fx-text-fill:white;");}});otherBg.getItems().addAll(regBg, blueBg);// 将菜单项添加进右键菜单contextMenu.getItems().addAll(blackBg, whiteBg, otherBg);// 右键菜单===================================================================// 添加右键菜单到labellabel.setContextMenu(contextMenu);// 1、初始化一个场景Scene scene = new Scene(label, 800, 600);// 样式文件最好在Scene中引入，这样其他子组件就都可以使用了（哲理注意替换斜杠\,不能会报错找不到路径）scene.getStylesheets().add((Constants.CSS + "app.css").replace("\\", "/"));// 2、将场景放入窗口stage.setScene(scene);// 3、打开窗口stage.show();}public static void main( String[] args ){// 启动软件Application.launch(args);}}

css代码：

.zkh_MenuBar{-fx-background-color:#F0F0F0;-fx-border:none;-fx-padding:0;-fx-font-size:12;}.zkh_MenuItem{-fx-padding: 8 60 8 30;-fx-font-size:12;-fx-cursor:hand;}.context-menu{-fx-padding:2;-fx-border-width:0;-fx-background-color:rgb(242,242,242,0.96); /*0.87*//*-fx-background-radius:2px;*//*-fx-effect:dropshadow(three-pass-box, #F2F2F2, 1, 0, 0, 0);*/ /*阴影效果*/}.menu-bar > .container > .menu-button:showing{ /*菜单栏选中并移动到二级菜单时一级选中菜单的样式*/-fx-background-color:#CCCCCE;-fx-border-color:#CCCCCE;}.menu-button{-fx-padding:1 4 1 4;-fx-border-width:1;-fx-border-color:#F0F0F0;}.menu-button:hover{-fx-background-color:#CCCCCE;-fx-border-color:#CCCCCE;}.menu-button > .label,.menu-item > .label{-fx-text-fill:BLACK;}.menu-item:focused{-fx-background-color:#CCCCCE; /*#90C8F6*/}.menu:focused > .right-container > .arrow{-fx-background-color:#CCCCCE;}

效果动图：