<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="image.vala" xml:lang="gl">

  <info>

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

    <link type="guide" xref="beginner.vala#display-widgets"/>

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

    <credit type="author copyright">

      <name>Tiffany Antopolski</name>

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

      <years>2012</years>

    </credit>

    <desc>A widget displaying an image</desc>

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

      <mal:name>Fran Dieguez</mal:name>

      <mal:email>frandieguez@gnome.org</mal:email>

      <mal:years>2012-2013.</mal:years>

    </mal:credit>

  </info>

  <title>Image</title>

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

  
This GtkApplication displays an image file from the current directory.

  <note>

    If the image file isn't loaded successfully, the image will contain a "broken image" icon.  The <file>filename.png</file> needs to be in the current directory for this code to work.  Use your favorite picture!

  
</note>

public class MyWindow : Gtk.ApplicationWindow {

	internal MyWindow (MyApplication app) {

		Object (application: app, title: "Welcome to GNOME");

		var image = new Gtk.Image ();

		image.set_from_file ("gnome-image.png");

		this.add (image);

		this.set_default_size (300, 300);

	}

}

public class MyApplication : Gtk.Application {

	protected override void activate () {

		new MyWindow (this).show_all ();

	}

	internal MyApplication () {

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

	}

}

public int main (string[] args) {

	return new MyApplication ().run (args);

}

Neste exemplo empregaremos o seguinte:

<list>

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

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

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

</list>

</page>