JavaFX Temelleri (2)

Transkript

1 JavaFX Temelleri (2) Araç İpuçları (Tooltips), Yazı Tipleri (Fonts), Çalışma Ortamları ve Dağıtım Oluşturma, JavaFX Özellikleri (JavaFX Properties), Gözlenebilirlik (Observability), Bağlanımlar (Bindings) ve JavaFX Koleksiyonları (JavaFX Collectıons)

2 Araç İpuçları (Tooltips) Farenin bir GUI bileşeninin üzerine gelmesi durumunda gösterilen mesajlardır Yazılımın kullanılabilirliğini ve sezgiselliğini arttırır javafx.scene.control.tooltip sınıfı Control sınıfı (Node sınıfının alt sınıfı) nesnelerine atanabilir Control nesneleri: kullanıcı tarafından kullanılabilen (durumu değiştirilebilen) nodlardır javafx.scene.control.control soyut sınıfı Bir Control nesnesine araç ipucu atamak için: void settooltip(tooltip tip) Tooltip sınıfı yapıcısı: Tooltip(String text)

3 Araç İpucu Örneği Button button = new Button("my button"); button.settooltip(new Tooltip "Button usage tip")); Label label = new Label("my label"); label.settooltip(new Tooltip("This is a label")); rootnode.getchildren().add(button); rootnode.getchildren().add(label); TooltipExample Projesi

4 Yazı Tipleri Metnin görüntüsünü tanımlar (boyut ve karakterlerin görünümü) javafx.scene.text.font sınıfı Karakterlerin görünümü yazı tipi yüzü (font face) ile tanımlıdır Yazı tipi boyutu nokta (point) cinsinden ifade edilir (1 nokta 1/72 inçtir) Sınıf yapıcıları: Font(double size) System varsayılan yazı tipi yüzünü kullanır Font(String name, double size) name: yazı tipi yüzü adı

5 Yazı Tipi Örneği Canvas canvas = new Canvas(300, 200); GraphicsContext gc = canvas.getgraphicscontext2d(); gc.filltext("normal text", 50, 50); gc.setfont(new Font(20)); gc.filltext("large text", 50, 100); gc.setfont(new Font("Verdana", 20)); gc.filltext("large Verdana text", 50, 150); rootnode.getchildren().add(canvas); FontExample Projesi

6 Görsel Arayüzü (UI) Uygulama Mantığından Ayırmak Cascading Style Sheets (CSS) Sahne grafiğindeki herhangi bir noda uygulanabilir Çalışma zamanında herhangi bir sahneye uygulanabilir Uygulama görüntüsü dinamik olarak değiştirilebilir CSS dosyalararı ikili formata çevrilebilir Çalışma zamanında ayrıştırma (parsing) yükü azalır ve uygulama performansı artar FXML: XML tabanlı işaret dili (markup language) Sahne grafiği FXML dosyası içerisinde nodların bir hiyerarşisi olarak gösterilebilir JavaFX Sahne Oluşturucu (JavaFX Scene Builder) FXML dosyaları oluşturmak için kullanılan grafiksel araç

7 Çalışma Ortamları (1/2) Kendi başına çalışan program (standalone program) Application.launch() metodunu çağıracak statik bir main() metodu gerektirir Java Web Start Uygulama, bir web sayfasındaki bağlantıya web tarayıcısından tıklanarak indirilir ve çalıştırılır

8 Çalışma Ortamları (2/2) Bir web sayfası içerisinde JavaScript kodu ile birlikte Uygulama, bir web sayfası web tarayıcısında yüklendiğinde JavaScript aracılığıyla çalıştırılır Uygulama web sayfası ile iletişim kurabilir Sınırlandırılmış ortam (sandbox) Web tarayıcısından veya bir web sayfasından başlatılan uygulamalarda kullanılır Zararlı kodlara karşı koruma sağlar

9 NetBeans ile Paketleme ve Dağıtım Projeler (Projects) penceresinden JavaFX projesini seçin Menülerden Run Build Project Proje dizininde build ve dist dizinleri oluşturulacaktır build dizini: derlenmiş Java sınıfları (.class dosyaları) dist dizini: kullanıcıya dağıtılabilir dosyalar.jar file: tek başına çalıştırılabilir uygulama.jnlp file: uygulamayı Java Web Start ile çalıştırır.html file: uygulamanın gömüldüğü web sayfası

10 NetBeans ile Kurulum Dosyası Oluşturma NetBeans ile JavaFX uygulamalarınız için platform bağımlı kurulum dosyaların oluşturabilirsiniz. Örn: Windows için installer.exe Şu an için desteklenen platformlar: Windows MacOS Linux Daha fazla detay için:

11 JavaFX Özellikleri Stantart Java özellikleri JavaBeans Bileşen Mimarisini kullanır Gizli (private) sınıf üyelerine standartlaştırılmış açık (public) metotlar kullanılarak erişilebilir Getter ve setter metotları JavaFX özellikleri JavaBeans özelliklerini genişletir Her bir Java temel veri tipi için özellik sınıfları tanımlıdır Tüm özellik sınıfları Property<T> arayüzünü gerçekleştirir JavaFX özellikleri, özellik sınıflarının örnekleridir Özellik değerleri için getter ve setter metotları bulunur Özelliklerin kendileri için getter metotları vardır

12 Özellikler Örneği class Exam { private final FloatProperty score = new SimpleFloatProperty(6); public float getscore() { return score.get(); } public void setscore(float value) { score.set(value); } } public FloatProperty scoreproperty() { return score; } PropertiesExample Projesi

13 Gözlenebilirlik Observable Arayüzü Gözlenebilir nesne (observable object), içeriği değiştiğinde kendisini gözleyen gözlemcilere (observer) haber verir javafx.beans.observable arayüzü void addlistener(invalidationlistener listener) void removelistener(invalidationlistener listener)

14 Gözlenebilirlik InvalidationListener Arayüzü javafx.beans.invalidationlistener arayüzü void invalidated(observable observable) invalidated() metodu gözlemlenebilir nesne içeriği geçersiz olduğunda çağırılır Bir değer, içeriği en son değiştiğinden beri tekrar alınmamışsa geçersiz olur

15 Özellik Gözlenebilirliği Observable arayüzünü temel alan ObservableValue<T> arayüzü void addlistener(changelistener<? super T> listener) void removelistener(changelistener<? super T> listener) T getvalue() Gözlenebilir değer değiştiğinde, getvalue() metotu çağırılana kadar geçersiz olur Property<T> arayüzü ObservableValue<T> arayüzünü temel alır Gözlemci nesneler ChangeListener<T> arayüzünü gerçekleştirir void changed(observablevalue<? extends T> observable, T oldvalue, T newvalue)

16 Özellik Gözlemcisi Örneği Exam mathsexam = new Exam(); mathsexam.scoreproperty().addlistener( new ChangeListener() { public void changed(observablevalue o, Object oldval, Object newval) { } }); System.out.println("Old score " + oldval + ", new score " + newval); mathsexam.setscore(10); PropertiesExample Projesi

17 Bağlanımlar (Bindings) - Bağlılıklar Bağlı nesneler belli bir değeri bir veya daha fazla kaynak nesneyi kullanarak hesaplarlar Kaynak nesneler: bağlılıklar ObservableValue<T> arayüzünü gerçekleştirirler

18 Bağlanımlar (Bindings) Bağlanım bağlılıklarını gözlemlerler Binding<T> arayüzü ObservableValue<T> arayüzünü temel alır Bağlanımlar gözlemlenebilirdir. Bu yüzden başka bağlanımlar için bir bağlılıktır Bağlanımlar, Bindings sınıfının statik metotları kullanılarak oluşturulurlar Örnek bağlanımlar: Matematiksel, mantıksal veya String ifadeler

19 Bağlanım Örneği DoubleProperty num = new SimpleDoubleProperty(1.22); DoubleProperty denom = new SimpleDoubleProperty(6.1); NumberBinding division = Bindings.divide(num, denom); System.out.println(division.getValue()); // 0.2 num.set(24.4); System.out.println(division.getValue()); // 4.0 denom.set(12.2); System.out.println(division.getValue()); // 2.0 BindingExample Projesi

20 Bağlanım Gözlemcisi Örneği Exam mathsexam = new Exam(); Exam physicsexam = new Exam(); NumberBinding avgscore = Bindings.divide( Bindings.add(mathsExam.scoreProperty(), physicsexam.scoreproperty()), 2); avgscore.addlistener(new InvalidationListener() { public void invalidated(observable o) { System.out.println("Observable invalidated"); } }); mathsexam.setscore(10); // Observer is notified System.out.println("Average score: " + avgscore.getvalue()); BindingObserverExample Projesi

21 Bağlanım Alıştırması Student sınıfı özellikleri: studyingdays: tamsayı özellik studyinghours: float özellik Günlük ortalama çalışma saatini gözlemleyin Student mystudent = new Student(); mystudent.setstudyingdays(1); mystudent.setstudyinghours(6);... mystudent.setstudyingdays(mystudent.getstudyingdays() + 1); mystudent.setstudyinghours(mystudent.getstudyinghours() + 9);

22 Bağlanım Alıştırması Çözümü NumberBinding hoursperday = Bindings.divide( mystudent.studyinghoursproperty(), mystudent.studyingdaysproperty()); hoursperday.addlistener(new ChangeListener() { public void changed(observablevalue o, Object oldval, Object newval) { System.out.println("average hours per day: " + newval); } }); BindingExercise Projesi

23 JavaFX Koleksiyonları Standart Java koleksiyonları: List<T>, Map<K, V> JavaFX koleskiyonları liste (list) ve haritalara (map) gözlenebilirlik ekler: ObservableList, ObservableMap arayüzleri Observable arayüzünü temel alır ListChangeListener, MapChangeListener: gözlemci arayüzleri ListChangeListener.Change, MapChangeListener.Change: gözlemcilere bildirilen değişiklikler ObservableList ve ObservableMap nesneleri, listeleri ve haritaları kapsayacak şekilde oluşturulur: FXCollections

24 JavaFX Koleksiyonu Örnekleri (1/2) List<String> list = new ArrayList<String>(); ObservableList<String> observablelist = FXCollections.observableList(list); observablelist.addlistener( new ListChangeListener() { public void onchanged ( ListChangeListener.Change change) { System.out.println("list has changed"); } }); observablelist.add("first item"); CollectionsExamples Projesi

25 JavaFX Koleksiyonu Örnekleri (2/2) Map<String, String> map = new HashMap<String, String>(); ObservableMap<String, String> observablemap = FXCollections.observableMap(map); observablemap.addlistener(new MapChangeListener() { public void onchanged(mapchangelistener.change change) { System.out.println("map has changed"); } }); observablemap.put("first key", "first value"); observablemap.put("second key", "second value"); observablemap.remove("first key"); CollectionsExamples Projesi