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

[Wolsh]

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

Клика не будет, если нажали не на этой кнопке... То что кнопка покажет состояние даун, но не отработает клик – согласен, непорядок для стандартной кнопки... Убедили, тут без стейджа никуда)). Спасибо, что обратили на это мое внимание, пошел переписывать свой BaseButton.

[Vektor]

Почитал и решил под редактировать с учетом написанного.
Еще раз под редактировал.

package {
	import flash.display.MovieClip;
        import flash.display.Stage;
	import flash.events.MouseEvent;
	public class Cbutton extends MovieClip {
		private var _mcButton:mcButton=new mcButton  ;
		private var _mcButton1:mcButton1=new mcButton1  ;
		private var _Down:Boolean=false;
		private var _DownButon:Object=new Object  ;
		public function Cbutton():void {
			// constructor code
			onButtonCreate(_mcButton,100,100);
			onButtonCreate(_mcButton1,200,100);
		}
		private function onButtonCreate(But:MovieClip,x:int,y:int):void {
			addChild(But);
			But.stop();
			But.x=x;
			But.y=y;
			this.addEventListener(MouseEvent.MOUSE_OVER, onMouseEvent);
			this.addEventListener(MouseEvent.MOUSE_OUT, onMouseEvent);
			this.addEventListener(MouseEvent.MOUSE_DOWN, onMouseEvent);
			stage.addEventListener(MouseEvent.MOUSE_UP, onMouseEvent);
		}
		private function onMouseEvent(event:MouseEvent):void {
			trace(event.target);
			switch (event.type) {
				case MouseEvent.MOUSE_OVER :
					if (_Down&&_DownButon==event.target) {
						_DownButon.gotoAndStop(3);
					} else {
						event.target.gotoAndStop(2);
					}
					break;
				case MouseEvent.MOUSE_OUT :
					event.target.gotoAndStop(1);
					break;
				case MouseEvent.MOUSE_DOWN :
					_DownButon=event.target;
					event.target.gotoAndStop(3);
					_Down=true;
					break;
				case MouseEvent.MOUSE_UP :
					if (!(event.target is Stage)) {
						event.target.gotoAndStop(2);
					}
					_Down=false;
					break;
			}
		}
	}
}

[Ookami]

			this.addEventListener(MouseEvent.MOUSE_DOWN, onMouseEvent);
			stage.addEventListener(MouseEvent.MOUSE_DOWN, onMouseEvent);

Разве не будет дважды срабатывать?

Добавлено через 1 минуту
А, все, вопрос снял - увидел проверку

[Wolsh]

При чем тут даун на стейдже вообще. Вас должен интересовать только ап после дауна на кнопке.
Вот так поправил себе. Стало чудненько.

private function handlerDown(event:MouseEvent):void 
{
	_isDown = true;
	_upState.visible = false;
	_overState.visible = false;
	_downState.visible = true;
	stage.addEventListener(MouseEvent.MOUSE_UP, handlerUp, true);
	stage.addEventListener(Event.MOUSE_LEAVE, handlerUp, false);
}
 
private function handlerUp(event:Event):void 
{
	_isDown = false;
}
 
private function handlerOver(event:MouseEvent):void 
{
	if (_isDown)
	{
		handlerDown(null);
		return;
	}
	_upState.visible = false;
	_overState.visible = true;
	_downState.visible = false;
}

[Vektor]

Теперь, вроде правильно работает, код выше.

[alatar]

Стало чудненько.

На MOUSE_LEAVE можно не подписываться, MOUSE_UP в любом случае сработает. И отписаться надо в handlerUp.
Ну и я бы вместо _isDown использовал _isOver с проверкой в handlerUp, но это уже предпочтения.

[-De-]

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

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

Это не должно генерить клик. Более того, не все кнопки показывают состояние down при таком (в 2010 студии - именно так). Как там кнопки реагируют при нажатии/отпускании вне их - волнует только особо упёртых разработчиков интерфейсов =)
PS: пожалуйста,

event.target=="[object Stage]"

=>

event.target is Stage

а то хочется убить...

[alatar]

Это не должно генерить клик.

Должно, не должно. Не я же писал метод handlerDown, мало ли что там.

Как там кнопки реагируют при нажатии/отпускании вне их - волнует только особо упёртых разработчиков интерфейсов.

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

Более того, не все кнопки показывают состояние down при таком (в 2010 студии - именно так).

В описанной мной ситуации никакая кнопка не должна показывать состояние down.

[Vektor]

И как, с ним правильно работать.

event.target is Stage  1120: Обращение несуществующего свойства Stage.

[-De-]

alatar, ну кого реально волнует поведение кнопки в ситуациях типа "нажал, отвёл, навёл, отпустил"? Пара раз было, что я нажимал на кнопку, понимал, что это было ошибкой, отводил и отпускал. Всё. В остальных случаях между нажатием и отпусканием всегда курсор на кнопке.
Хотя вообще это мелочь и таки наверное стоит раз сделать чуть заморочившись.
Vektor, import flash.display.Stage/flash display.*