JavaFX: Wie man einen Knoten Maus teilweise transparent?

Vereinfachte Problem:

Machen Sie einen Knoten "A", die an der Spitze eines anderen Knotens "B" zur Hälfte transparent zu Mausevents, so dass die Ereignisse erreichen den darunter liegenden Knoten "B". Beide Knoten sind von gleicher Größe aber Knoten "A" hat eine halb transparente Hintergrundbild, so dass die eine Hälfte der Knoten "B" ist sichtbar.

Echtes Problem:

Ich habe ein Menü mit Registerkarten. Jeder tab kann gezogen werden, erweitern Sie den entsprechenden Menü-Ebene. Daher wird jede Registerkarte layer ist ein Bereich mit einem teilweise transparenten hintergrund (im Grunde ein polygon), von denen der transparente Teil sollte auch transparent zu Mausevents.

Der Abbildung (was ich nicht post noch, siehe link: Abbildung tabs, die dunkelgrüne Linie ist die Grenze für den grünen Bereich) zeigt das Grundprinzip: man Stelle sich nur die tabs sichtbar sind und die Schicht selbst kann gezogen werden, um das Recht zum anzeigen der Inhalt.

Die Frage ist also, wie erstelle ich eine region, ein Knoten transparent zu Mausevents ohne dass die ganze Knoten transparent?

Danke für Eure Hilfe!

Update:

Zu klären, das problem, das hier ist der dazugehörige code:

//Create parent group
Group root = new Group();

//Create linear gradient, so one side is transparent
Stop[] stops = new Stop[] { new Stop(0, Color.rgb(0, 255, 0, 0.0)), new Stop(1, Color.rgb(0, 255, 0, 1.0))};
LinearGradient lg1 = new LinearGradient(0, 0, 1, 0, true, CycleMethod.NO_CYCLE, stops);

//Create the rectangles
Rectangle A = new Rectangle(100, 50, lg1);
Rectangle B = new Rectangle(100,50, Color.RED);

//Add eventHandlers
A.setOnMouseClicked(new EventHandler<MouseEvent>() {
    @Override
    public void handle(MouseEvent e) {
        System.out.println("Clicked A");
    }
});
B.setOnMouseClicked(new EventHandler<MouseEvent>() {
    @Override
    public void handle(MouseEvent e) {
        System.out.println("Clicked B");
    }
});
root.getChildren().addAll(B, A);

//Add to Scene..

Hoffe, das hilft.

  • Ich habe nicht viel nachdenken, sondern können Ihnen Sache : erstellen Sie ein Rechteck, stellen Sie die Farbe auf transparent (scheint die Farbe.TRANSPARENT). Machen Sie nicht die Maus transparent, und binden die Höhe der Teil von der Höhe der Ziel-node "Ein". Legen Sie es über target-Knoten "A", und schreiben Sie code, der Ereignis-Weitergabe an den darunter liegenden Knoten "A". Machen Sie den Knoten "A" - transparent. Ist es Arbeit?
InformationsquelleAutor MoeSzyslak | 2013-03-20
  1. 6

    Betrachten die pickOnBounds Eigenschaft, es kann Hilfe in Ihrer situation, aber es ist mir nicht klar, ohne zu sehen, deinen code-Versuch, der fehlschlägt, für das vereinfachte problem.

    Knoten.setPickOnBounds(true)

    Wenn pickOnBounds wahr ist, dann Kommissionierung wird berechnet durch verschneiden mit den Grenzen dieses Knotens ist, sonst Kommissionierung wird berechnet durch die sich kreuzenden, mit der die geometrische Form dieses Knotens.

    Der folgende code veranschaulicht, wie diese verwendet werden können, durch die Schaffung eines Platzes überlagert durch eine ImageView für eine Image enthält tranparent Pixel. Wenn pickOnBounds auf true gesetzt ist für die Bildansicht, dann, selbst wenn Sie klicken Sie auf die transparenten Pixel im Bild, die Bildansicht erhalten die Maus-Klick-Ereignis. Wenn pickOnBounds ist auf false gesetzt für die Bildansicht, dann, selbst wenn Sie klicken Sie auf die transparenten Pixel im Bild, die Bildansicht wird nicht der click und die click-Ereignis empfangen wird, von der Knoten hinter dem Bild.

    JavaFX: Wie man einen Knoten Maus teilweise transparent?

    import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.event.EventHandler;
import javafx.geometry.Pos;
import javafx.scene.*;
import javafx.scene.control.*;
import javafx.scene.image.ImageView;
import javafx.scene.input.MouseEvent;
import javafx.scene.layout.*;
import javafx.scene.paint.*;
import javafx.scene.shape.Rectangle;
import javafx.stage.Stage;

public class PickOnBoundsDemo extends Application {
  public static void main(String[] args) { Application.launch(args); }
  @Override public void start(Stage stage) {
    final Rectangle back  = new Rectangle(128, 128);
    back.setFill(Color.FORESTGREEN);
    final ImageView front = new ImageView("http://icons.iconarchive.com/icons/aha-soft/free-large-boss/128/Wizard-icon.png");
    //icon: Linkware (Backlink to http://www.aha-soft.com required)

    final StackPane pickArea = new StackPane();
    pickArea.getChildren().addAll(
      back, 
      front
    );

    final ToggleButton pickTypeSelection = new ToggleButton("Pick On Bounds");
    final Label pickResult = new Label();

    Bindings.bindBidirectional(front.pickOnBoundsProperty(), pickTypeSelection.selectedProperty());

    front.setOnMouseClicked(new EventHandler<MouseEvent>() {
      @Override public void handle(MouseEvent t) {
        pickResult.setText("Front clicked");
      }
    });

    back.setOnMouseClicked(new EventHandler<MouseEvent>() {
      @Override public void handle(MouseEvent t) {
        pickResult.setText("Back clicked");
      }
    });

    VBox layout = new VBox(10);
    layout.setStyle("-fx-background-color: cornsilk; -fx-padding: 10;");
    layout.getChildren().setAll(
      pickArea,
      new Label("Click inside the above area to test mouse picking."),
      pickTypeSelection,
      pickResult
    );
    layout.setAlignment(Pos.CENTER);

    stage.setScene(new Scene(layout));
    stage.show();
  }
}
    • Vielen Dank für Ihren Kommentar. Ich werde versuchen, diese und fügen Sie die hintergrund-Bild, als eine Bildansicht anstelle die CSS-Eigenschaft background-image.
    • Deine Lösung funktioniert! Ich danke Ihnen sehr. Ich musste pickOnBounds(false) für alle Knoten mit der Bildansicht-Objekt, so dass die Veranstaltung würde nicht gefangen werden durch einen übergeordneten Knoten.
    InformationsquelleAutor jewelsea
Schreibe einen Kommentar