Merhaba.

JavaFX ‘in ColorPicker kontrolünü nasıl kullanabileceğimizi görecğiz.

JavaFX teknolojisinin son günlerde getirdiği yeniliklerden birisi de ColorPicker. Yani C# dilindeki ColorDialog diyebiliriz. Renklerle çalıştığımız her uygulamada kullanabileceğimiz bu kontrolün işimize yarayacak bazı özelliklerine bakalım.

Aşağıdaki “start” metodunu JavaFX projenizde olduğu gibi kullanabilirsiniz. (Import kodlarını eklediğiniz sürece tabi :)

public void start( Stage primaryStage )
    {
        final ColorPicker clr_picker = ColorPickerBuilder.create().customColors(Color.AQUA, Color.BLUEVIOLET, Color.rgb(10, 20, 30)).layoutX(10).layoutY(10).build();
        //Colorpicker kontrolünü ColorPickerBuilder ile oluşturduk.
        //customColors özelliği ile javafx 'in color sınıfından 3 adet renk verdik.
        //Bu şekilde program açıldığında varsayılanın dışında 3 adet özel renk tanımlanmış olacak.
        final Text my_text = TextBuilder.create().layoutX(150).layoutY(30).text("Deneme").font(Font.font("Arial", 20)).build();
        final Text my_text_2 = TextBuilder.create().layoutX(250).layoutY(30).text("Deneme 2").font(Font.font("Arial", 20)).build();
        //2 adet Text kontrolü ekledik renk değişimlerini görmek için.
        clr_picker.setOnAction(new EventHandler<ActionEvent>()
        {
            //Colorpicker nesnesinin aksiyonunu bir EventHandler ile yakalarız.
            @Override
            public void handle( ActionEvent t )
            {
                //Handle metodu ise aksiyon olacağı için ActionEvent sınıfından bir parametre alır.
                Color clr = clr_picker.getValue();
                //ColorPicker kontrolü ile seçilen renk değeri getValue() ile alınır.
                //Bu metod javafx 'in color nesnesi türünden bir değer döndürür.
                System.out.println("Red: " + clr.getRed());
                System.out.println("Green: " + clr.getGreen());
                System.out.println("Blue: " + clr.getBlue());
                System.out.println("Opacity: " + clr.getOpacity());
                System.out.println("Hue: " + clr.getHue());
                System.out.println("Saturation: " + clr.getSaturation());
                System.out.println("Brightness: " + clr.getBrightness());
                //Bu şekilde renk değeri ile ilgili bilgileri alabiliriz.
                //Kırmızı, yeşil ve mavi renk değerleri 0 ile 1 arasında döndürülecektir.
                //Bu bilgiler renk seçilince konsola yazdırılacak.
            }
        });
        clr_picker.setOnShown(new EventHandler<Event>()
        {
            @Override
            public void handle( Event t )
            {
                //Bir başka olay SnShown ise EventHandler ile yakalanır.
                System.out.println("-----");
                System.out.println("Şu anda renk seçmektesiniz.");
                //Bu şekilde renk seçimi esnasında yani renk kutusu açıldığı sırada çalışması gereken kodları yazabiliriz.
            }
        });
        clr_picker.setOnHidden(new EventHandler<Event>()
        {
            @Override
            public void handle( Event t )
            {
                //Yine EventHandler ile yakaladığımız OnHidden olayı ile de renk seçimi bitince yani renk kutusu kapanınca çalıştıracağımız kodları yazabiliriz.
                System.out.println("Renk seçim işlemi bitmiştir.");
                my_text.setFill(clr_picker.getValue());
                //Text kontrolünün rengini belirlemek için (herhangi bir kontrolün renk özelliği de olabilir) setFill metodunu çağırdık ve getValue ile aldığımız renk değerini verdik.
            }
        });
        my_text_2.fillProperty().bind(clr_picker.valueProperty());
        //İkinci text kontrolünün renk özelliğini de renk seçimi olayları ile değil de direk bind ederek yani bağlayarak verdik.
        //Fill özelliği bir "Paint" ile bağlanabilir ve "clr_picker.valueProperty" color türünde bir özelliktir.
        //Color sınıfı Paint sınıfından kalıtım aldığı için bu şekilde kullanılabilir.
        //Yukarıda yakalanan olaylar şu sıra ile gerçekleşmektedir:
        //OnShown - OnHidden - OnAction
        Group root = new Group();
        root.getChildren().addAll(clr_picker, my_text, my_text_2);
        Scene scene = new Scene(root, 600, 550);
        primaryStage.setTitle("Hello World!");
        primaryStage.setScene(scene);
        primaryStage.setOnCloseRequest(new EventHandler<WindowEvent>()
        {
            @Override
            public void handle( WindowEvent t )
            {
                //WindowEvent türünde bir EventHandler ile pencere yani program kapanırken bir olay yakaladık.
                //Bu şekilde sonradan eklediğimiz özel renkler de dahil olmak üzere bütün özel renkleri (custom color) bir yere aktarmak mümkün.
                ObservableList<Color> custom_colors = clr_picker.getCustomColors();
                //Özel renkler her biri Color olan bir gözlemlenebilir listedir.
                //Tabi gözlemlenebilir liste olduğu için bu listeye changelistener da eklememiz ve ekleme çıkarma olaylarını da kontrol etmemiz mümkün.
                for ( int i = 0; i < custom_colors.size(); i++ )
                {
                    System.out.println(custom_colors.get(i));
                    //Klasik for döngüsü ile bu Color değerlerini tek tek alabiliriz.
                }
            }
        });
        primaryStage.show();
    }

Kodları çalıştırdığımızda colorpicker kontrolünü resimdeki gibi görebiliriz.

Belirlediğimiz özel renkleri sürekli olarak görebiliriz çünkü kodlarda yazdık. Bu renklerden birine sağ tıklayıp silmek de mümkün fakat program kapatılıp açıldığında doğal olarak tekrar gelecektir. Alttaki Custom Colors bağlantısı ile özel renk seçimi penceresini açabiliriz. İstersek sağ taraftan HSB, RGB veya hexadecimal olarak renk seçebiliriz. Yada sol tarafta sürükleyerek de renk seçmemiz mümkün. Save butonu ile program kapanana kadar özel renklere ekleyebiliriz. Yada yukarıdaki kodlarda olduğu gibi bütün özel renkleri bir dosyaya alıp program açıldığında tekrar dosyadan okuma işlemi yaparak saklayabiliriz. Use ile renk seçilmiş olur.

Özetle renklerle işimiz olduğu zaman JavaFX projemizde ColorPicker kullanmak son derece mantıklı. Fazla söze gerek yok :)

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

Numan Karaaslan

Bilgisayar Mühendisi