feathers:Sliderのテスト

2012/10/13

category: Feathers | tag: ActionScript, AIR, FlashBuilder, Starling | no comments

シンプルなSliderを実装してみました。

サンプルコード

package
{
	import flash.display.Sprite;
	
	import starling.core.Starling;
	
	[SWF(frameRate="60", width="320", height="240", backgroundColor="#f0f0f0")]
	public class FeathersSlider extends Sprite
	{
		private var myStarling:Starling;
		
		public function FeathersSlider()
		{
			myStarling = new Starling(Main, stage);
			myStarling.start();
		}
	}
}

package

{

import flash.display.Sprite;

import starling.core.Starling;

[SWF(frameRate="60", width="320", height="240", backgroundColor="#f0f0f0")]

public class FeathersSlider extends Sprite

{

private var myStarling:Starling;

public function FeathersSlider()

{

myStarling = new Starling(Main, stage);

myStarling.start();

}

package
{
	import feathers.controls.Slider;
	import feathers.themes.MetalWorksMobileTheme;
	
	import starling.display.Sprite;
	import starling.events.Event;
	
	public class Main extends Sprite
	{
		private var theme:MetalWorksMobileTheme;
		
		public function Main()
		{
			this.addEventListener(Event.ADDED_TO_STAGE, onAddedToStage);
		}
		
		private function onAddedToStage(e:Event):void
		{
			theme = new MetalWorksMobileTheme(stage);
			
			var slider1:Slider = new Slider();
			slider1.minimum = 0;
			slider1.maximum = 100;
			slider1.value = 50;
			slider1.step = 1;
			slider1.page = 10;
			slider1.liveDragging = true;
			slider1.direction = Slider.DIRECTION_HORIZONTAL;
			slider1.onChange.add(slider_onChange);
			this.addChild(slider1);
			
			var slider2:Slider = new Slider();
			slider2.minimum = 0;
			slider2.maximum = 100;
			slider2.value = 50;
			slider2.step = 1;
			slider2.page = 10;
			slider2.liveDragging = true;
			slider2.direction = Slider.DIRECTION_HORIZONTAL;
			slider2.onChange.add(slider_onChange);
			this.addChild(slider2);
			
			slider1.validate();
			slider1.x = (stage.stageWidth - slider1.width) * 0.5;
			slider1.y = (stage.stageHeight - slider1.height) * 0.5 - 30;
			
			slider2.validate();
			slider2.width = 250;
			slider2.height = 5;
			slider2.thumbProperties.height = 50;
			slider2.thumbProperties.width = 30;
			slider2.x = (stage.stageWidth - slider2.width) * 0.5;
			slider2.y = (stage.stageHeight - slider2.height) * 0.5 + 30;
		}
		
		private function slider_onChange(slider:Slider):void
		{
			trace("sliderx.value changed:", slider.value);
		}
	}
}

package

{

import feathers.controls.Slider;

import feathers.themes.MetalWorksMobileTheme;

import starling.display.Sprite;

import starling.events.Event;

public class Main extends Sprite

{

private var theme:MetalWorksMobileTheme;

public function Main()

{

this.addEventListener(Event.ADDED_TO_STAGE, onAddedToStage);

}

private function onAddedToStage(e:Event):void

{

theme = new MetalWorksMobileTheme(stage);

var slider1:Slider = new Slider();

slider1.minimum = 0;

slider1.maximum = 100;

slider1.value = 50;

slider1.step = 1;

slider1.page = 10;

slider1.liveDragging = true;

slider1.direction = Slider.DIRECTION_HORIZONTAL;

slider1.onChange.add(slider_onChange);

this.addChild(slider1);

var slider2:Slider = new Slider();

slider2.minimum = 0;

slider2.maximum = 100;

slider2.value = 50;

slider2.step = 1;

slider2.page = 10;

slider2.liveDragging = true;

slider2.direction = Slider.DIRECTION_HORIZONTAL;

slider2.onChange.add(slider_onChange);

this.addChild(slider2);

slider1.validate();

slider1.x = (stage.stageWidth - slider1.width) * 0.5;

slider1.y = (stage.stageHeight - slider1.height) * 0.5 - 30;

slider2.validate();

slider2.width = 250;

slider2.height = 5;

slider2.thumbProperties.height = 50;

slider2.thumbProperties.width = 30;

slider2.x = (stage.stageWidth - slider2.width) * 0.5;

slider2.y = (stage.stageHeight - slider2.height) * 0.5 + 30;

}

private function slider_onChange(slider:Slider):void

{

trace("sliderx.value changed:", slider.value);

}

テーマはfeathersのページのサンプルファイルの物(theme:MetalWorksMobileTheme)を使用しました。
コンポーネントのサイズ(width, height)の取得や変更はvalidate()の後。

実行結果

上のSliderはテーマで設定されているサイズ、下のSliderはサイズを変更したもの。

This movie requires Flash Player 11

Pocket

Check

コメントを残すコメントをキャンセル

コメントを投稿するにはログインしてください。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください。

Trackback URL:

devlog [naru design]