# Nástrojová lišta vytvořená pomocí Glade (Vala)

Tiffany Antopolski
tiffany.antopolski@gmail.com 2012
Lišta s tlačítky

# Toolbar (vytvořený pomocí Glade)

Tento příklad je podobný na s tím rozdílem, že k vytvoření nástrojové lišty v souboru .ui ve formátu XML použijeme návrhář Glade.

Když chcete vytvořit nástrojovou lištu pomocí návrháře rozhraní Glade:

Otevřete Glade a uložte soubor jako toolbar_builder.ui.

Snímek obrazovky s uživatelským rozhraním Glade

V Kontejnerech na levé straně klikněte pravým tlačítkem na ikonu nástrojové lišty a vyberte Přidat widget do nejvyšší úrovně.

Snímek obrazovky s ikonou nástrojové lišty v uživatelském rozhraní Glade

Na kartě Obecné vpravo dole změňte Název na toolbar a Zobrazovat šipku na Ne.

Snímek obrazovky s kartou Obecné

Na kartě Běžné nastavte Roztáhnout vodorovně na Ano.

Snímek obrazovky s kartou Běžné

Klikněte pravým tlačítkem na „toolbar“ vpravo nahoře a vyberte Upravit. Objeví se okno Editor nástrojové lišty.

Snímek obrazovky, na kterém je kliknuto pravým tlačítkem kvůli úpravě nástrojové lišty

Chceme přidat 5 tlačítek ToolButton: „New“, „Open“, „Undo“, „Fullscreen“ a „Leave Fullscreen“. Nejprve přidáme ToolButton „New“.

Na kartě Hierarchie klikněte na Přidat.

Změňte název „toolbutton1“ na „new_button“.

Posuňte se dolů a nastavte Je důležitá na Ano. To způsobí, že když je zobrazena nástrojová lišta, bude nástrojovém tlačítku zobrazen popisek.

Zadejte Název akce: app.new.

Změňte Popisek na New.

V rozbalovacím seznamu zvolte New jako Standadní ID nebo napište gtk-new.

Opakujte předchozí kroky pro zbývající tlačítka ToolButton s následujícími vlastnostmi:

Name | Je důležitá | Název akce | Label | Standardní ID
--- | --- | --- | --- | ---
open_button | Ano | app.open | Open | gtk-open
undo_button | Ano | win.undo | Undo | gtk-undo
fullscreen_button | Ano | win.fullscreen | Fullscreen | gtk-fullscreen
leave_fullscreen_button | Ano | win.fullscreen | Leave Fullscreen | gtk-leave-fullscreen

Zavřete Editor panelu nástrojů.

Když svůj program spustíte, nechcete aby bylo zobrazené nástrojové tlačítko Leave Fullscreen, protože aplikace není v režimu celé obrazovky. Můžete to nastavit na kartě Běžné, kde přepnete vlastnost Viditelný na Ne. Nástrojové tlačítko si bude pořád viditelné v návrháři rozhraní, ale po načtení do vašeho programu se bude chovat podle očekávání.

Nastavení vlastnosti Viditelná na Ne

Uložte svoji práci a zavřete Glade.

Soubor XML vytvořený v Glade je zobrazen níže. Jedná se o popis nástrojové lišty. V době, kdy bylo toto psáno, neexistovala v uživatelském rozhraní Glade volba pro přidání třídy `Gtk.STYLE_CLASS_PRIMARY_TOOLBAR`. Můžeme ji ale do souboru XML přidat ručně. Udělá se to přidáním následujícího kódu XML na řádek 9 v toolbar_builder.ui:

<style> <class name="primary-toolbar"/> </style>

Pokud tuto část nepřidáte, bude program i tak fungovat dobře. Akorát výsledná nástrojová lišty bude vypadat lehce odlišně než ta na snímku obrazovky na začátku této stránky.

<?xml version="1.0" encoding="UTF-8"?> <interface> <!-- interface-requires gtk+ 3.0 --> <object class="GtkToolbar" id="toolbar"> <property name="visible">True</property> <property name="can_focus">False</property> <property name="hexpand">True</property> <property name="show_arrow">False</property> <child> <object class="GtkToolButton" id="new_button"> <property name="use_action_appearance">False</property> <property name="visible">True</property> <property name="can_focus">False</property> <property name="use_action_appearance">False</property> <property name="is_important">True</property> <property name="action_name">app.new</property> <property name="label" translatable="yes">New</property> <property name="use_underline">True</property> <property name="stock_id">gtk-new</property> </object> <packing> <property name="expand">False</property> <property name="homogeneous">True</property> </packing> </child> <child> <object class="GtkToolButton" id="open_button"> <property name="use_action_appearance">False</property> <property name="visible">True</property> <property name="can_focus">False</property> <property name="use_action_appearance">False</property> <property name="is_important">True</property> <property name="action_name">app.open</property> <property name="label" translatable="yes">Open</property> <property name="use_underline">True</property> <property name="stock_id">gtk-open</property> </object> <packing> <property name="expand">False</property> <property name="homogeneous">True</property> </packing> </child> <child> <object class="GtkToolButton" id="undo_button"> <property name="use_action_appearance">False</property> <property name="visible">True</property> <property name="can_focus">False</property> <property name="use_action_appearance">False</property> <property name="is_important">True</property> <property name="action_name">win.undo</property> <property name="label" translatable="yes">Undo</property> <property name="use_underline">True</property> <property name="stock_id">gtk-undo</property> </object> <packing> <property name="expand">False</property> <property name="homogeneous">True</property> </packing> </child> <child> <object class="GtkToolButton" id="fullscreen_button"> <property name="use_action_appearance">False</property> <property name="visible">True</property> <property name="can_focus">False</property> <property name="use_action_appearance">False</property> <property name="is_important">True</property> <property name="action_name">win.fullscreen</property> <property name="label" translatable="yes">Fullscreen</property> <property name="use_underline">True</property> <property name="stock_id">gtk-fullscreen</property> </object> <packing> <property name="expand">False</property> <property name="homogeneous">True</property> </packing> </child> <child> <object class="GtkToolButton" id="leave_fullscreen_button"> <property name="use_action_appearance">False</property> <property name="can_focus">False</property> <property name="use_action_appearance">False</property> <property name="is_important">True</property> <property name="action_name">win.fullscreen</property> <property name="label" translatable="yes">Leave Fullscreen</property> <property name="use_underline">True</property> <property name="stock_id">gtk-leave-fullscreen</property> </object> <packing> <property name="expand">False</property> <property name="homogeneous">True</property> </packing> </child> </object> </interface>

Nyní vytvoříme kód zobrazený níže, který přidá nástrojovou lištu ze souboru, který jsme právě vytvořili.

/* Toto je okno */ class MyWindow : Gtk.ApplicationWindow {

/* Deklarace dvou widgetů ToolButton, protože je získáme * ze souboru .ui (viz řádky 32 a 33), tak abchom je mohli * podle potřeby skrýt a zobrazit */ Gtk.ToolButton fullscreen_button; Gtk.ToolButton leave_fullscreen_button;

/* Konstruktor */ internal MyWindow (MyApplication app) { Object (application: app, title: "Toolbar Example");

this.set_default_size (400, 200); var grid = new Gtk.Grid (); this.add (grid); grid.show ();

/* Přidá nástrojovou lištu ze souboru .ui */ var builder = new Gtk.Builder (); try { builder.add_from_file ("toolbar_builder.ui"); } /* Obsluha výjimky */ catch (Error e) { error ("Unable to load file: %s", e.message); }

grid.attach (builder.get_object ("toolbar") as Gtk.Toolbar, 0, 0, 1, 1);

/* Získá tyto objekty ze souboru .ui, takže se můžeme mezi nimi přepínat */ fullscreen_button = builder.get_object ("fullscreen_button") as Gtk.ToolButton; leave_fullscreen_button = builder.get_object ("leave_fullscreen_button") as Gtk.ToolButton;

/* Vytvoří akci "undo" (akce okna) */ var undo_action = new SimpleAction ("undo", null); undo_action.activate.connect (undo_callback); this.add_action (undo_action);

/* Vytvoří akci "fullscreen" (akce okna) */ var fullscreen_action = new SimpleAction ("fullscreen", null); fullscreen_action.activate.connect (fullscreen_callback); this.add_action (fullscreen_action); }

void undo_callback (SimpleAction simple, Variant? parameter) { print ("You clicked \"Undo\".\n"); }

void fullscreen_callback (SimpleAction simple, Variant? parameter) { if ((this.get_window ().get_state () & Gdk.WindowState.FULLSCREEN) != 0) { this.unfullscreen (); leave_fullscreen_button.hide (); fullscreen_button.show (); } else { this.fullscreen (); fullscreen_button.hide (); leave_fullscreen_button.show (); } } }

/* Toto je aplikace */ class MyApplication : Gtk.Application { protected override void activate () { new MyWindow (this).show (); }

protected override void startup () { base.startup ();

/* Vytvoří akci "new" a přidá ji do aplikace */ var new_action = new SimpleAction ("new", null); new_action.activate.connect (new_callback); this.add_action (new_action);

/* Vytvoří akci "open" a přidá ji do aplikace */ var open_action = new SimpleAction ("open", null); open_action.activate.connect (open_callback); this.add_action (open_action);

/* Kdbyste chtěli, mohli byste akci přidat i do aplikační * nabídky */ //var menu = new Menu (); //menu.append ("New", "app.new"); //this.app_menu = menu; }

void new_callback (SimpleAction action, Variant? parameter) { print ("You clicked \"New\".\n"); }

void open_callback (SimpleAction action, Variant? parameter) { print ("You clicked \"Open\".\n"); } }

/* Funkce main vytvoří aplikaci a spustí ji */ int main (string[] args) { return new MyApplication ().run (args); }

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

Gtk.Toolbar

Gtk.Toolbutton

Gtk.Stock