# FontChooserWidget (Javascript)

Meg Ford
megford@gnome.org 2013
En komponent för att välja ett typsnitt
Sebastian Rasmussen
sebras@gmail.com 2019
Anders Jonsson
anders.jonsson@norsjovallen.se 2021

# FontChooserWidget

En FontChooserWidget med en återanropsfunktion.

# Kod som använts för att generera detta exempel

//!/usr/bin/gjs

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

class FontChooserWidgetExample {

// Skapa programmet i sig constructor() { this.application = new Gtk.Application({ application_id: 'org.example.fontchooserwidget' });

// Anslut ”activate”- och ”startup”-signaler till återanropsfunktionerna this.application.connect('activate', this._onActivate.bind(this)); this.application.connect('startup', this._onStartup.bind(this)); }

// Återanropsfunktion för ”activate”-signal visar fönster när den aktiveras _onActivate() { this.window.present(); }

// Återanropsfunktion för ”startup”-signal bygger användargränssnittet _onStartup() { this._buildUI(); }

// Bygg programmets användargränssnitt _buildUI() { // Skapa programfönstret 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(); // ett standardtypsnitt this.fontChooser.set_font("Sans"); // en text för att förhandsvisa typsnittet this.fontChooser.set_preview_text("Detta är ett exempel på förhandsvisningstext!");

// anslut signal från typsnittsväljaren till återanropsfunktionen this.fontChooser.connect("notify::font", this._fontCb.bind(this));

// lägg till typsnittsväljaren till fönstret this.window.add(this.fontChooser); this.window.show_all(); }

// återanropsfunktion: _fontCb() { // skriv i terminalen print("Du valde typsnittet " + this.fontChooser.get_font()); } };

// Kör programmet let app = new FontChooserWidgetExample(); app.application.run (ARGV);

# API-referenser

I detta exempel använde vi följande:

GtkFontChooserWidget