# Paned (JavaScript)

Meg Ford
megford@gnome.org 2013
Widget se dvěma přizpůsobitelnými panely

# Paned

Dva obrázky ve dvou přizpůsobitelných panelech, vyrovnaných vodorovně.

# 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 PanedExample {

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

// 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: "Paned Window Example", default_width: 450, default_height: 350, border_width: 10 });

// Nový widget se dvěma přizpůsobitelnými panely, // jedním vlevo a jedním vpravo this.paned = Gtk.Paned.new(Gtk.Orientation.HORIZONTAL);

// Dva obrázky this.image1 = new Gtk.Image(); this.image1.set_from_file("gnome-image.png"); this.image2 = new Gtk.Image(); this.image2.set_from_file("tux.png");

// Přidá první obrázek do levého panelu this.paned.add1(this.image1); // Přidá druhý obrázek do pravého panelu this.paned.add2(this.image2)

// Přidá panely do okna this.window.add(this.paned) this.window.show_all(); } };

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

# Odkazy k API

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

GtkPaned

Standardní výčty

GtkImage