This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
sample_code:img_toggle_button [2014/11/26 09:58] stevegarman button size |
sample_code:img_toggle_button [2015/01/13 17:55] (current) |
||
---|---|---|---|
Line 15: | Line 15: | ||
<code javascript toggle.js> | <code javascript toggle.js> | ||
// | // | ||
- | function OnStart(){ | + | function OnStart() |
- | // | + | { |
- | lay = app.CreateLayout( " | + | |
- | + | | |
- | // | + | |
- | var pauseImg = app.CreateImage( "/ | + | var pauseImg |
- | + | | |
- | // | + | |
- | btn = CreateImageToggle(pauseImg, | + | btn.SetOnTouchDown(btnToggle); |
- | btn.SetOnTouchDown(btnToggle); | + | lay.AddChild( btn ); |
- | + | | |
- | lay.AddChild( btn ); | + | |
- | + | ||
- | // | + | |
- | app.AddLayout( lay ); | + | |
} | } | ||
- | function btnToggle(ev){ | + | function btnToggle(ev) |
- | this.Toggle = ! this.Toggle; | + | { |
- | if(this.Toggle){ | + | |
- | this.SetImage(this.imgTrue); | + | |
- | app.ShowPopup(" | + | { |
- | } else{ | + | |
- | this.SetImage(this.imgFalse); | + | |
- | app.ShowPopup(" | + | |
- | } | + | |
+ | { | ||
+ | | ||
+ | | ||
+ | | ||
} | } | ||
- | function CreateImageToggle(img1, | + | function CreateImageToggle(img1, img2) |
- | // | + | { // |
- | // | + | |
- | if (typeof img1 == " | + | |
- | img1 = app.CreateImage(img1); | + | |
- | } | + | { |
- | if (typeof img2 == " | + | |
- | img2 = img1; | + | } |
- | } else if (typeof img2 == " | + | |
- | img2 = app.CreateImage(img2, | + | { |
- | } | + | |
- | var obj = app.CreateImage(null, | + | |
- | obj.SetImage(img1) | + | else if (typeof img2 |
- | obj.Toggle = false; | + | { |
- | obj.imgFalse = img1 | + | |
- | obj.imgTrue = img2 | + | } |
- | return obj | + | var obj = app.CreateImage(null, |
+ | | ||
+ | obj.Toggle = false; | ||
+ | | ||
+ | obj.imgTrue = img2; | ||
+ | return obj; | ||
} | } | ||
- | |||
</ | </ | ||
===== Note ===== | ===== Note ===== | ||
This code has had only rudimentary testing. You may well be able to improve it | This code has had only rudimentary testing. You may well be able to improve it | ||