ClutterTest/Window.bjs
[app.Builder.js] / ClutterTest / Window.bjs
index a2e9c80..89b8937 100644 (file)
@@ -22,9 +22,9 @@
                     "items": [
                         {
                             "pack": false,
-                            "x": 100,
+                            "x": 10,
                             "xtype": "Actor",
-                            "y": 100,
+                            "y": 10,
                             "|init": "function() {\n\n    var child = new XObject(this.items[0]);\n    child.init();\n    child.parent = this;\n    //var contents = new Gtk.Button({ label: 'test' }); \n    var contents = child.el;\n   \n    print(JSON.stringify(this.items));\n    \n    \n    this.el = new GtkClutter.Actor.with_contents (  contents) ;\n    XObject.prototype.init.call(this);\n}\n",
                             "|xns": "GtkClutter",
                             "items": [
                                     "|xns": "Gtk"
                                 }
                             ]
+                        },
+                        {
+                            "pack": false,
+                            "x": 100,
+                            "xtype": "Actor",
+                            "y": 300,
+                            "|init": "function() {\n\n    var child = new XObject(this.items[0]);\n    child.init();\n    child.parent = this;\n    //var contents = new Gtk.Button({ label: 'test' }); \n    var contents = child.el;\n   \n    print(JSON.stringify(this.items));\n    \n    \n    this.el = new GtkClutter.Actor.with_contents (  contents) ;\n    XObject.prototype.init.call(this);\n}\n",
+                            "|xns": "GtkClutter",
+                            "items": [
+                                {
+                                    "listeners": {
+                                        "clicked": "function (self) {\n   Clutter = imports.gi.Clutter;\n        var animate = this.parent.el.animate(\n\t\tClutter.AnimationMode.EASE_OUT_ELASTIC, 2000,\n\t\t{\n\t\t\t   scale_x : 5,\n\t\t\t  scale_y: 5,\n\n\t\t}\n\t\t);\n\t\tanimate.timeline.start();\n\n}"
+                                    },
+                                    "height_request": 100,
+                                    "label": "property editor",
+                                    "pack": false,
+                                    "width_request": 100,
+                                    "xtype": "Button",
+                                    "|xns": "Gtk"
+                                }
+                            ]
+                        },
+                        {
+                            "pack": false,
+                            "x": 100,
+                            "xtype": "Actor",
+                            "y": 300,
+                            "|init": "function() {\n\n    var child = new XObject(this.items[0]);\n    child.init();\n    child.parent = this;\n    //var contents = new Gtk.Button({ label: 'test' }); \n    var contents = child.el;\n   \n    print(JSON.stringify(this.items));\n    \n    \n    this.el = new GtkClutter.Actor.with_contents (  contents) ;\n    XObject.prototype.init.call(this);\n}\n",
+                            "|xns": "GtkClutter",
+                            "items": [
+                                {
+                                    "listeners": {
+                                        "clicked": "function (self) {\n   Clutter = imports.gi.Clutter;\n        var animate = this.parent.el.animate(\n\t\tClutter.AnimationMode.EASE_OUT_ELASTIC, 2000,\n\t\t{\n\t\t\t   scale_x : 5,\n\t\t\t  scale_y: 5,\n\n\t\t}\n\t\t);\n\t\tanimate.timeline.start();\n\n}"
+                                    },
+                                    "height_request": 100,
+                                    "label": "text editor",
+                                    "pack": false,
+                                    "width_request": 100,
+                                    "xtype": "Button",
+                                    "|xns": "Gtk"
+                                }
+                            ]
+                        },
+                        {
+                            "pack": false,
+                            "x": 100,
+                            "xtype": "Actor",
+                            "y": 300,
+                            "|init": "function() {\n\n    var child = new XObject(this.items[0]);\n    child.init();\n    child.parent = this;\n    //var contents = new Gtk.Button({ label: 'test' }); \n    var contents = child.el;\n   \n    print(JSON.stringify(this.items));\n    \n    \n    this.el = new GtkClutter.Actor.with_contents (  contents) ;\n    XObject.prototype.init.call(this);\n}\n",
+                            "|xns": "GtkClutter",
+                            "items": [
+                                {
+                                    "listeners": {
+                                        "clicked": "function (self) {\n   Clutter = imports.gi.Clutter;\n        var animate = this.parent.el.animate(\n\t\tClutter.AnimationMode.EASE_OUT_ELASTIC, 2000,\n\t\t{\n\t\t\t   scale_x : 5,\n\t\t\t  scale_y: 5,\n\n\t\t}\n\t\t);\n\t\tanimate.timeline.start();\n\n}"
+                                    },
+                                    "height_request": 100,
+                                    "label": "preview app",
+                                    "pack": false,
+                                    "width_request": 100,
+                                    "xtype": "Button",
+                                    "|xns": "Gtk"
+                                }
+                            ]
+                        },
+                        {
+                            "pack": false,
+                            "x": 100,
+                            "xtype": "Actor",
+                            "y": 300,
+                            "|init": "function() {\n\n    var child = new XObject(this.items[0]);\n    child.init();\n    child.parent = this;\n    //var contents = new Gtk.Button({ label: 'test' }); \n    var contents = child.el;\n   \n    print(JSON.stringify(this.items));\n    \n    \n    this.el = new GtkClutter.Actor.with_contents (  contents) ;\n    XObject.prototype.init.call(this);\n}\n",
+                            "|xns": "GtkClutter",
+                            "items": [
+                                {
+                                    "listeners": {
+                                        "clicked": "function (self) {\n   Clutter = imports.gi.Clutter;\n        var animate = this.parent.el.animate(\n\t\tClutter.AnimationMode.EASE_OUT_ELASTIC, 2000,\n\t\t{\n\t\t\t   scale_x : 5,\n\t\t\t  scale_y: 5,\n\n\t\t}\n\t\t);\n\t\tanimate.timeline.start();\n\n}"
+                                    },
+                                    "height_request": 100,
+                                    "label": "palete",
+                                    "pack": false,
+                                    "width_request": 100,
+                                    "xtype": "Button",
+                                    "|xns": "Gtk"
+                                }
+                            ]
                         }
                     ]
                 }