How to set imageview and webview in JavaFX?

[Niti Kapoor]

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.*;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

/**
 *
 * Created on: 20.03.2012
 * @author Sebastian Damm
 */
public class HBoxandVBoxExample2 extends Application
{
    @Override
    public void start(Stage primaryStage) throws Exception
    {                
        StackPane root = new StackPane();

        HBox hbox = new HBox(30); // create a HBox to hold 2 vboxes        

        // create a vbox with a textarea that grows vertically
        VBox vbox = new VBox(10);        
         final ImageView imageView = new ImageView();  
          Image image = new Image("https://www.pexels.com/search/nature/");
            imageView.setImage(image);
        vbox.getChildren().addAll(imageView);

        // create a vbox that grows horizontally inside the hbox
        VBox vbox2 = new VBox(10);        
        final WebView browser = new WebView();
        final WebEngine wb2 = browser.getEngine();
        wb2.load("https://www.javacodegeeks.com/2012/07/javafx-20-layout-panes-hbox-and-vbox.html");
        vbox2.getChildren().addAll(browser);

        HBox.setHgrow(vbox2, Priority.ALWAYS);

        // the next two lines behave equally - try to comment the first line out and use the 2nd line
        hbox.setPadding(new Insets(20));
//        StackPane.setMargin(hbox, new Insets(20));

        hbox.getChildren().addAll(vbox, vbox2);
        root.getChildren().add(hbox);
        Scene scene = new Scene(root, 500, 300); // the stack pane is the root node

        primaryStage.setTitle("HBox and VBox Example 2");
        primaryStage.setScene(scene);
        primaryStage.show();        
    }

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

This is what I had tried but the image is override by a browser. I want in left vbox imageview and in right webview browser. How can I do it? How can I add imageview and browser in two box left and right handside.

[Daniel Demesmaecker]

Image image = new Image("https://www.pexels.com/search/nature/");

You're not refferencing a image, but a map

[Niti Kapoor]

thats ok change the url with file://192.168.2.18/pm8/data/pmin/2018/201801/20180103/cuts/2297.jpg
still my problem is to open image in one vbox and webview in another i hope you understand.

[Daniel Demesmaecker]

I would use a splitpane, instead of a stackpane

[Niti Kapoor]

k if i use  SplitPane root = new SplitPane(); like this how to add hbox to it as it give error getChildren() has protected access in parent.

[Niti Kapoor]

i had tried with splitpane like this but it also doesnt do the work?

import javafx.application.Application;
import javafx.geometry.Insets;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.*;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.*;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
 
/**
 *
 * Created on: 20.03.2012
 * @author Sebastian Damm
 */
public class HBoxandVBoxExample2 extends Application
{
    @Override
    public void start(Stage primaryStage) throws Exception
    {                
        // SplitPane root = new SplitPane();
 
        HBox hbox = new HBox(20); // create a HBox to hold 2 vboxes        
 hbox.setTranslateX(20);
        hbox.setTranslateY(20);
        // create a vbox with a textarea that grows vertically
       SplitPane splitPane1 = new SplitPane();      
         final ImageView imageView = new ImageView();  
          Image image = new Image("file://192.168.2.18/pm8/data/pmin/2018/201801/20180103/cuts/2297.jpg");
            imageView.setImage(image);
            splitPane1.getItems().addAll(imageView);
        hbox.getChildren().add(splitPane1);
 
        // create a vbox that grows horizontally inside the hbox
        SplitPane splitPane2 = new SplitPane();       
        final WebView browser = new WebView();
        final WebEngine wb2 = browser.getEngine();
        wb2.load("https://www.javacodegeeks.com/2012/07/javafx-20-layout-panes-hbox-and-vbox.html");
         splitPane2.getItems().addAll(browser);
    hbox.getChildren().add(splitPane2);
 
       
        Scene scene = new Scene(new Group(hbox), 500, 300); // the stack pane is the root node
 
        primaryStage.setTitle("HBox and VBox Example 2");
        primaryStage.setScene(scene);
        primaryStage.show();        
    }
 
    public static void main(String[] args)
    {
        Application.launch(args);
    }
}

[Daniel Demesmaecker]

Mainclass:

import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage) throws Exception{
        Parent root = FXMLLoader.load(getClass().getResource("sample.fxml"));
        primaryStage.setTitle("Hello World");
        primaryStage.setScene(new Scene(root, 300, 275));
        primaryStage.show();
    }


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

FXMLFile:

<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.scene.control.SplitPane?>
<?import javafx.scene.image.ImageView?>
<?import javafx.scene.web.WebView?>


<SplitPane dividerPositions="0.5" maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0" prefWidth="600.0" xmlns="http://javafx.com/javafx/8.0.121" xmlns:fx="http://javafx.com/fxml/1" fx:controller="sample.Controller">
   <items>
      <ImageView fx:id="imageV" fitHeight="150.0" fitWidth="200.0" pickOnBounds="true" preserveRatio="true" />
      <WebView fx:id="webView" prefHeight="200.0" prefWidth="200.0" />
   </items>
</SplitPane>

Controller:

import javafx.fxml.FXML;
import javafx.scene.image.Image;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;


public class Controller {
    @FXML
    private WebView webView;
    @FXML
    private javafx.scene.image.ImageView imageV;

    @FXML
    private void initialize()
    {
        WebEngine engine = webView.getEngine();
        engine.load("https://www.javacodegeeks.com/2012/07/javafx-20-layout-panes-hbox-and-vbox.html");
        Image image = new Image("https://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg");
        imageV.setImage(image);
    }
}

I didn't set dimentions, but you catch the idea

[Niti Kapoor]

im avoiding fxml because i had made the complete project just the problem is to divide in two part. Cant we do without fxml and thanks.

[Daniel Demesmaecker]

import javafx.application.Application;
import javafx.geometry.Orientation;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.SplitPane;
import javafx.scene.image.Image;
import javafx.scene.image.ImageView;
import javafx.scene.layout.HBox;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;

public class Main extends Application {

    @Override
    public void start(Stage primaryStage){
        primaryStage.setTitle("Hello World");
        WebView webView = new WebView();
        Image image = new Image("https://upload.wikimedia.org/wikipedia/commons/3/36/Hopetoun_falls.jpg");
        ImageView imageV = new ImageView(image);
        imageV.setFitWidth(400.0);
        WebEngine engine = webView.getEngine();
        engine.load("https://www.javacodegeeks.com/2012/07/javafx-20-layout-panes-hbox-and-vbox.html");
        SplitPane pane = new SplitPane();
        pane.setOrientation(Orientation.HORIZONTAL);
        Group root = new Group();
        HBox hBox = new HBox();
        pane.getItems().addAll(imageV, webView);
        hBox.getChildren().add(pane);
        root.getChildren().add(hBox);
        primaryStage.setScene(new Scene(root,1200,800));
        primaryStage.show();
    }


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

[Yash Chandra Verma]

I also want to make webview of app of my site. Any source

[Yash Chandra Verma]

Yash Chandra Verma wrote:I also want to make webview of app of my site. Any source

[Daniel Demesmaecker]

Don't posted a question as response, open a new question.
This being said check: oracle.docs or java code geeks for a code example. Basicly everything is alredy posted here