# FontChooserWidget (JavaScript)

Meg Ford
megford@gnome.org 2013
Widget sloužící k výběru písma

# FontChooserWidget

FontChooserWidget (výběr písma) s funkcí zpětného volání.

# Kód použitý k vygenerování tohoto příkladu

//!/usr/bin/gjs

imports.gi.versions.Gtk = '3.0'; const Gtk = imports.gi.Gtk;

class FontChooserWidgetExample {

// Vytvoří vlastní aplikaci constructor() { this.application = new Gtk.Application({ application_id: 'org.example.fontchooserwidget' });

// Napojí signály "activate" a "startup" k funkcím zpětného volání this.application.connect('activate', this._onActivate.bind(this)); this.application.connect('startup', this._onStartup.bind(this)); }

// Funkce zpětného volání pro signál "activate" zobrazujicí okno při aktivaci _onActivate() { this.window.present(); }

// Funkce zpětného volání pro signál "startup" sestavující uživatelské rozhraní _onStartup() { this._buildUI(); }

// Sestaví uživatelské rozhraní aplikace _buildUI() { // Vytvoří okno aplikace 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(); // Výchozí font this.fontChooser.set_font("Sans"); // Text pro náhled fontu this.fontChooser.set_preview_text("This is an example of preview text!");

// Napojí signál od výběru fontu na funkci zpětného volání this.fontChooser.connect("notify::font", this._fontCb.bind(this));

// Přidá výběr fontu do okna this.window.add(this.fontChooser); this.window.show_all(); }

// Funkce zpětného volání _fontCb() { // Výpis do terminálu print("You chose the font " + this.fontChooser.get_font()); } };

// Spustí aplikaci let app = new FontChooserWidgetExample(); app.application.run (ARGV);

# Odkazy k API

V této ukázce se používá následující:

GtkFontChooserWidget