- OpenLaszlo紹介
- プログラム構造関連
- スクリプト
- Javascript基礎
- 基礎知識
- ビュー<view>
- レイアウト
- 動かす
- 入力デバイス
- 文字
- 数値
- 日付
- オブジェクト指向
- 標準コンポーネント
- データの扱い
- データ操作(基礎)
- 応用編
–
OpenLaszloの付録であるlzpixデモからの拾い物。
画像はダウンロードしたOpenLaszloの \demos\lzpix\assets\spinner の中にあります。
このコードだと、imagesディレクトリ内に任意の画像ファイルを複数個入れておくだけでアニメーションしてくれます。
(OpenLaszlo4.6.1/swf8)
<?xml version="1.0" encoding="UTF-8"?> <canvas proxied="false" bgcolor="0xeeeeee"> <resource name="rsc" src="./images"/> <class name="spinner" resource="rsc" oninit="this.play()" align="center" valign="middle"> <attribute name="counter" value="1" /> <handler name="onidle" reference="lz.Idle" > if (! this.visible ) return; this.setAttribute('counter', ( this.counter + 1)%6); if ( this.counter == 0 ) { var f = (this.frame + 1)%6; this.setAttribute('frame', f == 0 ? 6 : f); } </handler> </class> <spinner id="loading" /> <button text="${loading.visible?'停止':'開始'}"> <handler name="onclick"> if(loading.visible){ loading.setAttribute('visible',false); }else{ loading.setAttribute('visible',true); } </handler> </button> </canvas>