# Γραφικό στοιχείο επιλογής γραμματοσειράς (FontChooserWidget) (JavaScript)

Meg Ford
megford@gnome.org 2013
Ένα γραφικό στοιχείο για επιλογή μιας γραμματοσειράς
Ελληνική μεταφραστική ομάδα GNOME
team@gnome.gr 2012-2015
Δημήτρης Σπίγγος
dmtrs32@gmail.com 2012, 2013
Μαρία Θουκιδίδου
marablack3@gmail.com 2014
Θάνος Τρυφωνίδης
tomtryf@gmail.com 2014, 2015

# FontChooserWidget

Ένα FontChooserWidget με μια συνάρτηση επανάκλησης.

# Ο χρησιμοποιούμενος κώδικας για παραγωγή αυτού παραδείγματος

//!/usr/bin/gjs

const Gtk = imports.gi.Gtk· const Lang = imports.lang·

const FontChooserWidgetExample = new Lang.Class ({ Name: 'Font Chooser Widget Example',

// Δημιουργία της εφαρμογής itthis _init: function () { this.application = new Gtk.Application({ application_id: 'org.example.fontchooserwidget' })·

// Σύνδεση σημάτων 'activate' και 'startup' στις συναρτήσεις επανάκλησης this.application.connect('activate', Lang.bind(this, this._onActivate))· this.application.connect('startup', Lang.bind(this, this._onStartup))· },

// Η συνάρτηση επανάκλησης για το σήμα 'activate' παρουσιάζει παράθυρα όταν είναι ενεργή _onActivate: function() { this.window.present()· },

// Η συνάρτηση επανάκλησης για το σήμα 'startup' δομεί τη διεπαφή χρήστη _onStartup: function() { this._buildUI ()· },

// Δόμηση της διεπαφής χρήστη της εφαρμογής _buildUI: function() { // Δημιουργία του παραθύρου της εφαρμογής this.window = new Gtk.ApplicationWindow ({ application: this.application, window_position: Gtk.WindowPosition.CENTER, title: "FontChooserWidget", default_width: 200, default_height: 200, border_width: 10 })·

this.fontChooser = new Gtk.FontChooserWidget()· // Μια προεπιλεγμένη γραμματοσειρά this.fontChooser.set_font("Sans")· // Κείμενο για προεπισκόπηση της γραμματοσειράς this.fontChooser.set_preview_text("This is an example of preview text!")·

// Σύνδεση σήματος από τον επιλογέα γραμματοσειράς στη συνάρτηση επανάκλησης this.fontChooser.connect("notify::font", Lang.bind(this, this._fontCb))·

// Προσθήκη του επιλογέα γραμματοσειράς στο παράθυρο this.window.add(this.fontChooser)· this.window.show_all()· },

// Συνάρτηση επανάκλησης: _fontCb: function() { // Εκτύπωση στο τερματικό print("You chose the font " + this.fontChooser.get_font())· } })·

// Εκτέλεση της εφαρμογής let app = new FontChooserWidgetExample()· app.application.run (ARGV)·

# Αναφορές API

Σε αυτό το παράδειγμα χρησιμοποιήσαμε τα παρακάτω:

GtkFontChooserWidget