如何在javafx中创建一个开关按钮？

Question

我想创建一个像上面的开关按钮 我是一名swt开发人员，我曾经在这里获得这个小部件Switchbutton。 我可以在javafx中有类似的东西

Answer 1

首先倾向于扩展JavaFX Label并添加Button作为图形和SimpleBooleanProperty进行收听。在按钮上设置ActionEvent处理程序，以切换Label的文本，样式和图形内容对齐方式。下面的代码将帮助您开始，您可以使用样式和边界。

package switchbutton;

import javafx.beans.property.SimpleBooleanProperty;
import javafx.beans.value.ChangeListener;
import javafx.beans.value.ObservableValue;
import javafx.event.ActionEvent;
import javafx.event.EventHandler;
import javafx.scene.control.Button;
import javafx.scene.control.ContentDisplay;
import javafx.scene.control.Label;

public class SwitchButton extends Label
{
    private SimpleBooleanProperty switchedOn = new SimpleBooleanProperty(true);

    public SwitchButton()
    {
        Button switchBtn = new Button();
        switchBtn.setPrefWidth(40);
        switchBtn.setOnAction(new EventHandler<ActionEvent>()
        {
            @Override
            public void handle(ActionEvent t)
            {
                switchedOn.set(!switchedOn.get());
            }
        });

        setGraphic(switchBtn);

        switchedOn.addListener(new ChangeListener<Boolean>()
        {
            @Override
            public void changed(ObservableValue<? extends Boolean> ov,
                Boolean t, Boolean t1)
            {
                if (t1)
                {
                    setText("ON");
                    setStyle("-fx-background-color: green;-fx-text-fill:white;");
                    setContentDisplay(ContentDisplay.RIGHT);
                }
                else
                {
                    setText("OFF");
                    setStyle("-fx-background-color: grey;-fx-text-fill:black;");
                    setContentDisplay(ContentDisplay.LEFT);
                }
            }
        });

        switchedOn.set(false);
    }

    public SimpleBooleanProperty switchOnProperty() { return switchedOn; }
}

Answer 2

无法通过绑定在一起的两个切换按钮（bind（））来完成这一切，其中每个按钮都有自己的CSS样式？实际上，CSS似乎是一个棘手（但可行）的部分，以便做对。

然后你会让你的应用程序听到实际做你想要的两个切换按钮吗？

Answer 3

控件FX项目提供了一个像你所寻求的开关按钮。