В данном уроке вы научитесь использовать встроенный компонент UIScrollPane. Компонент UIScrollPane используется для отображения изображения (или другого флэш ролика), размер которого превышает отведенную для него область.
В состав копонента входят: горизонтальный, вертикальный скроллбары, место для загрузки изображения/ролика.
UI ScrollPane поддерживает подгрузку файлов в формате JPEG, PNG, GIF и SWF.
Итак, приступим.
1. Создайте новый документ AS 3.0 (Необходим flash CS3 и выше)
2. Откройте панель компонентов нажатием сочетания клавиш CTRL+F7. В появившемся окне раскройте выпадающий список User Interface, и перетяните из него на сцену компонент ScrollPane
.
3. Дайте компоненту instance name: sp.
4. Откройте панель Actions и вставьте туда такой код:
Code
import fl.events.ScrollEvent;
// импортируем нужные классы
sp.setSize(400, 250);
// Устанавливаем размер компонента. Можно менять на свой
function scrollListener(event:ScrollEvent):void {
trace("horizontalScPosition: " + sp.horizontalScrollPosition +
", verticalScrollPosition = " + sp.verticalScrollPosition);
};
// Показываем горизонтальную и вертикальную позиции
sp.addEventListener(ScrollEvent.SCROLL, scrollListener);
// Добавляем к компоненту слушателя события
function completeListener(event:Event):void {
trace(event.target.source + " has completed loading.");
};
// Выводим информацию о успешной загрузке
sp.addEventListener(Event.COMPLETE, completeListener);
sp.source = "http://file.stalker-war.ru/lessons/Lesson11/Complete.jpg";
// Путь к файлу swf, gif, png и др. Меняйте на свой
Все нужные комментарии к коду прилагаются.
5. Готово! Нажмите CTRL+ENTER и протестируйте ролик. Если вы все сделали без ошибок, то у вас получится результат как в примере ниже.
Скачать