<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" xmlns:xi="http://www.w3.org/2001/XInclude" type="guide" style="task" id="toolbar.vala" xml:lang="fr">

  <info>

  <title type="text">Toolbar (Vala)</title>

    <link type="guide" xref="beginner.vala#menu-combo-toolbar"/>

    <link type="seealso" xref="grid.vala"/>

    <revision version="0.1" date="2012-05-08" status="draft"/>

    <credit type="author copyright">

      <name>Tiffany Antopolski</name>

      <email its:translate="no">tiffany.antopolski@gmail.com</email>

      <years>2012</years>

    </credit>

    <desc>Une barre de boutons</desc>

    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">

      <mal:name>Luc Rebert,</mal:name>

      <mal:email>traduc@rebert.name</mal:email>

      <mal:years>2011</mal:years>

    </mal:credit>

    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">

      <mal:name>Alain Lojewski,</mal:name>

      <mal:email>allomervan@gmail.com</mal:email>

      <mal:years>2011-2012</mal:years>

    </mal:credit>

    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">

      <mal:name>Luc Pionchon</mal:name>

      <mal:email>pionchon.luc@gmail.com</mal:email>

      <mal:years>2011</mal:years>

    </mal:credit>

    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">

      <mal:name>Bruno Brouard</mal:name>

      <mal:email>annoa.b@gmail.com</mal:email>

      <mal:years>2011-12</mal:years>

    </mal:credit>

    <mal:credit xmlns:mal="http://projectmallard.org/1.0/" type="translator copyright">

      <mal:name>Luis Menina</mal:name>

      <mal:email>liberforce@freeside.fr</mal:email>

      <mal:years>2014</mal:years>

    </mal:credit>

  </info>

  <title>Barre d'outils</title>

  <media type="image" mime="image/png" src="media/toolbar.png"/>

  
La barre d'outils peut contenir soit du texte, soit des icônes de la collection. Dans cet exemple, nous utilisons les icônes de la collection. Cet exemple possède la fonction plein écran.

  
Cet exemple utilise SimpleActions (fenêtre et application). Les actions applications peuvent être facilement ajoutées au menu « Applications ».

/* This is the Window */

class MyWindow : Gtk.ApplicationWindow {

	/* Instance variables belonging to the window */

	Gtk.Toolbar toolbar;

	Gtk.ToolButton new_button;

	Gtk.ToolButton open_button;

	Gtk.ToolButton undo_button;

	Gtk.ToolButton fullscreen_button;

	Gtk.ToolButton leave_fullscreen_button;

	/* Constructor */

	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 ();

		create_toolbar ();

		toolbar.set_hexpand (true);

		grid.attach (toolbar, 0, 0, 1, 1);

		toolbar.show ();

		/* create the "undo" window action action */

		var undo_action = new SimpleAction ("undo", null);

		undo_action.activate.connect (undo_callback);

		this.add_action (undo_action);

		/* create the "fullscreen" window action */

		var fullscreen_action = new SimpleAction ("fullscreen", null);

		fullscreen_action.activate.connect (fullscreen_callback);

		this.add_action (fullscreen_action);

	}

	/* This function creates the toolbar, its  ToolButtons,

	 * and assigns the actions names to the ToolButtons.*/

	void create_toolbar () {

		toolbar = new Gtk.Toolbar ();

		toolbar.get_style_context ().add_class (Gtk.STYLE_CLASS_PRIMARY_TOOLBAR);

		new_button = new Gtk.ToolButton.from_stock (Gtk.Stock.NEW);

		new_button.is_important = true; //decides whether to show the label

		toolbar.add (new_button);

		new_button.show ();

		new_button.action_name = "app.new";

		open_button = new Gtk.ToolButton.from_stock (Gtk.Stock.OPEN);

		open_button.is_important = true;

		toolbar.add (open_button);

		open_button.show ();

		open_button.action_name = "app.open";

		undo_button = new Gtk.ToolButton.from_stock (Gtk.Stock.UNDO);

		undo_button.is_important = true;

		toolbar.add (undo_button);

		undo_button.show ();

		undo_button.action_name = "win.undo";

		fullscreen_button = new Gtk.ToolButton.from_stock (Gtk.Stock.FULLSCREEN);

		fullscreen_button.is_important = true;

		toolbar.add (fullscreen_button);

		fullscreen_button.show ();

		fullscreen_button.action_name = "win.fullscreen";

		leave_fullscreen_button = new Gtk.ToolButton.from_stock (Gtk.Stock.LEAVE_FULLSCREEN)

;

		leave_fullscreen_button.is_important = true;

		toolbar.add (leave_fullscreen_button);

		leave_fullscreen_button.action_name = "win.fullscreen";

	}

	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 ();

		}

	}

}

/* This is the application */

class MyApplication : Gtk.Application {

	protected override void activate () {

		new MyWindow (this).show ();

	}

	protected override void startup () {

		base.startup ();

		/* Create the "new" action and add it to the app*/

		var new_action = new SimpleAction ("new", null);

		new_action.activate.connect (new_callback);

		this.add_action (new_action);

		/* Create the "open" action, and add it to the app */

		var open_action = new SimpleAction ("open", null);

		open_action.activate.connect (open_callback);

		this.add_action (open_action);

		/* You could also add the action to the app menu

		 * if you wanted to.

		 */

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

	}

}

/* The main function creates the application and runs it. */

int main (string[] args) {

	return new MyApplication ().run (args);

}

Dans cet exemple, les éléments suivants sont utilisés :

<list>

  <item>
<link href="http://www.valadoc.org/gtk+-3.0/Gtk.Toolbar.html">Gtk.Toolbar</link>
</item>

  <item>
<link href="http://www.valadoc.org/gtk+-3.0/Gtk.ToolButton.html">Gtk.Toolbutton</link>
</item>

  <item>
<link href="http://www.valadoc.org/gtk+-3.0/Gtk.Stock.html">Gtk.Stock</link>
</item>

</list>

</page>