Wie Sie eine Schaltfläche angezeigt worden angeklickt oder ausgewählt? (JavaFX2)

Ich denke, für deine Beschreibung, dass Sie tatsächlich wollen, dass eine ToggleButton eher als ein standard -Button.

Gibt es eine schöne Oracle tutorial auf ToggleButtons.

Adressierung von Elementen aus der Frage

dark blue halo scheint zu zeigen, dass es geklickt wurde

Den riesigen blauen halo ist eigentlich ein Fokus-ring, der anzeigt, dass ein Steuerelement den Fokus hat.
Zu den Fokus-Steuerung können Sie aufrufen, die requestFocus Methode.

Im Laufe der Ereignisse, mein Programm kann wollen, um 'deaktivieren' es zu zeigen, dass es nicht mehr aktiviert ist.

Entfernen der Fokus von einem Steuerelement, können Sie rufen Sie requestFocus auf ein anderes Steuerelement, um den Fokus auf das Steuerelement, statt.

Erwartete ich einen button.setSelected(false);

Haben eine Taste für das Umschalten zwischen ausgewählten und nicht ausgewählten Zustand, verwenden Sie eine ToggleButton. Ein ToggleButton hat eine setSelected Methode.

setEffect(neue DropShadow()) Mithilfe von setStyle() ist ok, aber welche Werte zu verwenden

css-style-Werte für die drop-Schatten-Effekte sind definiert in der JavaFX CSS Reference Guide.

Ist es optisch gleichwertig zu definieren, die drop-Schatten-Effekt im code über setEffect oder per css mit setStyle oder die Anwendung eines style-Klasse aus einem stylesheet. Die drei Ansätze, die ich würde nie empfehlen, die setStyle Ansatz, aber nur die css aus dem stylesheet bzw. der setEffect von code-Ansatz.

Verwandte

Hinweis: es gibt eine zusätzliche Eigenschaft - bewaffnet:

Zeigt an, dass der button wurde mit "scharf", so dass eine Maustaste loslassen, wird die Ursache Aktion der Schaltfläche aufgerufen werden. Dies ist subtil anders aus gedrückt. Gedrückt zeigt an, dass die Maus gedrückt wurde, auf einen Knoten und wurde noch nicht veröffentlicht. arm jedoch auch berücksichtigt, ob sich die Maus tatsächlich über der Taste und gedrückt.

Einen button in einen bewaffneten Staat hat ein etwas anderes Aussehen als eine, die nicht in einem bewaffneten Staat. Die meisten Programme, die Sie nie brauchen, um die Interaktion mit den "armed" Zustand der Tasten.

Beispiel für das styling der ausgewählte Zustand

Den standard-Weg zu unterscheiden, eine ausgewählte ToggleButton-von einer, die nicht Ausgewählt verdunkeln es, um ihm eine Tiefe Stil-Effekt und machen es erscheinen weiter entfernt, wenn es geschoben wurde. Hier ist die standard -toggle-Buttons-css für JavaFX 2.2:

.toggle-button:selected {
    -fx-background-color:
        -fx-shadow-highlight-color,
        linear-gradient(to bottom, derive(-fx-color,-90%) 0%, derive(-fx-color,-60%) 100%),
        linear-gradient(to bottom, derive(-fx-color,-60%) 0%, derive(-fx-color,-35%) 50%, derive(-fx-color,-30%) 98%, derive(-fx-color,-50%) 100%),
        linear-gradient(to right, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0) 90%, rgba(0,0,0,0.3) 100%);
    -fx-background-insets: 0 0 -1 0, 0, 1, 1;
    /* TODO: -fx-text-fill should be derived */
    -fx-text-fill: -fx-light-text-color;
}

Können Sie dieses Standardverhalten außer Kraft setzen, indem Sie definieren Sie Ihre eigenen stylesheet, dass bietet eine Alternative definition für den ausgewählten Zustand. Im folgenden Beispiel wird sichergestellt, dass die ausgewählten Zustand display ist viel subtiler als der standard, nur dass die ausgewählten Zustand Farbe nur einen kleinen Bruchteil eher als eine Menge.

Deaktiviert

Ausgewählt

Zugehörigen css:

/**
 * file: colored-toggle.css
 *   Place in same directory as ColoredToggle.java.
 *   Have your build system copy this file to your build output directory.
 **/

.root {
  -fx-background-color: cornsilk; 
  -fx-padding: 10;
}

.toggle-button {
  -fx-color: paleturquoise;
}

.toggle-button:selected {
    -fx-background-color:
        -fx-shadow-highlight-color,
        linear-gradient(to bottom, derive(-fx-color,-22%) 0%, derive(-fx-color,-15%) 100%),
        linear-gradient(to bottom, derive(-fx-color,-15%) 0%, derive(-fx-color,-10%) 50%, derive(-fx-color,-8%) 98%, derive(-fx-color,-12%) 100%);
}

.toggle-button:selected:focused {
    -fx-background-color:
        -fx-focus-color,
        linear-gradient(to bottom, derive(-fx-color,-22%) 0%, derive(-fx-color,-15%) 100%),
        linear-gradient(to bottom, derive(-fx-color,-15%) 0%, derive(-fx-color,-10%) 50%, derive(-fx-color,-8%) 98%, derive(-fx-color,-12%) 100%);
}

Quelldatei:

import javafx.application.Application;
import javafx.geometry.Pos;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.layout.VBox;
import javafx.stage.Stage;

public class ColoredToggle extends Application {
  public static void main(String[] args) { Application.launch(ColoredToggle.class, args); }

  @Override public void start(Stage stage) {
    ToggleButton visibilityControl = new ToggleButton("Winterfell");

    VBox layout = new VBox(10);
    layout.setAlignment(Pos.CENTER);
    layout.getChildren().setAll(visibilityControl);

    layout.getStylesheets().add(getClass().getResource("colored-toggle.css").toExternalForm());

    stage.setScene(new Scene(layout));
    stage.show();
  }
}