Использование изображений PNG / GIF в качестве кнопок с использованием AS3

Question

Друзья

Я новичок в AS3, так что извините. Я пытаюсь использовать изображения в качестве кнопок (изображения в формате PNG / GIF в качестве кнопок (простые, переключаемые и многоуровневые) - изменение изображения при наведении курсора мыши, нормальном режиме и нажатии), используя только AS3. Я пытался искать. Все, что я получил, это установить значок кнопки. Было бы здорово, если бы вы могли поделиться фрагментом кода или указателями.

Большое спасибо.

Answer 1

Есть способы сделать это без преобразования изображения в мувиклип. Вы можете встраивать свои изображения в SWF-файл с помощью тега [Embed] .... или, что еще лучше, вы можете загружать их с помощью класса Loader.

Вы бы загрузили свое изображение так:

var myloader:Loader = new Loader();
myloader.load(new URLRequest("myImage"));

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

var myBitmapData:BitmapData = Bitmap(myloader.content).bitmapData;

Объект BitmapData нуждается в контейнере Bitmap для его размещения на сцене, поэтому вам необходимо объявить экземпляр Bitmap, используя BitmapData в качестве входных данных.

var Bitmap:Bitmap = new Bitmap(myBitmapData);

Поскольку это растровое изображение может быть добавлено на сцену, все готово. Вы можете использовать это как часть вашего класса кнопок. Есть еще немного информации о растровом изображении здесь, в 8-битовом коде.

Это хороший способ сделать это для тех из нас, кто не использует Flash CS 5, или любых других создателей видеороликов. Я делаю игру во FlashDevelop, используя эту технику, и она хорошо работает.

Надеюсь, это поможет в качестве метода "только сценарий действия". Удачи.

Answer 2

возьмите png или jpg и конвертируйте его в видеоклип.Дайте ему имя экземпляра.В этом примере это будет myButton .

, затем присвойте ему следующий код:

myButton.buttonMode = true; // gives it a hand cursor

// first param is the event type, second param is the function called
myButton.addEventListener(MouseEvent.CLICK, onClicked);
myButton.addEventListener(MouseEvent.MOUSE_OVER, onOver);
myButton.addEventListener(MouseEvent.MOUSE_OUT, onOut);

function onClicked(evt:MouseEvent):void
{
    // do something
}

function onOver(evt:MouseEvent):void
{
    // button that was rolled over can be referenced here with
    // evt.target like evt.target.gotoAndPlay('over');
}

function onOut(evt:MouseEvent):void
{
    // button that was rolled off of can be referenced here with
    // evt.target like evt.target.gotoAndPlay('out');
}