# Image (JavaScript)

Taryn Fox
jewelfox@fursona.net 2012
Un widget que muestra una imagen
Daniel Mustieles
daniel.mustieles@gmail.com 2011 - 2020
Nicolás Satragno
nsatragno@gmail.com 2012 - 2013
Jorge González
jorgegonz@svn.gnome.org 2011

# Image

Esta GtkApplication muestra una archivo de imagen de la carpeta actual.

Si el archivo de imagen no se ha cargado correctamente, la imagen tendrá un icono de «imagen rota» El archivo nombre_archivo.png debe estar en la carpeta actual para que este código funcione. Use su imagen favorita.

#!/usr/bin/gjs

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

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

class ImageExample {

/* Create the application itself This boilerplate code is needed to build any GTK+ application. */ constructor() { 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', this._onActivate.bind(this)); this.application.connect('startup', this._onStartup.bind(this)); }

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

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

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

// 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);

En este ejemplo se usa lo siguiente:

Gtk.Application

Gtk.ApplicationWindow

Gtk.Image