DroidScriptKiddy's Blog

Blog über DroidScript - Android Apps mit Javascript entwickeln

20160804

Demo Arrow Buttons

'use strict';
app.SetOrientation( 'portrait' );
app.SetDebugEnabled(false);var lay,txt,btns,spn;function OnStart(){
lay = app.CreateLayout( "linear", "VCenter,FillXY" ); txt = app.CreateText( "Arrow Buttons Demo" );
txt.SetTextSize( 22 );
lay.AddChild( txt );

btns=createBtns();
lay.AddChild( btns );

   spn = app.CreateSpinner(
           'text,angle,'
       +'arrow,angle-double,'
       +'arrow-circle-o,arrow-circle,'
       +'chevron,chevron-circle,'
       +'caret,carret-square-o,'
       +'hand-o,long-arrow'
    );
    spn.SetOnChange( spnChange );
    lay.AddChild( spn ); app.AddLayout( lay );
}function spnChange(s){
btns.setArrow(s);
}function createBtns(){
var a1=app.CreateLayout('linear','vcenter');
a1.SetMargins( 0,.1,0,.1); var b1 = app.CreateLayout('linear');
var btnUp = btn('up');
b1.AddChild( btnUp );
a1.AddChild( b1 );

var b2 = app.CreateLayout('linear','horizontal');
var btnLeft = btn('left');
b2.AddChild( btnLeft );
var btn0=btn('center');
btn0.Hide();
b2.AddChild( btn0 );
var btnRight = btn('right');
b2.AddChild( btnRight );
a1.AddChild( b2);

var b3 = app.CreateLayout('linear');
var btnDown = btn('down');
b3.AddChild( btnDown );
a1.AddChild( b3 );

a1.left=btnLeft;
a1.right=btnRight;
a1.down=btnDown;
a1.up = btnUp;
a1.setArrow = function (s){
      this.up.setArrow(s);
       this.down.setArrow(s);
       this.left.setArrow(s);
       this.right.setArrow(s);
      };
    a1.reset= function (){
      this.up.reset();
       this.down.reset();
       this.left.reset();
       this.right.reset();
      };
      a1.reset();
   a1.select = function (s){
     this[s].select();
   };
a1.last=null;
return a1;

function btn(s){
   var sz=.25;
   var wh=app.GetDisplayWidth()/app.GetDisplayHeight();
   var bg='black',fg='white';
   var r = app.CreateButton(
   s,sz,sz*wh,'fontawesome,custom');
    r.SetStyle(bg,bg,50,fg,2,0);
    r.lay=a1;
    r.dir=s;
    r.select = function (){
        this.SetBackColor(fg);
        this.SetTextColor(bg);
      };
      r.reset = function (){
        this.SetBackColor(bg);
        this.SetTextColor(fg);
      };
    r.cb = function(){
       this.lay.last=this;
       this.lay.reset();
       this.select();
       app.ShowPopup(this.dir,'bottom,short');
    };
      r.setArrow = function (s){
      this.SetText(s==='text'?this.dir:'[fa-'+s+'-'+this.dir+']');
      this.SetTextSize(s==='text'?18:36);
      };
      r.SetOnTouch( btnTouch );
      return r;
}
}function btnTouch(){
if(this.cb)this.cb();
}