com.dlsc.gemsfx.demo.EnhancedPasswordFieldApp Maven / Gradle / Ivy

Go to download
Show more of this group Show more artifacts with this name
Show all versions of gemsfx-demo Show documentation
Demos for GemsFX
There is a newer version: 2.67.0
package com.dlsc.gemsfx.demo;

import com.dlsc.gemsfx.EnhancedPasswordField;
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.control.ComboBox;
import javafx.scene.control.Label;
import javafx.scene.control.Separator;
import javafx.scene.layout.HBox;
import javafx.scene.layout.Priority;
import javafx.scene.layout.StackPane;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.stage.Stage;
import org.kordamp.ikonli.javafx.FontIcon;
import org.kordamp.ikonli.materialdesign.MaterialDesign;

public class EnhancedPasswordFieldApp extends Application {

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

        EnhancedPasswordField passwordField1 = new EnhancedPasswordField();
        passwordField1.setPromptText("Enter your password");
        passwordField1.setEchoChar('★');
        passwordField1.setText("1234567890");

        Label label = new Label("EchoChar: ");
        ComboBox echoCharBox = createCharacterComboBox();
        echoCharBox.valueProperty().bindBidirectional(passwordField1.echoCharProperty());
        HBox echoCharBoxWrapper = new HBox(label, echoCharBox);
        echoCharBoxWrapper.getStyleClass().add("echo-char-box");

        Label tips = new Label("Tips: setEchoChar(char) to change the echo character");
        tips.setTextFill(Color.GREY);

        EnhancedPasswordField passwordField2 = new EnhancedPasswordField("1234567890");
        passwordField2.setLeft(createIconNode(MaterialDesign.MDI_KEY));
        passwordField2.setStyle("-fx-echo-char: '■';");

        EnhancedPasswordField passwordField3 = new EnhancedPasswordField();
        passwordField3.setText("1234567890");
        passwordField3.setShowPassword(true);

        StackPane closeIconWrapper = createIconNode(MaterialDesign.MDI_CLOSE);
        closeIconWrapper.setOnMouseClicked(e -> passwordField2.clear());
        passwordField2.setRight(closeIconWrapper);

        VBox root = new VBox(echoCharBoxWrapper, tips, passwordField1, new Separator(), passwordField2, new Separator(), passwordField3);
        root.getStyleClass().add("content-box");
        Scene scene = new Scene(root);
        scene.getStylesheets().add(getClass().getResource("/com/dlsc/gemsfx/demo/enhanced-password-filed-demo.css").toExternalForm());

        primaryStage.setScene(scene);
        primaryStage.setTitle("Enhanced Password Field");
        primaryStage.sizeToScene();
        primaryStage.show();
    }

    private ComboBox createCharacterComboBox() {
        ComboBox echoCharBox = new ComboBox<>();
        echoCharBox.getItems().addAll('●', '*', '∿', '❂', '■', '★');
        echoCharBox.setMaxWidth(Double.MAX_VALUE);
        HBox.setHgrow(echoCharBox, Priority.ALWAYS);
        return echoCharBox;
    }

    private StackPane createIconNode(MaterialDesign mdiKey) {
        FontIcon leftIcon = new FontIcon(mdiKey);
        StackPane leftIconWrapper = new StackPane(leftIcon);
        leftIconWrapper.getStyleClass().add("icon-wrapper");
        return leftIconWrapper;
    }

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

}