Сделать собственную кнопку

[Ookami]

менее громоздко:

package ui.buttons
{
	import flash.display.Sprite;
	import flash.events.MouseEvent;
 
	/**
	 * ...
	 * @author Ookami
	 */
	public class Button extends Sprite
	{
 
		private var stateNorm:Sprite;
		private var stateOver:Sprite;
		private var stateDown:Sprite;
 
		/*
		 * Конструктор класса
		 */
		public function Button(spriteNorm:Sprite, spriteOver:Sprite, spriteDown:Sprite)
		{
			/**
			 * Формирование тела кнопки
			 */
			stateNorm = spriteNorm;
			stateOver = spriteOver;
			stateDown = spriteDown;
			addChild(stateNorm);
			addChild(stateOver);
			addChild(stateDown);
			stateOver.visible = false;
			stateDown.visible = false;
			/**
			 * Прослушка событий
			 */
			addEventListener(MouseEvent.MOUSE_OVER, onMouseEvent);
			addEventListener(MouseEvent.MOUSE_OUT, onMouseEvent);
			addEventListener(MouseEvent.MOUSE_DOWN, onMouseEvent);
			addEventListener(MouseEvent.MOUSE_UP, onMouseEvent);
		}
 
		/*
		 * Фокус мыши на кнопке
		 */
		private function onMouseEvent(event:MouseEvent):void
		{
			stateNorm.visible = false;
			stateOver.visible = false;
			stateDown.visible = false;
			switch (event.type)
			{
				case MouseEvent.MOUSE_OVER: 
				{
					stateOver.visible = true;
					break;
				}
				case MouseEvent.MOUSE_OUT: 
				{
					stateNorm.visible = true;
					break;
				}
				case MouseEvent.MOUSE_DOWN: 
				{
					stateDown.visible = true;
					break;
				}
				case MouseEvent.MOUSE_UP: 
				{
					stateNorm.visible = true;
					break;
				}
			}
		}
 
	}
 
}

небольшое уточнение, из за того что у меня есть еще и textField поверх всех этих спрайтов, то возникал небольшой касячок при обработке фокуса и нажатия мыши. А именно нажатие срабатывало только на текстовом поле. Я так понял это из за того что спрайты скрываются. Я сделал еще один спрайт который содержит прозрачный png размером ровно с мою кнопку и поместил этот спрайт поверх всех остальных. Так обработка нажатия мыши срабатывает корректно.

Можно запретить чайлдам кнопки реагировать на мышь - так проще. Добавьте в конструктор класса

			mouseChildren = false;

[Vektor]

Так, мне кажется лучше.

package {
	import flash.display.MovieClip;
	import flash.events.MouseEvent;
	public class Cbutton extends MovieClip {
		private var _mcButton:mcButton=new mcButton  ;
                       //Здесь из библиотеки можно вытащить другой клип.
		private var _mcButton1:mcButton1=new mcButton1  ;
		public function Cbutton():void {
			// constructor code
			fButtonCreate(_mcButton,100,100);
			fButtonCreate(_mcButton1,200,100);
 
		}
                   private function fButtonCreate(But:MovieClip,x:int,y:int):void {
			addChild(But);
			But.stop();
			But.x=x;
			But.y=y;
			this.addEventListener(MouseEvent.MOUSE_OVER, fMouseEvent);
			this.addEventListener(MouseEvent.MOUSE_OUT, fMouseEvent);
			this.addEventListener(MouseEvent.MOUSE_DOWN, fMouseEvent);
			this.addEventListener(MouseEvent.MOUSE_UP, fMouseEvent);
		}
		private function fMouseEvent(event:MouseEvent):void {
			switch (event.type) {
				case MouseEvent.MOUSE_OVER :
					event.target.gotoAndStop(2);
					break;
				case MouseEvent.MOUSE_OUT :
					event.target.gotoAndStop(1);
					break;
				case MouseEvent.MOUSE_DOWN :
					event.target.gotoAndStop(3);
					break;
				case MouseEvent.MOUSE_UP :
					event.target.gotoAndStop(2);
					break;
			}
		}
	}
}

[-De-]

expl, убрать строчки, содержащие stage, в onMouseOut первой строкой вставить onMouseGoUp(null) =)

[Wolsh]

В кошерной кнопке аут и ап вообще-то разные))) Ап соответствует овер (когда кнопку мыши отпускают над кнопкой, мышь вроде как находится над кнопкой, не?) А вот когда мышь нажали, но увели с кнопки, отображается аут и ап вообще не должен ловиться и обрабатываться - юзер явно передумал делать клик. Поэтому, зачем кнопке стейдж, я так и не понял.

[noobuser]

Vektor я уже тут на принцип пошёл и захотел разобраться как делают люди (с использованием Sprite), с мувиклип я бы без заморочек прям на сцене всё нарисовал и слепил бы в один мувик(как делал в большинстве случаев).

[Vektor]

Sprite тот же MovieClip только без кадров.

[noobuser]

ну да, когда с мувиком всё понятно и вроде проще, но все говорят что спрайт это правильно, интересно узнать почему и как оно делается. Да и я кажется понял наконец как сделать "дубляж" нажатия кнопки при нажатии ентера в текстовом поле (эту тему я поднимал, но так и не разобрался). Вроде как достаточно включить buttonMode и выделять в фокус кнопку. С simpleButton этого сделать мне не удалось. Еще не проверял, но документация говорит что должно работать =)

[alatar]

Кто бы рассказал, как добиться нормального поведения кнопки без stage, например вот этой:

Когда кнопке требуется stage, он у нее гарантированно есть.

Добавлено через 2 минуты

Сообщение от Wolsh

А вот когда мышь нажали, но увели с кнопки, отображается аут и ап вообще не должен ловиться и обрабатываться - юзер явно передумал делать клик. Поэтому, зачем кнопке стейдж, я так и не понял.

Не совсем, юзер может и вернуть указатель на кнопку. Обычное поведение при этом, прореагировать как будто указатель и не убирали.

[Wolsh]

Не совсем, юзер может и вернуть указатель на кнопку. Обычное поведение при этом, прореагировать как будто указатель и не убирали.

Да без проблем))

private function handlerOver(event:MouseEvent):void 
{
	if (event.buttonDown)
	{
		handlerDown(null);
		return;
	}
	_upState.visible = false;
	_overState.visible = true;
	_downState.visible = false;
}

[alatar]

Да без проблем))

Нажали в левом месте, перевели курсор на кнопку, отпустили... проблема.