JavaFX 用户界面控件1——ChoiceBox ComboBox

这篇具有很好参考价值的文章主要介绍了JavaFX 用户界面控件1——ChoiceBox ComboBox。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1.选择框ChoiceBox

JavaFX的ChoiceBox是一个用户界面控件,用于向用户显示一个选项列表,并允许用户从中选择一个或多个选项。下面是一个ChoiceBox的简单示例和使用介绍:

首先,导入JavaFX的相关类:
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.scene.Scene;
import javafx.scene.control.ChoiceBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

在JavaFX应用程序中,创建一个ChoiceBox对象并填充选项:


public class Main extends Application {
    @Override
    public void start(Stage primaryStage) {
        // 创建一个ChoiceBox对象
        ChoiceBox<String> choiceBox = new ChoiceBox<>();

        // 填充选项列表
        choiceBox.getItems().addAll("Option 1", "Option 2", "Option 3");

        // 设置默认选择
        choiceBox.setValue("Option 1");

        // 创建一个布局并将ChoiceBox添加到其中
        VBox layout = new VBox();
        layout.getChildren().add(choiceBox);

        // 创建一个场景并将布局添加到其中
        Scene scene = new Scene(layout, 300, 200);

        // 设置场景并显示舞台
        primaryStage.setScene(scene);
        primaryStage.show();
    }
    
    public static void main(String[] args) {
        launch(args);
    }
}

在这个示例中,我们创建一个包含三个选项的ChoiceBox对象,并将其添加到一个垂直布局VBox中。我们设置了默认选项为“Option 1”。最后,我们将布局添加到场景中,并显示舞台。

1.1 字符转换器

当使用复杂对象来支持ChoiceBox时,需要StringConverter。这个对象序列化一个往返于选择框的字符串。对于这个程序,只需要编码toString()来替换Pair对象的默认toString()。(toString和fromString都需要实现才能编译。)

空对象EMPTY_PAIR用于防止nullpointerexception。可以访问和比较assetClass(). getvalue()的返回值,而无需添加特殊的null处理逻辑。

public class ChoicesApp extends Application {

    // 创建一个ChoiceBox对象
    private final ChoiceBox<Pair<String,String>> assetClass = new ChoiceBox<>();
    //创建空Pair对象
    private final static Pair<String, String> EMPTY_PAIR = new Pair<>("", "");

    @Override
    public void start(Stage primaryStage) throws Exception {

        Label label = new Label("Asset Class:");
        assetClass.setPrefWidth(200);
        Button saveButton = new Button("Save");
        
        
        // 创建一个布局并将ChoiceBox添加到其中
        HBox hbox = new HBox(
                label,
                assetClass,
                saveButton);
        hbox.setSpacing( 10.0d );
        hbox.setAlignment(Pos.CENTER );
        hbox.setPadding( new Insets(40) );

        Scene scene = new Scene(hbox);

        initChoice();

        saveButton.setOnAction(
                (evt) -> System.out.println("saving " + assetClass.getValue())
        );

        primaryStage.setTitle("ChoicesApp");
        primaryStage.setScene( scene );
        primaryStage.show();

    }

    //创建复杂对象choiceBox
    private void initChoice() {

        List<Pair<String,String>> assetClasses = new ArrayList<>();
        assetClasses.add( new Pair("Equipment", "20000"));
        assetClasses.add( new Pair("Furniture", "21000"));
        assetClasses.add( new Pair("Investment", "22000"));

        assetClass.setConverter( new StringConverter<Pair<String,String>>() {
            @Override
            public String toString(Pair<String, String> pair) {
                return pair.getKey();
            }

            @Override
            public Pair<String, String> fromString(String string) {
                return null;
            }
        });

        assetClass.getItems().add( EMPTY_PAIR );
        assetClass.getItems().addAll( assetClasses );
        assetClass.setValue( EMPTY_PAIR );

    }

    public static void main(String[] args) {
        launch(args);
    }
}

javafx combobox,javaFx,ui,java,开发语言

 文章来源地址https://www.toymoban.com/news/detail-706103.html

2.组合框ComboBox

JavaFX的ComboBox是一个用户界面控件,它结合了文本框和下拉列表,可以向用户显示一组选项,并允许用户从中选择一个或多个选项。下面是一个ComboBox的简单示例和使用说明:

首先,导入JavaFX的相关类:
import javafx.application.Application;
import javafx.collections.FXCollections;
import javafx.scene.Scene;
import javafx.scene.control.ComboBox;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

在JavaFX应用程序中,创建一个ComboBox对象并填充选项:
 


public class ComboBoxTest extends Application {
    @Override
    public void start(Stage primaryStage) {
        // 创建一个ComboBox对象
        ComboBox<String> comboBox = new ComboBox<>();

        // 填充选项列表
        comboBox.setItems(FXCollections.observableArrayList("Option 1", "Option 2", "Option 3"));

        // 设置默认选择
        comboBox.setValue("Option 1");

        // 创建一个布局并将ComboBox添加到其中
        VBox layout = new VBox();
        layout.getChildren().add(comboBox);

        // 创建一个场景并将布局添加到其中
        Scene scene = new Scene(layout, 300, 200);

        // 设置场景并显示舞台
        primaryStage.setScene(scene);
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

javafx combobox,javaFx,ui,java,开发语言

 

在这个示例中,我们创建了一个包含三个选项的ComboBox对象,并将其添加到一个垂直布局VBox中。我们设置了默认选项为“Option 1”。最后,我们将布局添加到场景中,并显示舞台。

除了上述示例,ComboBox还有一些其他特性,例如可以设置最大可见行数、设置下拉列表的最大高度、设置事件监听器等。你可以根据需求来定制ComboBox的使用。

2.1 ComboBox设置选中回调

public class ComboBoxTest2 extends Application {

    // 创建一个ComboBox对象
    private final ComboBox<Pair<String, String>> account = new ComboBox<>();

    private final static Pair<String, String> EMPTY_PAIR = new Pair<>("", "");

    @Override
    public void start(Stage primaryStage) throws Exception {

        Label accountsLabel = new Label("Account:");
        account.setPrefWidth(200);
        Button saveButton = new Button("Save");

        // 创建一个布局并将ComboBox添加到其中
        HBox hbox = new HBox(
                accountsLabel,
                account,
                saveButton);
        hbox.setSpacing( 10.0d );
        hbox.setAlignment(Pos.CENTER );
        hbox.setPadding( new Insets(40) );

        Scene scene = new Scene(hbox);
        //初始化
        initCombo();

        saveButton.setOnAction( (evt) -> {
            if( account.getValue().equals(EMPTY_PAIR ) ) {
                System.out.println("no save needed; no item selected");
            } else {
                System.out.println("saving " + account.getValue());
            }
        });

        primaryStage.setTitle("CombosApp");
        primaryStage.setScene( scene );
        primaryStage.show();
    }

    private void initCombo() {

        List<Pair<String,String>> accounts = new ArrayList<>();

        accounts.add( new Pair<>("Auto Expense", "60000") );
        accounts.add( new Pair<>("Interest Expense", "61000") );
        accounts.add( new Pair<>("Office Expense", "62000") );
        accounts.add( new Pair<>("Salaries Expense", "63000") );

        account.getItems().add( EMPTY_PAIR );
        account.getItems().addAll( accounts );
        account.setValue( EMPTY_PAIR );

        //设置选中回调
        Callback<ListView<Pair<String,String>>, ListCell<Pair<String,String>>> factory =
                (lv) ->
                        new ListCell<Pair<String,String>>() {
                            @Override
                            protected void updateItem(Pair<String, String> item, boolean empty) {
                                super.updateItem(item, empty);
                                if( empty ) {
                                    setText("");
                                } else {
                                    setText( item.getKey() );
                                }
                            }
                        };

        account.setCellFactory( factory );
        account.setButtonCell( factory.call( null ) );
    }

    public static void main(String[] args) {
        launch(args);
    }
}

javafx combobox,javaFx,ui,java,开发语言

若此文档不够详细,可以参考JAVAFX基础入门_哔哩哔哩_bilibili

 

到了这里,关于JavaFX 用户界面控件1——ChoiceBox ComboBox的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • [QT编程系列-3]:C++图形用户界面编程,QT框架快速入门培训 - 2- QT程序的运行框架:HelloWorld、常见控件、对象树原理

    目录 2. QT程序的运行框架 2.1 Hello World程序框架 2.2 QT Designer初识 2.3 用QT Designer设计用户登录界 上述示例代码中,首先根据应用程序的需求使用 QCoreApplication 或 QApplication 定义 app 对象。如果你的应用程序需要图形界面,则使用 QApplication,否则使用 QCoreApplication。然后,你可以

    2024年02月15日
    浏览(50)
  • 用户界面设计和评估:如何设计具有吸引力、易用性和可靠性的用户界面?

    作者:禅与计算机程序设计艺术 用户界面(User Interface)是一个给用户提供服务或者产品的系统界面,通过人机交互、信息呈现、文字表达、图形符号等表现形式进行沟通,帮助用户更好的使用产品或服务。它对于提升企业的品牌影响力、增加客户黏性、改善用户体验、降低

    2024年02月13日
    浏览(40)
  • 前端用户体验设计:创造卓越的用户界面和交互

    💂 个人网站:【工具大全】【游戏大全】【神级源码资源网】 🤟 前端学习课程:👉【28个案例趣学前端】【400个JS面试题】 💅 寻找学习交流、摸鱼划水的小伙伴,请点击【摸鱼学习交流群】 用户体验(User Experience,UX)是前端开发中至关重要的一环。一个优秀的用户体验

    2024年02月04日
    浏览(45)
  • ImageJ 用户手册——第四部分(ImageJ用户界面)

    与大多数图像处理程序不同,ImageJ没有主工作区。ImageJ的主窗口实际上相当简洁,只包含一个菜单栏(位于Mac屏幕顶部),其中包含所有菜单命令、工具栏、状态栏和进度栏。图像、直方图、配置文件、窗口小部件等显示在附加窗口中。测量结果显示在结果表中。大多数窗口

    2024年02月10日
    浏览(44)
  • Matlab GUI界面美化:创建令人愉悦的用户界面

    Matlab GUI界面美化:创建令人愉悦的用户界面 在Matlab中,创建一个美观且易于使用的图形用户界面(GUI)对于增强用户体验至关重要。通过使用适当的颜色、布局和交互元素,可以使GUI更加吸引人,并且更易于导航和操作。本文将介绍一些简单而有效的方法,帮助您美化Matl

    2024年02月03日
    浏览(38)
  • TestStand-用户界面

    除序列编辑器外,TestStand自带的两类用户界面,分别是SimpleUI(简易用户界面)及Full-Featured UI(全功能用户界面)。 简易用户界面的源代码位于 TestStand安装路径UserInterfaces SimpleLabVIEW或者 TestStand PublicUserInterfaces SimpleLabVIEW目录下。 这两个目录中的内容是完全一样的,为了

    2024年02月14日
    浏览(40)
  • Python图形用户界面

    目录 1.图形用户界面概述 1.1tkinter 2.tkinter概述 2.1tkinter模块 2.2图形用户界面的构成  2.3框架和GUI应用程序类 2.4tkinter主窗口 3几何布局管理器 3.1pack几何布局管理器 3.2grid几何布局管理器 3.3place几何布局管理器 4.事件处理 4.1事件类型 4.2事件绑定 4.3事件处理函数 5.常用组件   

    2024年02月09日
    浏览(41)
  • java 图形用户界面

    目录 Swing与AWT概述 Swing概述——组件显示  框架与窗体 创建框架对象 框架Frame类结构  框架对象的创建及常用方法 创建Swing窗体对象 Swing窗体JFrame 类结构  Swing 窗体对象的创建  窗体对象常用属性 常用组件——文本组件 JLabel JTextField JPasswordField JTextArea​编辑  Jlist文本列表

    2024年02月06日
    浏览(46)
  • 界面开发(2)--- 使用PyQt5制作用户登陆界面

    上篇文章已经介绍了如何配置PyQt5环境,这篇文章在此基础上展开,主要记录一下如何使用 PyQt5 制作用户登陆界面,并对一些基础操作进行介绍。 下面是具体步骤,一起来看看吧! 1. 打开 Pycharm 中的 Qt Designer 工具。 2. 选择Main Window模式,创建界面窗口。 3. 移除菜单栏和状态

    2024年02月05日
    浏览(54)
  • python如何做出图形界面,用python做图形用户界面

    本篇文章给大家谈谈python如何做出图形界面,以及用python做图形用户界面,希望对各位有所帮助,不要忘了收藏本站喔。 图形用户界面(Graphical User Interface,GUI)是用户与程序交互的接口,好的GUI会大大提高用户交互体验,其实就是我们平时使用电脑时,使用鼠标、键盘点击

    2024年02月03日
    浏览(49)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包