<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="grid.vala" xml:lang="fr">

  <info>

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

    <link type="guide" xref="beginner.vala#layout"/>

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

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

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

    <credit type="author copyright">

      <name>Tiffany Antopolski</name>

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

      <years>2012</years>

    </credit>

    <desc>Ranger les éléments graphiques en lignes et colonnes</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>Élément graphique Grille</title>

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

  
Un élément graphique bouton connecté à une barre de progression.

public class MyWindow : Gtk.ApplicationWindow {

	Gtk.Widget progress_bar;

	internal MyWindow (MyApplication app) {

		Object (application: app, title: "Grid Example");

		var grid = new Gtk.Grid();

		progress_bar = new Gtk.ProgressBar ();

		progress_bar.show ();

		var button = new Gtk.Button.with_label ("Button");

		button.clicked.connect (on_button_click);

		button.show ();

		this.add(grid);

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

		grid.attach_next_to (progress_bar, button, Gtk.PositionType.BOTTOM, 1, 1);

		grid.show ();

	}

	void on_button_click (Gtk.Button button) {

		(progress_bar as Gtk.ProgressBar).pulse ();

	}

}

public class MyApplication : Gtk.Application {

	protected override void activate () {

		new MyWindow (this).show ();

	}

	internal MyApplication () {

		Object (application_id: "org.example.MyApplication");

	}

}

public 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.Grid.html">Gtk.Grid</link>
</item>

</list>

</page>