This shows you the differences between two versions of the page.
sample_code:slide_menu [2019/03/02 03:42] sandudhate old revision restored (2016/01/02 05:07) and Removed DSVersion check |
sample_code:slide_menu [2019/03/02 11:42] |
||
---|---|---|---|
Line 1: | Line 1: | ||
- | ====== Slide Menu ====== | ||
- | You can swipe left to close this menu. | ||
- | <code JavaScript swipeMenu.js> | ||
- | var layMenu, | ||
- | // | ||
- | function OnStart() | ||
- | { | ||
- | app.SetOrientation(" | ||
- | app.EnableBackKey(false); | ||
- | |||
- | // | ||
- | var layApp=app.CreateLayout(" | ||
- | layApp.SetBackColor("# | ||
- | layApp.SetPosition(0, | ||
- | app.AddLayout(layApp); | ||
- | |||
- | // | ||
- | var layHome=app.CreateLayout(" | ||
- | var btnMnu; | ||
- | btnMnu=app.CreateButton(" | ||
- | btnMnu.SetStyle( "# | ||
- | btnMnu.SetOnTouch(mnuAnimate); | ||
- | layHome.AddChild(btnMnu); | ||
- | txe =app.CreateTextEdit(" | ||
- | txe.SetMargins(0.05, | ||
- | txe.SetBackColor("# | ||
- | layHome.AddChild(txe); | ||
- | layApp.AddChild(layHome); | ||
- | |||
- | // | ||
- | layMenu = getSlideMenu(menu_OnTouch, | ||
- | layMenu.SetPosition(0, | ||
- | // | ||
- | layMenu.AddItem(" | ||
- | layMenu.AddItem(" | ||
- | layMenu.AddItem(" | ||
- | layMenu.AddItem(" | ||
- | |||
- | // | ||
- | layApp.AddChild( layMenu ); | ||
- | } | ||
- | |||
- | function mnuAnimate() | ||
- | { | ||
- | if(layMenu.GetVisibility()===" | ||
- | layMenu.Show(); | ||
- | else | ||
- | layMenu.Hide(); | ||
- | } | ||
- | |||
- | function OnBack() | ||
- | { | ||
- | if(layMenu.GetVisibility()===" | ||
- | layMenu.Animate(" | ||
- | else app.Exit(); | ||
- | } | ||
- | |||
- | // | ||
- | function OnMenu( item ) | ||
- | { | ||
- | if(item==null) mnuAnimate(); | ||
- | } | ||
- | |||
- | function getSlideMenu(onTouch, | ||
- | { | ||
- | // | ||
- | var lst | ||
- | var layMenu = app.CreateLayout( " | ||
- | layMenu.SetPosition(0, | ||
- | layMenu.SetBackColor("# | ||
- | layMenu.SetVisibility(" | ||
- | // | ||
- | lst = app.CreateList( "" | ||
- | if(onTouch) lst.SetOnTouch(onTouch); | ||
- | lst.SetList(null); | ||
- | layMenu.AddChild( lst ); | ||
- | // | ||
- | var img=app.CreateImage(null, | ||
- | img.menu=lst; | ||
- | img.downX=0; | ||
- | if(swipeTest) img.SetOnTouch(swipeTest); | ||
- | layMenu.AddChild(img); | ||
- | |||
- | // | ||
- | img.Hide=function() | ||
- | { | ||
- | layMenu.Hide(); | ||
- | } | ||
- | layMenu.Show=function() | ||
- | { | ||
- | this.Animate(" | ||
- | } | ||
- | layMenu.Hide=function() | ||
- | { | ||
- | this.Animate(" | ||
- | } | ||
- | layMenu.AddItem=function( title, | ||
- | { | ||
- | lst.AddItem( title, | ||
- | } | ||
- | layMenu.Setlist=function( list, | ||
- | { | ||
- | lst.SetList( list, | ||
- | } | ||
- | return layMenu | ||
- | } | ||
- | |||
- | // | ||
- | function menu_OnTouch( title, | ||
- | { | ||
- | var s = txe.GetText()+" | ||
- | txe.SetText(s); | ||
- | app.ShowPopup(title+" | ||
- | } | ||
- | |||
- | // | ||
- | function menu_SwipeTest(ev) | ||
- | { | ||
- | if(ev.action===" | ||
- | { | ||
- | this.downX=ev.X; | ||
- | } | ||
- | if(ev.action===" | ||
- | { | ||
- | if(ev.X-this.downX < | ||
- | this.Hide(); | ||
- | else | ||
- | app.SimulateTouch(this.menu, | ||
- | } | ||
- | } | ||
- | |||
- | </ |