JavaFX ile web browser yazmak

Web browser yazmak ayağa düştü demeyin. JavaFX 'in yeni WebEngine sınıfı ile çok kullanışlı bir browser yazmak mümkün.

01.11.2012

Kategori: Java

4268

Merhaba.

Bu yazımızda yenilenen JavaFX kütüphanesinin WebEngine ve WebView sınıflarını kullanarak nasıl web browser yazabileceğimizi göreceğiz.

WebBrowser sınıfı C# dilinde bulunan Webbrowser sınıfı gibi sürükle bırak tarzında bir web tarayıcısı oluşturmamızı sağlar. Bu makalede Netbeans geliştirme ortamını kurduğumuzda JavaFX örnekleri içinde gelen web browser projesinin kodlarını inceleyeceğiz ve üzerinde bazı değişiklikler yapacağız.

Sözü fazla uzatmadan kodlara bakalım: (“WebViewBrowser” projenin varsayılan adıdır ve değiştirmediğiniz takdirde aşağıdaki sınıf kodlarını olduğu gibi kullanabilirsiniz.)

public class WebViewBrowser extends Application

{

    @Override public void start( Stage primaryStage ) throws Exception

    {

        Pane root = new WebViewPane();

         //JavaFX container 'larından biri olan Pane sınıfını kullanıyoruz fakat kendi yazdığımız WebViewPane olarak nesne oluşturuyoruz

        // Bu şekilde webview nesnesini webviewpane içine koyacağız 

        primaryStage.setScene(new Scene(root, 1024, 768));

        primaryStage.show();

        //Boyutları 1024x768 olan stage sınıfımızı show metodu ile görünür kılıyoruz

    }

    public static void main( String[] args )

    {

        launch(args);

    }

    public class WebViewPane extends Pane

    {

        //Pane sınıfından kalıtım alan WebViewPane sınıfımız ve hemen altta constructor metodu

        public WebViewPane()

        {

            VBox.setVgrow(this, Priority.ALWAYS);

            //Pencere tam ekran yapıldığında  Pane nesnesinin otomatik yeniden boyutlanması için.

            setMaxWidth(Screen.getPrimary().getBounds().getWidth() + 20);

            setMaxHeight(Screen.getPrimary().getBounds().getHeight() + 20);

             //set metodlarını orjinal halinden farklı yazdım. Pencerenin maksimum boyutu ekran boyutları kadar olacak şekilde ayarlanabilir. 

            WebView view = new WebView();

            view.setMinSize(500, 400);

            view.setPrefSize(500, 400);

            //WebView sınıfından nesne türetiyoruz. WebView web sayfalarının webengine ile alınmasını ve gösterilmesini sağlar

            final WebEngine eng = view.getEngine();

             //WebEngine nesnesi çekirdek diyebiliriz 

            eng.load("http://www.oracle.com/us/index.html");

            //WebEngine nesnesinin load metodu ile bir sayfayı yüklemesini sağlıyoruz

            final TextField location  Field = new TextField("http://www.oracle.com/us/index.html");

            //Burada TextField oluşturduk ve otomatik load ettiğimiz başlangıç adresini yazdık

            Button goButton = new Button("Go");

            goButton.setDefaultButton(true);

            //Git düğmesini oluşturduk ve varsayılan olmasını sağlayan setDefaultButton özelliğini sağladık

            EventHandler<ActionEvent> goAction = new EventHandler<ActionEvent>()

            {

                @Override public void handle( ActionEvent event )

                {

                    //Git 'e basıldığında oluşacak olayı tanımlamak için bir EventHandler tanımladık ve ActionEvent 'lerden sorumlu olması için new EventHandler<ActionEvent> yazdık

                    eng.load(locationField.getText().startsWith("http://") ? locationField.getText() : "http://" + locationField.getText());

                    //adresi string ifade olarak textfield 'dan çağırdık ve başında http:// yoksa başına ekledik

                }

            };

            goButton.setOnAction(goAction);

            //Git button 'unun action gerçekleştirdiğinde ne yapacağını setOnAction ile belirledik

            //locationField.setOnAction(goAction); yazarak Enter 'a basıldığında git işini yapması için adres çubuğunun da action 'larını aynı eventhandler ile tutabiliriz

            //Fakat control + enter yapıldığında başında www ve sonunda .com koyması için kendi kodlarımızı yazacağız

            locationField.setOnKeyPressed(new EventHandler<KeyEvent>()

            {

                //KeyPressed olayı ile klavyeden enter 'a basıldığını kontrol ediyoruz

                @Override

                public void handle( KeyEvent t )

                {

                    if ( t.getCode() == KeyCode.ENTER )

                    {

                        //Enter 'a basıldıysa

                        String go_adres = locationField.getText();

                        if ( !go_adres.startsWith("http://") )

                        {

                            //Başında http:// olmayan adresler için

                            if ( t.isControlDown() )

                            {

                                //Control 'e de basıldıysa

                                if ( !go_adres.startsWith("www.") )

                                {

                                    //Başında www. yoksa ekle

                                    go_adres = "www." + go_adres;

                                }

                                if ( !go_adres.endsWith(".com") )

                                {

                                    //Sonunda .com yoksa ekle

                                    go_adres = go_adres + ".com";

                                }

                            }

                            else if ( t.isShiftDown() )

                            {

                                //Benzer kodlar Shift ile basıldığında www. ve .net eklemesi için

                                if ( !go_adres.startsWith("www.") )

                                {

                                    go_adres = "www." + go_adres;

                                }

                                if ( !go_adres.endsWith(".net") )

                                {

                                    go_adres = go_adres + ".net";

                                }

                            }

                            else if ( t.isAltDown() )

                            {

                                //Benzer kodlar Alt ile basıldığında www. ve .org eklemesi için

                                if ( !go_adres.startsWith("www.") )

                                {

                                    go_adres = "www." + go_adres;

                                }

                                if ( !go_adres.endsWith(".org") )

                                {

                                    go_adres = go_adres + ".org";

                                }

                            }

                            go_adres = "http://" + go_adres;

                        }

                        eng.load(go_adres);

                    }

                }

            });

            eng.locationProperty().addListener(new ChangeListener<String>()

            {

                @Override public void changed( ObservableValue<? extends String> observable, String oldValue, String newValue )

                {

                    //WebEngine 'in bir sayfaya yönlendiğinde yukarıdaki text alanını değiştirmesini sağlamak için locationProperty 'nin dinleyicisini yazdık

                    locationField.setText(newValue);

                }

            });

            GridPane grid = new GridPane();

            grid.setVgap(5);

            grid.setHgap(5);

            GridPane.setConstraints(locationField, 0, 0, 1, 1, HPos.CENTER, VPos.CENTER, Priority.ALWAYS, Priority.SOMETIMES);

            GridPane.setConstraints(goButton, 1, 0);

            GridPane.setConstraints(view, 0, 1, 2, 1, HPos.CENTER, VPos.CENTER, Priority.ALWAYS, Priority.ALWAYS);

            //Pencereye kontrolleri GridPane ile yerleştirdik

            grid.getColumnConstraints().addAll(

                new ColumnConstraints(100, 100, Double.MAX_VALUE, Priority.ALWAYS, HPos.CENTER, true),

                new ColumnConstraints(40, 40, 40, Priority.NEVER, HPos.CENTER, true));

            //Burada Priority.ALWAYS ifadesi görsel kontrollerin büyüyüp küçülmesinin ne zaman gerçekleşeceğini belirler. Always her zaman büyüyüp küçülmeyi ifade eder.

            grid.getChildren().addAll(locationField, goButton, view);

            getChildren().add(grid);

            //Önce grid nesnesine grid.getChildren().add() ile adres çubuğunu, git buttonunu ve webview nesnesini ekliyoruz.

            //Sonra olduğu gibi getChildren().add() yazıyoruz çünkü bu kodlar pane sınıfından kalıtım alan bir sınıf içinde yazılıyor.

            //Yani getChildren().add() bizim yazdığımız pane olan WebViewPane içine grid nesnesini yani başka bir pane nesnesini yerleştirir

            //Bu şekilde görsel kontrolleri oluşturduk

        }

        @Override protected void layoutChildren()

        {

            //Burada layoutChildren metodunu override ederek arayüzün çizilmesi sırasında gerçekleşen kodlara müdahale edilmiştir

            //Bu şekilde kontrollerin genişleyerek ekrana sığması sağlanmıştır

            List<Node> managed = getManagedChildren();

            double width = getWidth();

            double height = getHeight();

            double top = getInsets().getTop();

            double right = getInsets().getRight();

            double left = getInsets().getLeft();

            double bottom = getInsets().getBottom();

            for ( int i = 0; i < managed.size(); i++ )

            {

                Node child = managed.get(i);

                layoutInArea(child, left, top, width - left - right, height - top - bottom, 0, Insets.EMPTY, true, true, HPos.CENTER, VPos.CENTER);

            }

        }

    }

}