Example #1
0
  public void start(final Stage primaryStage) {
    primaryStage.setTitle("Popup Example");
    final Popup popup = new Popup();
    popup.setX(300);
    popup.setY(200);
    popup.getContent().addAll(new Circle(25, 25, 50, Color.AQUAMARINE));

    Button show = new Button("Show");
    show.setOnAction(
        new EventHandler<ActionEvent>() {
          public void handle(ActionEvent event) {
            popup.show(primaryStage);
          }
        });

    Button hide = new Button("Hide");
    hide.setOnAction(
        new EventHandler<ActionEvent>() {
          public void handle(ActionEvent event) {
            popup.hide();
          }
        });

    HBox layout = new HBox(10);
    layout.setStyle("-fx-background-color: cornsilk; -fx-padding: 10;");
    layout.getChildren().addAll(show, hide);
    primaryStage.setScene(new Scene(layout));
    primaryStage.show();
  }
  public AutoFillTextBoxBase() {
    getStyleClass().setAll("autofill-text");
    textField = new TextField();

    popup = new Popup();
    popup.setAutoHide(true);

    listen();
  }
  public void show(Control ownerControl) {

    Point2D point =
        ownerControl.localToScene(ownerControl.getWidth() / 2, ownerControl.getHeight());
    double x =
        point.getX() + ownerControl.getScene().getX() + ownerControl.getScene().getWindow().getX();
    double y =
        point.getY() + ownerControl.getScene().getY() + ownerControl.getScene().getWindow().getY();
    popup.show(ownerControl, x - getPopoverPointX(), y - getPopoverPointY());
  }
  public AutoCompleteTextField() {
    super();
    entries = new TreeSet<>();
    popup = new Popup();
    popup.setAnchorLocation(AnchorLocation.WINDOW_TOP_LEFT);
    popup.setWidth(getWidth());

    textProperty()
        .addListener(
            new ChangeListener<String>() {
              @Override
              public void changed(
                  ObservableValue<? extends String> observableValue,
                  String oldValue,
                  String newValue) {
                if (newValue != null && newValue.length() >= min_length) {
                  updatePopup();
                } else {
                  popup.hide();
                }
              }
            });

    setOnMouseClicked(
        e -> {
          updatePopup();
        });

    focusedProperty()
        .addListener(
            new ChangeListener<Boolean>() {
              @Override
              public void changed(
                  ObservableValue<? extends Boolean> observableValue,
                  Boolean oldValue,
                  Boolean newValue) {
                popup.hide();
              }
            });
  }
 private void updatePopup() {
   if (getText() == null) {
     return;
   }
   LinkedList<String> searchResult = new LinkedList<>();
   searchResult.addAll(
       entries.stream().filter(x -> x.startsWith(getText())).collect(Collectors.toList()));
   if (entries.size() > 0) {
     populatePopup(searchResult);
     if (!popup.isShowing()) {
       Point2D p = this.localToScene(0.0, 0.0);
       double x = p.getX() + this.getScene().getX() + this.getScene().getWindow().getX();
       double y =
           p.getY()
               + this.getScene().getY()
               + this.getScene().getWindow().getY()
               + this.getHeight();
       popup.show(AutoCompleteTextField.this, x, y);
     }
   } else {
     popup.hide();
   }
 }
Example #6
0
  public Progress(Stage owner) {
    this.owner = owner;

    Pane content = new Pane();
    content.setPrefWidth(200);
    content.setPrefHeight(200);
    indicator = new ProgressIndicator(-1.0);
    indicator.setStyle(" -fx-progress-color: white;");
    indicator.setTranslateX(60);
    indicator.setTranslateY(60);
    indicator.setPrefWidth(80);
    indicator.setPrefHeight(80);
    Rectangle back = new Rectangle(100, 100);
    back.setFill(Color.color(0, 0, 0, 0.5));
    back.setArcHeight(10);
    back.setArcWidth(10);
    back.setTranslateX(50);
    back.setTranslateY(50);
    content.getChildren().addAll(back, indicator);

    popup = new Popup();
    popup.getContent().addAll(content);
    popup.setAutoFix(true);
  }
  private void populatePopup(List<String> searchResult) {
    listView = new ListView<>();
    listView.setOnMouseClicked(
        new EventHandler<MouseEvent>() {
          public void handle(MouseEvent mouseEvent) {
            ObservableList<String> itemSelecionado =
                listView.getSelectionModel().getSelectedItems();
            String selected = listView.getSelectionModel().getSelectedItem();
            setText(selected);
            popup.hide();
            positionCaret(selected.length());
          }
        });
    listView.setOnKeyPressed(
        new EventHandler<KeyEvent>() {
          public void handle(KeyEvent keyEvent) {
            if (keyEvent.getCode().equals(KeyCode.ENTER)) {
              String selected = listView.getSelectionModel().getSelectedItem();
              if (selected == null || selected.isEmpty()) {
                return;
              }
              setText(selected);
              popup.hide();
              positionCaret(selected.length());
            } else if (keyEvent.getCode().equals(KeyCode.ESCAPE)) {
              popup.hide();
              setText("");
            }
          }
        });

    listView.getItems().clear();
    int count = searchResult.size();
    for (int i = 0; i < count; i++) {
      final String result = searchResult.get(i);
      listView.getItems().add(result);
    }
    if ((count * 26) + 10 < maxHeight) {
      listView.setMaxHeight((count * 26) + 10);
    } else {
      listView.setMaxHeight(maxHeight);
    }
    listView.setMaxWidth(getWidth());

    popup.getContent().clear();
    popup.getContent().add(listView);
  }
  /**
   * A Popup containing Listview is trigged from this function This function automatically resize
   * it's height and width according to the width of textbox and item's cell height
   */
  public void showPopup(String newValue) {
    ListView<String> listView = new ListView<>();
    listView.setPrefWidth(textField.getWidth());

    listView.getSelectionModel().clearSelection();
    listView.getFocusModel().focus(-1);

    listView.setItems(searchItems(newValue));

    // Set ListView height
    if (listView.getItems().size() > getDefaultLimitCount()) {
      listView.setPrefHeight(getDefaultLimitCount() * getDefaultPrefHeight());
    } else {
      listView.setPrefHeight(listView.getItems().size() * getDefaultPrefHeight());
    }

    listView.setOnMouseReleased(
        event -> {
          textField.setText(listView.getSelectionModel().getSelectedItem());
          textField.requestFocus();
          textField.requestLayout();
          textField.end();
          popup.hide();
          onSelectAction(listView.getSelectionModel().getSelectedItem());
        });

    listView.setOnKeyReleased(
        event -> {
          switch (event.getCode()) {
            case ENTER:
              textField.setText(listView.getSelectionModel().getSelectedItem());
              textField.requestFocus();
              textField.requestLayout();
              textField.end();
              popup.hide();
              onSelectAction(listView.getSelectionModel().getSelectedItem());
              break;
            default:
              break;
          }
        });

    // This cell factory helps to know which cell has been selected so that
    // when ever any cell is selected the textbox rawText must be changed
    listView.setCellFactory(
        view -> {
          // A simple ListCell containing only Label
          final ListCell<String> cell =
              new ListCell<String>() {
                public void updateItem(String item, boolean empty) {
                  super.updateItem(item, empty);
                  setText(item);
                }
              };

          return cell;
        });
    popup.getContent().clear();
    popup.getContent().add(listView);

    // SHOWING THE POPUP JUST BELOW TEXTBOX
    popup.show(
        getWindow(),
        getWindow().getX() + textField.localToScene(0, 0).getX() + textField.getScene().getX(),
        getWindow().getY()
            + textField.localToScene(0, 0).getY()
            + textField.getScene().getY()
            + getDefaultPrefHeight());
  }
Example #9
0
  public GridPane build() {
    area = getNewGrid();

    for (int i = 0; i < eaTabs.size(); i++) {
      EATab eaTab = eaTabs.get(i);

      /*Label label = new Label(eaTab.getTabText() + "  Gen: 0");
      eaTab.fitnessGrapher.genHolder.addListener((val) -> {
      	label.setText(eaTab.getTabText() + "  Gen: " + (Integer)val);
      });*/

      final Label label = new Label(eaTab.getTabText() + "  Fit: --");
      eaTab.fitnessGrapher.fitHolder.addListener(
          (val) -> {
            label.setText(
                eaTab.getTabText() + "  Fit: " + (Math.round(((Double) val) * 100.0) / 100.0));
          });

      final Popup popup = new Popup();
      final Label popupMessage = new Label(label.getText());
      popupMessage.getStylesheets().add("./ui/css/style.css");
      popupMessage.getStyleClass().add("popup");

      label.setOnMouseEntered(
          event -> {
            popup.setAnchorX(event.getScreenX() + 20);
            popup.setAnchorY(event.getScreenY());
            popup.setAutoFix(true);
            popup.setHideOnEscape(true);
            popup.getContent().clear();
            popup.getContent().add(popupMessage);
            popup.show(GUI.stage);
          });

      label.setOnMouseExited(
          event -> {
            popup.hide();
          });

      Line line = new Line();
      line.setEndX(100);
      line.setStroke(Paint.valueOf("B4B4B4"));
      GridPane.setColumnSpan(line, 2);
      GridPane.setRowSpan(line, 1);
      GridPane.setHalignment(line, HPos.CENTER);
      GridPane.setValignment(line, VPos.CENTER);
      area.add(line, 0, i * 2 + 1);

      TetheredProgressBar progress = new TetheredProgressBar(eaTab.progressBar);

      StackPane sp = new StackPane();
      sp.getChildren().add(label);

      StackPane sp2 = new StackPane();
      sp2.getChildren().add(progress);

      VBox vbox = new VBox();
      vbox.getChildren().addAll(sp, sp2);

      HBox hbox = new HBox();

      TetheredButton button = new TetheredButton(eaTab.startButton);

      MenuButton mb = new MenuButton();
      mb.setText("...");
      MenuItem save = new MenuItem("Save");
      save.setOnAction(
          (event) -> {
            System.out.println("SAVE");
            fxController.saveEvolution(eaTab);
          });

      MenuItem close = new MenuItem("Close");
      close.setOnAction(
          (event) -> {
            fxController.closeTab(eaTab);
          });
      mb.getItems().addAll(save, close, new MenuItem("Send"));

      hbox.getChildren().addAll(button, mb);
      hbox.setSpacing(5);

      area.add(vbox, 0, i * 2);
      area.add(hbox, 1, i * 2);

      // button = null;
    }

    return area;
  }
  public boolean isShowing() {

    return popup.isShowing();
  }
  public void hide() {

    popup.hide();
  }
  public ColorPickerPopover() {

    getStyleClass().add("color-picker-popover");
    popup.setAutoHide(true);

    // add this to popup
    popup.getContent().add(this);

    // load stylesheet
    getStylesheets().add(ColorPicker.class.getResource("ColorPicker.css").toString());

    // create popover path for main shape
    final Path p = new Path();
    p.getElements()
        .addAll(
            new MoveTo(PICKER_PADDING, PICKER_PADDING + ARROW_SIZE + RADIUS),
            new ArcTo(
                RADIUS,
                RADIUS,
                90,
                PICKER_PADDING + RADIUS,
                PICKER_PADDING + ARROW_SIZE,
                false,
                true),
            new LineTo(PICKER_PADDING + ARROW_X - (ARROW_SIZE * 0.8), PICKER_PADDING + ARROW_SIZE),
            new LineTo(PICKER_PADDING + ARROW_X, PICKER_PADDING),
            new LineTo(PICKER_PADDING + ARROW_X + (ARROW_SIZE * 0.8), PICKER_PADDING + ARROW_SIZE),
            new LineTo(PICKER_PADDING + PICKER_WIDTH - RADIUS, PICKER_PADDING + ARROW_SIZE),
            new ArcTo(
                RADIUS,
                RADIUS,
                90,
                PICKER_PADDING + PICKER_WIDTH,
                PICKER_PADDING + ARROW_SIZE + RADIUS,
                false,
                true),
            new LineTo(
                PICKER_PADDING + PICKER_WIDTH,
                PICKER_PADDING + ARROW_SIZE + PICKER_HEIGHT - RADIUS),
            new ArcTo(
                RADIUS,
                RADIUS,
                90,
                PICKER_PADDING + PICKER_WIDTH - RADIUS,
                PICKER_PADDING + ARROW_SIZE + PICKER_HEIGHT,
                false,
                true),
            new LineTo(PICKER_PADDING + RADIUS, PICKER_PADDING + ARROW_SIZE + PICKER_HEIGHT),
            new ArcTo(
                RADIUS,
                RADIUS,
                90,
                PICKER_PADDING,
                PICKER_PADDING + ARROW_SIZE + PICKER_HEIGHT - RADIUS,
                false,
                true),
            new ClosePath());
    p.setFill(
        new LinearGradient(
            0,
            0,
            0,
            1,
            true,
            CycleMethod.NO_CYCLE,
            new Stop(0, Color.web("#313131")),
            new Stop(0.5, Color.web("#5f5f5f")),
            new Stop(1, Color.web("#313131"))));
    p.setStroke(null);
    p.setEffect(new DropShadow(15, 0, 1, Color.gray(0, 0.6)));
    p.setCache(true);

    // create rectangle to capture mouse events to hide
    Rectangle windowClickRect =
        RectangleBuilder.create()
            .width(PICKER_PADDING + PICKER_WIDTH + PICKER_PADDING)
            .height(PICKER_PADDING + PICKER_HEIGHT + PICKER_PADDING)
            .fill(Color.TRANSPARENT)
            .onMouseClicked(
                new EventHandler<MouseEvent>() {

                  @Override
                  public void handle(MouseEvent event) {

                    System.out.println("x= " + event.getX());
                    System.out.println(
                        "p.contains(event.getX(), event.getY()) = "
                            + p.contains(event.getX(), event.getY()));
                    if (!p.contains(event.getX(), event.getY())) {
                      hide();
                    }
                  }
                })
            .build();

    final Circle colorRectIndicator =
        CircleBuilder.create()
            .centerX(60)
            .centerY(60)
            .radius(5)
            .stroke(Color.WHITE)
            .fill(null)
            .effect(new DropShadow(2, 0, 1, Color.BLACK))
            .build();

    colorRectIndicator
        .centerXProperty()
        .bind(
            new DoubleBinding() {

              {
                bind(sat);
              }

              @Override
              protected double computeValue() {

                return (PICKER_PADDING + 10) + (RECT_SIZE * (sat.get() / 100));
              }
            });

    colorRectIndicator
        .centerYProperty()
        .bind(
            new DoubleBinding() {

              {
                bind(bright);
              }

              @Override
              protected double computeValue() {

                return (PICKER_PADDING + ARROW_SIZE + 10)
                    + (RECT_SIZE * (1 - (bright.get() / 100)));
              }
            });

    final Rectangle colorRect =
        RectangleBuilder.create()
            .x(PICKER_PADDING + 10)
            .y(PICKER_PADDING + ARROW_SIZE + 10)
            .width(RECT_SIZE)
            .height(RECT_SIZE)
            .build();
    colorRect
        .fillProperty()
        .bind(
            new ObjectBinding<Paint>() {

              {
                bind(color);
              }

              @Override
              protected Paint computeValue() {

                return Color.hsb(hue.getValue(), 1, 1);
              }
            });

    Rectangle colorRectOverlayOne =
        RectangleBuilder.create()
            .x(PICKER_PADDING + 10)
            .y(PICKER_PADDING + ARROW_SIZE + 10)
            .width(RECT_SIZE)
            .height(RECT_SIZE)
            .fill(
                new LinearGradient(
                    0,
                    0,
                    1,
                    0,
                    true,
                    CycleMethod.NO_CYCLE,
                    new Stop(0, Color.rgb(255, 255, 255, 1)),
                    new Stop(1, Color.rgb(255, 255, 255, 0))))
            .build();

    EventHandler<MouseEvent> rectMouseHandler =
        new EventHandler<MouseEvent>() {

          @Override
          public void handle(MouseEvent event) {

            final double x = event.getX() - colorRect.getX();
            final double y = event.getY() - colorRect.getY();
            sat.set(clamp(x / RECT_SIZE) * 100);
            bright.set(100 - (clamp(y / RECT_SIZE) * 100));
          }
        };

    Rectangle colorRectOverlayTwo =
        RectangleBuilder.create()
            .x(PICKER_PADDING + 10)
            .y(PICKER_PADDING + ARROW_SIZE + 10)
            .width(RECT_SIZE)
            .height(RECT_SIZE)
            .fill(
                new LinearGradient(
                    0,
                    0,
                    0,
                    1,
                    true,
                    CycleMethod.NO_CYCLE,
                    new Stop(0, Color.rgb(0, 0, 0, 0)),
                    new Stop(1, Color.rgb(0, 0, 0, 1))))
            .onMouseDragged(rectMouseHandler)
            .onMouseClicked(rectMouseHandler)
            .build();
    final Rectangle colorBar =
        RectangleBuilder.create()
            .x(PICKER_PADDING + PICKER_WIDTH - 30)
            .y(PICKER_PADDING + ARROW_SIZE + 10)
            .width(20)
            .height(RECT_SIZE)
            .fill(createHueGradient())
            .build();
    final Rectangle colorBarIndicator =
        RectangleBuilder.create()
            .x(PICKER_PADDING + PICKER_WIDTH - 32)
            .y(PICKER_PADDING + ARROW_SIZE + 15)
            .width(24)
            .height(10)
            .arcWidth(4)
            .arcHeight(4)
            .stroke(Color.WHITE)
            .fill(null)
            .effect(new DropShadow(2, 0, 1, Color.BLACK))
            .build();

    colorBarIndicator
        .yProperty()
        .bind(
            new DoubleBinding() {

              {
                bind(hue);
              }

              @Override
              protected double computeValue() {

                return (PICKER_PADDING + ARROW_SIZE + 5) + (RECT_SIZE * (hue.get() / 360));
              }
            });
    EventHandler<MouseEvent> barMouseHandler =
        new EventHandler<MouseEvent>() {

          @Override
          public void handle(MouseEvent event) {

            final double y = event.getY() - colorBar.getY();
            hue.set(clamp(y / RECT_SIZE) * 360);
          }
        };
    colorBar.setOnMouseDragged(barMouseHandler);
    colorBar.setOnMouseClicked(barMouseHandler);

    Label brightnessLabel = new Label("Brightness:");
    brightnessLabel.setMinWidth(Control.USE_PREF_SIZE);
    GridPane.setConstraints(brightnessLabel, 0, 0);

    Slider brightnessSlider = SliderBuilder.create().min(0).max(100).id("BrightnessSlider").build();
    brightnessSlider.valueProperty().bindBidirectional(bright);
    GridPane.setConstraints(brightnessSlider, 1, 0);

    IntegerField brightnessField = new IntegerField();
    brightnessField.valueProperty().bindBidirectional(bright);
    brightnessField.setPrefColumnCount(7);
    GridPane.setConstraints(brightnessField, 2, 0);

    Label saturationLabel = new Label("Saturation:");
    saturationLabel.setMinWidth(Control.USE_PREF_SIZE);
    GridPane.setConstraints(saturationLabel, 0, 1);

    Slider saturationSlider = SliderBuilder.create().min(0).max(100).id("SaturationSlider").build();
    saturationSlider.valueProperty().bindBidirectional(sat);
    GridPane.setConstraints(saturationSlider, 1, 1);

    saturationSlider
        .styleProperty()
        .bind(
            new StringBinding() {

              {
                bind(color);
              }

              @Override
              protected String computeValue() {

                return "picker-color: hsb(" + hue.get() + ",100%,100%);";
              }
            });

    IntegerField saturationField = new IntegerField();
    saturationField.valueProperty().bindBidirectional(sat);
    saturationField.setPrefColumnCount(7);
    GridPane.setConstraints(saturationField, 2, 1);

    Label webLabel = new Label("Web:");
    webLabel.setMinWidth(Control.USE_PREF_SIZE);
    GridPane.setConstraints(webLabel, 0, 2);

    WebColorField webField = new WebColorField();
    webField.valueProperty().bindBidirectional(color);
    GridPane.setConstraints(webField, 1, 2, 2, 1);

    GridPane controls = new GridPane();
    controls.setVgap(5);
    controls.setHgap(5);
    controls
        .getChildren()
        .addAll(
            brightnessLabel,
            brightnessSlider,
            brightnessField,
            saturationLabel,
            saturationSlider,
            saturationField,
            webLabel,
            webField);
    controls.setManaged(false);
    controls.resizeRelocate(
        PICKER_PADDING + 10,
        PICKER_PADDING + ARROW_SIZE + 10 + 170 + 10,
        PICKER_WIDTH - 20,
        controls.getPrefHeight());

    getChildren()
        .addAll(
            windowClickRect,
            p,
            colorRect,
            colorRectOverlayOne,
            colorRectOverlayTwo,
            colorBar,
            colorRectIndicator,
            colorBarIndicator,
            controls);
  }
 @Override
 protected void interpolate(final double frac) {
   popup.setOpacity(frac);
 }
Example #14
0
 public void show() {
   popup.show(owner);
 }