В данном уроке вы научитесь использовать встроенный компонент 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 и протестируйте ролик. Если вы все сделали без ошибок, то у вас получится результат как в примере ниже.