# Paned (Javascript)

Meg Ford
megford@gnome.org 2013
En komponent med två justerbara paneler
Sebastian Rasmussen
sebras@gmail.com 2019
Anders Jonsson
anders.jonsson@norsjovallen.se 2021

# Paned

Two images in two adjustable panes, horizontally aligned.

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

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

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

// en ny komponent med två justerbara paneler, // en till vänster och en till höger this.paned = Gtk.Paned.new(Gtk.Orientation.HORIZONTAL);

// två bilder 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");

// lägg till den första bilden till den vänstra panelen this.paned.add1(this.image1); // lägg till den andra bilden till den högra panelen this.paned.add2(this.image2)

// lägg till panelerna till fönstret this.window.add(this.paned) this.window.show_all(); } };

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

# API-referenser

I detta exempel använde vi följande:

GtkPaned

Standarduppräkningstyper

GtkImage