Differences

This shows you the differences between two versions of the page.

--- sample_code:about_dialog [2015/01/25 13:39]
octazid created
+++ sample_code:about_dialog [2015/01/25 22:32] (current)
@@ Line 1: / Line 1: @@
 ======About Dialog======
-comming soon...
+{{:pics:aboutdlg.png?400|}}
+First create a .js-File and save it as **aboutdlg.js** in a Droidscriptfolder where you need the file.\\
+Then write the informations you want to display in the dialogbox on a seperate HTML-file.\\ Call it **about.html** and put the file in the same folder. So it is later easy to change the informations.
+<code Javascript aboutdlg.js>
+/********************************************************************
+ * About Dialog
+=====================================================================
+ * Creation date: 22-01-2015 by octazid
+ * Last update: 22-01-2015 by octazid
+=====================================================================
+ * Simple dialog to show some things about the app
+********************************************************************/
+//*** AboutDialog class ***//
+function AboutDialog(information, infowidth, infoheight, backcolor)
+{
+  var self = this;
+  this.dlg = app.CreateDialog("About:");
+  this.lay = app.CreateLayout( "linear", "FillXY" );
+  this.txt = app.CreateWebView(infowidth, infoheight);
+  this.txt.SetBackColor(backcolor);
+  this.txt.LoadHtml(information);
+  this.txt.SetMargins(0,0.01,0,0);
+  this.txt.parent = self;
+  this.lay.AddChild(this.txt);
+  this.btnlay = app.CreateLayout( "Linear", "Horizontal,FillXY" );
+  this.dlgbtn = app.CreateButton("OK", 0.45,-1);
+  this.dlgbtn.parent = self;
+  this.dlgbtn.SetOnTouch(dlgbtn_OnTouch);
+  this.btnlay.AddChild(this.dlgbtn);
+  this.lay.AddChild(this.btnlay);
+  this.dlg.AddLayout(this.lay);
+  this.Show = function(){self.dlg.Show();}
+  this.Hide = function(){self.dlg.Hide();}
+}//function AboutDialog()
+// Called if button is touched
+function dlgbtn_OnTouch()
+{
+    var par = this.parent;
+    par.Hide();
+}//function dlgbtn_OnTouch
+</code>
+In your app you have to do three things,\\ \\
+. Load the Script with
+    app.LoadScript("aboutdlg.js")
+. Create a Button to call the Dialog and add it to the layout
+    btn = app.CreateButton( "About", 0.3, 0.1, "Alum" );
+    btn.SetOnTouch(CreateAboutDlg);
+    lay.AddChild( btn );
+. Write a function to call the Dialog
+    function CreateAboutDlg()
+    {
+    var txt = app.ReadFile("about.html");
+    DlgAbout = new AboutDialog(txt, -1, -1, "#ff222222");
+    DlgAbout.Show();
+    }
+Or you can use this Example.
+<code Javascript exampleapp.js>
+//Called when application is started.
+function OnStart()
+{
+    app.LoadScript("aboutdlg.js")
+    lay = app.CreateLayout( "Linear", "VCenter,FillXY" );
+    btn = app.CreateButton( "About", 0.3, 0.1, "Alum" );
+    btn.SetOnTouch(CreateAboutDlg);
+    lay.AddChild( btn );
+    app.AddLayout( lay );
+}
+function CreateAboutDlg()
+{
+    var txt = app.ReadFile("about.html");
+    DlgAbout = new AboutDialog(txt, -1, -1, "#ff222222");
+    DlgAbout.Show();
+}
+</code>

DroidScript Wiki

User Tools

Site Tools

Differences

Page Tools