Changes between Version 84 and Version 85 of Developing your own applications

Timestamp:

01/18/11 22:14:19 (2 years ago)

Author:

Ben

Comment:

--

Developing your own applications

@@ -124 +124 @@
 Once you have successfully completed the steps above, you may wish to know how to add a Graphical User Interface (GUI). The next steps will show how to adapt the Hello World program to use the Elementary widget set.
 
+=== 1. Creating a source folder ===
+{{{
+$ cd /path/to/shr/build
+$ mkdir myfirstgui
+$ cd myfirstgui
+}}}
+ 
+=== 2. Writing a Hello World GUI in Vala and Elementary ===
+Create and enter a sub folder for the source:
+{{{
+$ mkdir src
+$ cd src
+}}}
+Create a file called '''myfirstgui.vala''' and insert the following text:
+{{{
+using Elm;
 
- 
+private void win_del()
+{
+        Elm.exit();
+}
 
+class Demo.HelloWorldGui : GLib.Object
+{
+        public static int main(string[] args)
+        {
+                Elm.init(args);
+
+                Win win = new Win(null, "hello", WinType.BASIC);
+                win.title_set("Hello");
+                win.smart_callback_add("delete-request", win_del);
+    
+                Bg bg = new Bg(win);
+                bg.size_hint_weight_set(1.0, 1.0);
+                win.resize_object_add(bg);
+                bg.show();
+
+                Label lb = new Label(win);
+                lb.label_set("Hello World!");
+                lb.size_hint_weight_set(1.0, 1.0);
+                win.resize_object_add(lb);
+                lb.show();
+
+                win.show();
+
+                Elm.run();
+                Elm.shutdown();
+
+                return 0;
+        }
+}
+}}}
+
+More information about Vala can be found here: [http://live.gnome.org/Vala/Tutorial]
+