スピナー(ローディングアニメ)

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>