Merhaba yeni bir makale ile karşınızdayım.

Bu makalede JavaFX ile kullandığımız kontrollere ekleyebileceğimiz efektlerden bazılarına bakacağız.

Bildiğiniz gibi JavaFX bize masaüstü projelerde ve Applet’lerde kullanabileceğimiz yepyeni component’ler yani kontroller sunuyor. Bu kontroller sadece güzel görünmekle kalmıyor, üzerlerine efektler de uygulanabiliyor. JavaFX içindeki bütün efektler “javafx.scene.effect” paketi içinde bulunmaktadır. Burada bir not düşmek gerekiyor. Bu efektleri doğru bir biçimde kullanabilmek biraz görüntü işleme hakkında bilgi sahibi olmayı gerektiriyor.

Öncelikle Netbeans ile yeni bir proje açalım. “File => New Project” ve JavaFX kategorisinde JavaFX Application. Şablon olarak karşımıza çıkan kodlarda en yukardaki import listesini ve override edilmiş Start metodunu aşağıdaki gibi yazalım.

import javafx.application.Application;

import javafx.scene.Group;

import javafx.scene.Scene;

import javafx.scene.control.Button;

import javafx.scene.control.ButtonBuilder;

import javafx.scene.effect.Blend;

import javafx.scene.effect.BlendMode;

import javafx.scene.effect.ColorInput;

import javafx.scene.paint.Color;

import javafx.scene.paint.CycleMethod;

import javafx.scene.paint.LinearGradient;

import javafx.scene.paint.Stop;

import javafx.scene.shape.Rectangle;

import javafx.scene.text.Font;

import javafx.scene.text.FontWeight;

import javafx.scene.text.Text;

import javafx.stage.Stage;

@Override

    public void start( Stage primaryStage )

    {

        Button btn = new Button();

        btn.setText("Blur efekti");

        btn.setPrefWidth(90);

        btn.setPrefHeight(30);

        btn.setLayoutX(20);

        btn.setLayoutY(10);

// Boyutları ve arayüzde bulunacağı konumu vererek bir buton oluşturuyoruz.

        btn.setEffect(javafx.scene.effect.BoxBlurBuilder.create().width(2).height(2).build());

// Butona effekt vermek için SetEffect metodunu kullanıyoruz.

// Burada BoxBlur efekti ile bulanıklaştırma yapıyoruz. Bunu 2 X 2 boyutlarında bir matris ile gerçekleştiriyoruz. Bu boyutlar büyüdükçe bulanıklık artacaktır.

        Button btn_2 = ButtonBuilder.create().layoutX(130).layoutY(10).prefWidth(100).prefHeight(25).text("bloom").build();

// Yeni bir buton.

        btn_2.setEffect(javafx.scene.effect.BloomBuilder.create().threshold(0.8).build());

// Burada Bloom efektini kullanıyoruz. Bu efekt “threshold” yani eşik değeri üstündeki renkleri daha parlak yaparak bir çeşit Glow efekti oluşturmaktadır. Bu eşik değeri küçüldükçe parlama artacaktır.

        Button btn_3 = ButtonBuilder.create().layoutX(20).layoutY(70).prefWidth(100).prefHeight(25).text("drop shadow").build();

// Yeni bir buton

btn_3.setEffect(javafx.scene.effect.DropShadowBuilder.create().width(80).height(30).build());

// Burada arka tarafa gölge düşürmek için DropShadow efektini kullanıyoruz. Bu efekti oluştururken gölgeye en ve boy özellikleri veriyoruz. İstersek Spread değeri vererek yayılmasını yada OffsetX ve OffsetY değerleri de vererek sağa sola yada aşağı yukarı kaymasını sağlayabiliriz.

        Button btn_4 = ButtonBuilder.create().layoutX(150).layoutY(70).prefWidth(100).prefHeight(25).text("reflection").build();

// Yeni bir buton

        btn_4.setEffect(javafx.scene.effect.ReflectionBuilder.create().fraction(0.8).build());

// Burada belirlenen fraction ile yansıma efekti oluşturuyoruz. Fraction değeri yansımanın canlılığını belirlemektedir. Ayrıca bu efekte TopOpacity ve BottomOpacity değerleri vererek yansımanın en alt ve en üst saydamlık değerlerini belirleyebiriliz.

        Blend blend = new Blend();

        blend.setMode(BlendMode.COLOR_BURN);

// Burada Color_burn modunu kullanan bir blend efekti oluşturacağız. Blend efekti üst üste gelen kontrollerin renklerine ve blend moduna göre çizilmesini sağlar.

        ColorInput colorInput = new ColorInput();

        colorInput.setPaint(Color.STEELBLUE);

        colorInput.setX(20);

        colorInput.setY(150);

        colorInput.setWidth(100);

        colorInput.setHeight(180);

// STEELBLUE renginde bir dikdörtgen çizmek için ColorInput nesnesini kullanabiliriz.

        blend.setTopInput(colorInput);

        Rectangle rect = new Rectangle();

        rect.setLayoutX(45);

        rect.setLayoutY(150);

        rect.setWidth(220);

        rect.setHeight(100);

// Burada bir dikdörtgen daha çizdiriyoruz ve boyutlarını ve koordinatlarını veriyoruz.

        Stop[] stops = new Stop[]

        {

            new Stop(0, Color.LIGHTSTEELBLUE), new Stop(1, Color.PALEGREEN)

        };

// LinearGradient efektinde kullanmak için iki adet renk belirliyoruz. Bunun için “Stop” türünde bir nesne oluşturmamız gerekiyor.

        LinearGradient lg = new LinearGradient(0, 0, 0.25, 0.25, true, CycleMethod.REFLECT, stops);

// LinearGradient efektini ise 0 x 0 koordinatlarından başlayacak ve REFLECT modunda yani renkleri yansımalı olarak gradient edecek şekilde oluşturduk. Reflect yerine “repeat” yada “norepeat” de olabilirdi.

        rect.setFill(lg);

// Dikdörtgeni lineargradient ile dolduruyoruz.

        Text text = new Text();

        text.setX(25);

        text.setY(195);

        text.setFill(Color.GREEN);

        text.setText("Renkli Yazı");

        text.setFont(Font.font(null, FontWeight.BOLD, 30));

// Text kontrolünü de Blend efektinde görmek için bir text nesnesi yani Label oluşturuyoruz.

        Group gr = new Group();

        gr.setEffect(blend);

        gr.getChildren().addAll(rect, text);

// Dikdörtgen ve Text kontrollerini “gr” isimli gruba atıyoruz.

        Group root = new Group();

        root.getChildren().addAll(btn, btn_2, btn_3, btn_4, gr);

// Yeni bir grup içerisine bütün kontrollerimizi koyuyoruz.

        Scene scene = new Scene(root, 300, 400);

        primaryStage.setTitle("JavaFX efektler");

        primaryStage.setScene(scene);

        primaryStage.show();

// Sahne (scene) özelliğini belirlediğimiz stage nesnesinin görünür olması için Show metodunu kullanıyoruz.

    }

Kodlar çalıştırıldıktan sonraki ekran çıktısı şu şekilde olacaktır:

Özetle JavaFX kontroller üzerinde uygulayabileceğimiz güzel efektler sunuyor ve bu efektler JavaFX teknolojisi ekran kartının gücünü kullandığı için bilgisayarımızı fazla yormuyor.

Bir sonraki yazımızda görüşmek üzere.

Numan Karaaslan

Bilgisayar Mühendisi