[gnome-devel-docs] Vala Scale sample code and Mallard page.



commit b4b3cb1743a699c1114dfd5688dc0594a8661604
Author: Tiffany Antopolski <tiffany antopolski gmail com>
Date:   Thu Jun 7 08:39:07 2012 -0400

    Vala Scale sample code and Mallard page.
    
    Also added the code and page to the Makefile.am

 platform-demos/C/samples/scale.vala |   52 +++++++++++++++++++++++++++++++++++
 platform-demos/C/scale.vala.page    |   35 +++++++++++++++++++++++
 platform-demos/Makefile.am          |    2 +
 3 files changed, 89 insertions(+), 0 deletions(-)
---
diff --git a/platform-demos/C/samples/scale.vala b/platform-demos/C/samples/scale.vala
new file mode 100644
index 0000000..3b99883
--- /dev/null
+++ b/platform-demos/C/samples/scale.vala
@@ -0,0 +1,52 @@
+/* This is the application. */
+public class MyApplication : Gtk.Application {
+	Gtk.Scale h_scale;
+	Gtk.Scale v_scale;
+	Gtk.Label label;
+
+	/* Override the 'activate' signal of GLib.Application. */
+	protected override void activate () {
+		var window = new Gtk.ApplicationWindow (this);
+		window.title = "Scale Example";
+		window.set_default_size (400, 300);
+		window.set_border_width (5);
+
+		h_scale = new Gtk.Scale.with_range (Gtk.Orientation.HORIZONTAL, 0.0, 100.0, 5.0);
+		h_scale.set_digits (0); //number of decimal places displayed
+		h_scale.set_valign (Gtk.Align.START); //horizontal alignment
+
+		var adjustment = new Gtk.Adjustment (42.0, 0.0, 100.0, 5.0, 10.0, 0.0);
+		v_scale = new Gtk.Scale (Gtk.Orientation.VERTICAL, adjustment);
+		v_scale.set_vexpand(true);
+
+		label = new Gtk.Label ("Move the scale handles...");
+
+		var grid = new Gtk.Grid ();
+		grid.set_column_spacing (10); //amount of space between columns
+		grid.set_column_homogeneous (true); //all columns same width
+		grid.attach (h_scale, 0, 0, 1, 1);
+		grid.attach_next_to (v_scale, h_scale, Gtk.PositionType.RIGHT, 1, 1);
+		grid.attach (label, 0, 1, 2, 1);
+
+		h_scale.value_changed.connect (scale_moved);
+		v_scale.value_changed.connect (scale_moved);
+
+		window.add (grid);
+		window.show_all ();
+	}
+
+	/* Callback function for "value-changed" signal.
+	 * The paramter refers to the scale which emitted the signal.
+	 * Since we are accessing the values of not one, but two scales,
+	 * we made the ranges instance variables, and ignore the
+	 * parameter.
+	 */
+	void scale_moved (Gtk.Range range) {
+		label.set_text ("Horizontal scale is %.1f; vertical scale is %.1f.".printf (h_scale.get_value (), v_scale.get_value ()));
+	}
+}
+
+/* main creates and runs the application. */
+public int main (string[] args) {
+	return new MyApplication ().run (args);
+}
diff --git a/platform-demos/C/scale.vala.page b/platform-demos/C/scale.vala.page
new file mode 100644
index 0000000..7dd6d89
--- /dev/null
+++ b/platform-demos/C/scale.vala.page
@@ -0,0 +1,35 @@
+<?xml version='1.0' encoding='UTF-8'?>
+<page xmlns="http://projectmallard.org/1.0/";
+      xmlns:xi="http://www.w3.org/2001/XInclude";
+      type="guide" style="task"
+      id="scale.vala">
+  <info>
+    <link type="guide" xref="beginner.vala#entry"/>
+    <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>tiffany antopolski gmail com</email>
+      <years>2012</years>
+    </credit>
+
+    <desc>A slider widget for selecting a value from a range</desc>
+  </info>
+
+  <title>Scale</title>
+  <media type="image" mime="image/png" src="media/scale.png"/>
+  <p>Slide the scales!</p>
+
+<code mime="text/x-vala" style="numbered"><xi:include href="samples/scale.vala" parse="text"><xi:fallback/></xi:include></code>
+<p>
+  In this sample we used the following:
+</p>
+<list>
+  <item><p><link href="http://www.valadoc.org/gtk+-3.0/Gtk.Scale.html";>Gtk.Scale</link></p></item>
+  <item><p><link href="http://www.valadoc.org/gtk+-3.0/Gtk.Adjustment.html";>Gtk.Adjustment</link></p></item>
+  <item><p><link href="http://www.valadoc.org/gtk+-3.0/Gtk.PositionType.html";>Gtk.PositionType</link></p></item>
+  <item><p><link href="http://www.valadoc.org/gtk+-3.0/Gtk.Orientation.html";>Gtk.Orientation</link></p></item>
+</list>
+</page>
diff --git a/platform-demos/Makefile.am b/platform-demos/Makefile.am
index 106eb36..e2dd80b 100644
--- a/platform-demos/Makefile.am
+++ b/platform-demos/Makefile.am
@@ -74,6 +74,7 @@ demo_sources = \
 	samples/radiobutton.py			\
 	samples/radiobutton.vala		\
 	samples/scale.py			\
+	samples/scale.vala			\
 	samples/scrolledwindow.py		\
 	samples/separator.py			\
 	samples/spinbutton.py			\
@@ -231,6 +232,7 @@ DOC_PAGES =				\
 	radiobutton.vala.page		\
 	record-collection.js.page	\
 	scale.py.page			\
+	scale.vala.page			\
 	scrolledwindow.py.page		\
 	separator.py.page		\
 	spinbutton.py.page		\



[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]