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

  <info>

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

    <link type="guide" xref="beginner.vala#color-selectors"/>

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

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

    <revision version="0.1" date="2012-06-07" status="draft"/>

    <credit type="author copyright">

      <name>Tiffany Antopolski</name>

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

      <years>2012</years>

    </credit>

    <desc>Un bouton pour ouvrir une boîte de dialogue de sélection de couleur</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>ColorButton</title>

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

  
Les valeurs RVB de la couleur sélectionnée sont affichées dans cette étiquette.

/* This is the application. */

public class MyApplication : Gtk.Application {

	Gtk.Label label;

	/* Override the 'activate' signal of GLib.Application. */

	protected override void activate () {

		/* Create the window of this application and show it. */

		var window = new Gtk.ApplicationWindow (this);

		window.title = "ColorButton";

		window.set_default_size (150, 50);

		window.set_border_width (10);

		/* Create a new ColorButton with default blue. */

		var blue = Gdk.RGBA ();

		blue.parse ("blue");

		var colorbutton = new Gtk.ColorButton.with_rgba (blue);

		label = new Gtk.Label ("Click to choose a color");

		var grid = new Gtk.Grid ();

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

		grid.attach_next_to (label, colorbutton, Gtk.PositionType.BOTTOM, 1, 1);

		colorbutton.color_set.connect (this.on_color_set);

		window.add (grid);

		window.show_all ();

	}

	void on_color_set (Gtk.ColorButton button) {

		var color =  button.get_rgba ();

		label.set_text ("RGBA: " + color.to_string());

	}

}

/* main creates and runs the application. */

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://valadoc.org/gtk+-3.0/Gtk.ColorButton.html">Gtk.ColorButton</link>
</item>

  <item>
<link href="http://valadoc.org/gdk-3.0/Gdk.RGBA.html">Gdk.RGBA</link>
</item>

</list>

</page>