# ScrolledWindow (JavaScript)

Meg Ford
megford@gnome.org 2013
Přidává posuvníky pro svůj synovský widget

# ScrolledWindow

Obrázek v okně s posuvníky.

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

#!/usr/bin/gjs

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

const GObject = imports.gi.GObject; const Gtk = imports.gi.Gtk;

class ScrolledWindowExample {

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

// 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: "ScrolledWindow Example", default_width: 200, default_height: 200, border_width: 10 }); // Okno s posuvníky this.scrolledWindow = new Gtk.ScrolledWindow(); this.scrolledWindow.set_border_width(10); // Zde jsou posuvníky vždy (jinak: AUTOMATIC - podle potřeby, nebo NEVER - nikdy) this.scrolledWindow.set_policy(Gtk.PolicyType.ALWAYS, Gtk.PolicyType.ALWAYS); // Obrázek - lehce větší než okno this.image = new Gtk.Image(); this.image.set_from_file("gnome-image.png");

// Přidá obrázek do okna s posuvníky this.scrolledWindow.add_with_viewport(this.image);

// Přidá okno s posuvníky do okna this.window.add(this.scrolledWindow); this.window.show_all(); } };

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

# Odkazy k API

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

GtkScrolledWindow

Standardní výčtové konstanty

GtkImage