Comment Chevauchement boutons/Texte sur une image avec JavaFX 8?

J'ai de la difficulté de placer des boutons/texte sur une image, je suis en utilisant avec JavaFX 8.

J'ai utilisé un ImageViewer pour placer l'image mais je n'arrive pas à réellement obtenir le reste SUR le DESSUS de l'image.

Je suis en utilisant setTranslateX,Y pour déplacer le bouton autour de lui, mais il n'a jamais chevauchements.

S'il vous plaît dites-moi comment je peux résoudre ce problème. 

import javafx.application.Application;
import javafx.geometry.Rectangle2D;
import javafx.scene.Scene;
import javafx.scene.control.Button;
import javafx.scene.control.ContentDisplay;
import javafx.scene.control.Label;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.BorderPane;
import javafx.scene.layout.HBox;
import javafx.scene.layout.VBox;
import javafx.scene.paint.Color;
import javafx.scene.text.Font;
import javafx.stage.Stage;
import javafx.scene.text.Text;
public class Main extends Application{
public static void main(String[] args)
{
Application.launch(args);
}
public void start(Stage stage) throws Exception {
int x = 450;
int y = 450;
Image image = new Image("space.jpg",x,y, false, false);
ImageView iv1 = new ImageView();
iv1.setImage(image);
iv1.setPreserveRatio(true);
iv1.setFitHeight(x);
iv1.setFitWidth(y);
Text text = new Text("hello");
text.setFont(Font.font ("Arial", 27));
Button button = new Button("Hello");
button.setTranslateX(10);
button.setTranslateY(10);
button.setContentDisplay(ContentDisplay.TOP);
HBox root = new HBox();
root.getChildren().add(iv1);
root.getChildren().add(text);
root.getChildren().add(button);
Scene scene = new Scene(root,x,y);
stage.setTitle("Space Blaster (New Game)");
stage.setScene(scene);
stage.show();
}
}
  • Pouvez-vous préciser ce que vous voulez? Vous souhaitez que le bouton et le texte en haut de l'image, mais où est le bouton censé être en rapport avec le texte?
  • Salut, je ne suis pas intéressé à la relation entre le bouton et le texte. Je suis juste avoir de la difficulté à se chevauchant le texte/bouton au dessus de l'image. En termes simples, mon but est d'avoir l'image d'agir comme l'image d'arrière-plan et d'avoir les boutons / quoi que ce soit sur le dessus.
  • Eh bien, il est assez difficile de donner un exemple, si vous n'expliquez pas comment vous voulez qu'il ressemble, mais je vais essayer...
  • J'ai juste besoin de comprendre comment se chevauchent quelque chose sur une image. Mon problème est là où j'ai déplacer le bouton/texte, il montre à côté de l'image, plutôt que sur le dessus.
  • Voici une image de ce que je suis en train de vivre: puu.sh/erg77/7512937a40.jpg
InformationsquelleAutor Tacent | 2015-01-12
  1. 7

    Vous pouvez utiliser un StackPane à la superposition de deux nœuds. Par exemple:

    Button button = new Button("Hello");
Text text = new Text("hello");
HBox hbox = new HBox();
hbox.getChildren().addAll(button, text); //button will be left of text
Image image = new Image("space.jpg",x,y, false, false);
ImageView iv1 = new ImageView();
StackPane stackPane = new StackPane();
stackPane.getChildren().addAll(iv1, hbox); //hbox with button and text on top of image view
HBox root = new HBox();
root.getChildren().add(stackPane);
//etc

    Une autre approche, c'est juste pour mettre les commandes (bouton et texte) dans un volet d'un certain type (par exemple,HBox), puis à utiliser les CSS pour définir une image d'arrière-plan sur le volet.

    • Merci, ça a fonctionné. Je vais aller regarder dans stackpanes un peu plus maintenant.
    InformationsquelleAutor James_D