Как управлять щелчками мыши по неправильным формам кнопок во Flex

Question

Во Flex я пытаюсь создать 3 кнопки, похожие на изображение, загруженное на http://www.freeimagehosting.net/uploads/f14d58b49e.jpg

При наведении курсора мыши на изображение должно работать только красная область кнопки. Как я могу управлять щелчками мыши или неправильными формами кнопок во Flex?

Thnx ... Atul

Answer 1

Проверьте это: flexlib > ImageMap.

Взято из stackOverflow

Answer 2

1. Создание класса ArrowButtonsHolder путем наследования от Canvas

2. Создание 3 дочерних классов, также унаследованных от Canvas.Например, LeftArrowButton, MiddleArrowButton, RightArrowButton

   открытый класс LeftArrowButton: Canvas {защищенная переопределенная функция updateDisplayList (unscaledWidth: Number, unscaledHeight: Number): void {super.updateDisplayList (unscaledWidth, 100) * 7

   }

   Вы также можете создать общий класс ArrowButton и наследовать еще 3 от этого класса и переопределить функцию рисования

3. Добавить этот 3 дочерних объекта кнопки в ArrowButtonsHolder, переопределивcreateChildren (): метод void

   public class ArrowButtonsHolder:Canvas {
   
   // ...
   
   private var leftArrowButton:LeftArrowButton;
   private var middleArrowButton:MiddleArrowButton;
   private var rightArrowButton:RightArrowButton;
   
   // ...
   
   protected override function createChildren():void {
       super();
   
       // create buttons
       leftArrowButton = new LeftArrowButton();
       middleArrowButton = new LeftArrowButton();
       rightArrowButton = new LeftArrowButton();
   
       // add them to canvas
       addChild(leftArrowButton);
       addChild(middleArrowButton);
       addChild(rightArrowButton);
   
       // position these button by adjusting x, y
       leftArrowButton.x = 0; 
       middleArrowButton.x = 50; 
       rightArrowButton.x = 100; 
   
       // assign event listeners
       leftArrowButton.addEventListener(MouseEvent.CLICK, onLeftArrowButtonClick);
       middleArrowButton.addEventListener(MouseEvent.CLICK, onMiddleArrowButtonClick);
       rightArrowButton.addEventListener(MouseEvent.CLICK, onRightArrowButtonClick);
   }
   
   private onLeftArrowButtonClick(event:MouseEvent):void
   {
       trace("Left button clicked");
   }
   
   // .. etc for another 2 methods implemented here
   

   }

PS: в моем коде может быть множество синтаксических ошибок, но вы должны получить общее представление о том, как это сделать

Answer 3

Используйте обложки кнопок на основе векторной графики (например, сделанной в Illustrator), сохраняйте каждое состояние как именованный символ в документе, а затем экспортируйте как SWF. Ссылка на скины выглядит следующим образом:

.stepButton {
        upSkin: Embed(source="myfile.swf", symbol="StepButton"); 
        downSkin: Embed(source="myfile.swf", symbol="StepButtonDown");
        overSkin: Embed(source="myfile.swf", symbol="StepButtonOver");
        disabledSkin: Embed(source="myfile.swf", symbol="StepButtonDisabled");
}

Flash автоматически определит область попадания из видимой части. Этот пример (не называемый «myfile.swf») сейчас работает для нас в приложении.