# Image (JavaScript)

Taryn Fox
jewelfox@fursona.net 2012
Un élément graphique qui affiche une image

# Image

Cette application Gtk affiche un fichier image issu du dossier en cours.

Si le fichier image n'est pas chargé correctement, l'image contient une icône en forme d'« image brisée ». Le nomdufichier.png doit être dans le dossier actuel pour que ce code fonctionne. Faites bon usage de votre photo favorite !

#!/usr/bin/gjs

const Gio = imports.gi.Gio; const GLib = imports.gi.GLib; const Gtk = imports.gi.Gtk; const Lang = imports.lang;

const ImageExample = new Lang.Class ({ Name: 'Image Example',

/* Create the application itself This boilerplate code is needed to build any GTK+ application. */ _init: function () { this.application = new Gtk.Application ({ application_id: 'org.example.jsimage', flags: Gio.ApplicationFlags.FLAGS_NONE });

// Connect 'activate' and 'startup' signals to the callback functions this.application.connect('activate', Lang.bind(this, this._onActivate)); this.application.connect('startup', Lang.bind(this, this._onStartup)); },

// Callback function for 'activate' signal presents windows when active _onActivate: function () { this._window.present (); },

// Callback function for 'startup' signal initializes menus and builds the UI _onStartup: function () { this._buildUI (); },

// Build the application's UI _buildUI: function () {

// Create the application window this._window = new Gtk.ApplicationWindow ({ application: this.application, window_position: Gtk.WindowPosition.CENTER, title: "Welcome to GNOME", default_height: 300, default_width: 300 });

// Create the label this.jsimage = new Gtk.Image ({file: "gnome-image.png"}); this._window.add (this.jsimage);

// Show the window and all child widgets this._window.show_all(); }

});

// Run the application let app = new ImageExample (); app.application.run (ARGV);

Dans cet exemple, les éléments suivants sont utilisés :

Gtk.Application

Gtk.ApplicationWindow

Gtk.Image