Toolbar created using Glade (Python) Tiffany Antopolski tiffany.antopolski@gmail.com 2012 Marta Maria Casetti mmcasetti@gmail.com 2012 Sebastian Pölsterl sebp@k-d-w.org 2011 A bar of buttons and other widgets Toolbar created using Glade

This example is similar to , except we use Glade to create the toolbar in an XML .ui file.

Creating the toolbar with Glade

To create the toolbar using the Glade Interface Designer:

Open Glade, and save the file as toolbar_builder.ui

Screenshot of Glade ui

Under Containers on the left hand side, right click on the toolbar icon and select Add widget as toplevel.

Screenshot of toolbar icon in Glade ui

Under the General tab on the bottom right, change the Name to toolbar and Show Arrow to No.

Screenshot of General tab

Under the Common tab, set Horizontal Expand to Yes.

Screenshot of Common tab

Right click on the toolbar in the top right and select Edit. The Tool Bar Editor window will appear.

Screenshot of where to right click to edit toolbar.

We want to add 5 ToolButtons: New, Open, Undo, Fullscreen and Leave Fullscreen. First, we will add the New ToolButton.

Under Hierarchy tab, click Add.

Change the name of the ToolItem to new_button.

Scroll down and set Is important to Yes. This will cause the label of the ToolButton to be shown, when you view the toolbar.

Enter the action name: app.new.

Change the Label to New.

Select the New Stock Id from the drop down menu, or type gtk-new.

Repeat the above steps for the remaining ToolButtons, with the following properties:

Name

Is important

Action name

Label

Stock Id

open_button

Yes

app.open

Open

gtk-open

undo_button

Yes

win.undo

Undo

gtk-undo

fullscreen_button

Yes

win.fullscreen

Fullscreen

gtk-fullscreen

leave_fullscreen_button

Yes

win.fullscreen

Leave Fullscreen

gtk-leave-fullscreen

Close the Tool Bar Editor.

When our program will first start, we do not want the Leave Fullscreen ToolButton to be visible, since the application will not be in fullscreen mode. You can set this in the Common tab, by clicking the Visible property to No. The ToolButton will still appear in the interface designer, but will behave correctly when the file is loaded into your program code. Note that the method show_all() would override this setting - so in the code we have to use show() separately on all the elements.

Setting the visible property to No

Save your work, and close Glade.

The XML file created by Glade is shown below. This is the description of the toolbar. At the time of this writing, the option to add the class Gtk.STYLE_CLASS_PRIMARY_TOOLBAR in the Glade Interface did not exist. We can manually add this to the XML file. To do this, add the following XML code at line 9 of toolbar_builder.ui:

]]>

If you do not add this, the program will still work fine. The resulting toolbar will however look slightly different then the screenshot at the top of this page.

Code used to generate this example

We now create the code below, which adds the toolbar from the file we just created.

Useful methods for Gtk.Builder

For the useful methods for a Toolbar widget, see

Gtk.Builder builds an interface from an XML UI definition.

add_from_file(filename) loads and parses the given file and merges it with the current contents of the Gtk.Builder.

add_from_string(string) parses the given string and merges it with the current contents of the Gtk.Builder.

add_objects_from_file(filename, object_ids) is the same as add_from_file(), but it loads only the objects with the ids given in the object_ids list.

add_objects_from_string(string, object_ids) is the same as add_from_string(), but it loads only the objects with the ids given in the object_ids list.

get_object(object_id) retrieves the widget with the id object_id from the loaded objects in the builder.

get_objects() returns all loaded objects.

connect_signals(handler_object) connects the signals to the methods given in the handler_object. This can be any object which contains keys or attributes that are called like the signal handler names given in the interface description, e.g. a class or a dict. In line 39 the signal "activate" from the action undo_action is connected to the callback function undo_callback() using action.connect(signal, callback function). See for a more detailed explanation.

API References

In this sample we used the following:

GtkGrid

GtkBuilder

GtkWidget

Event Structures