Уроки Flash: Створення завантажувача і прелоадера, Програми для роботи з графікою, Програмні керівництва, статті

Крок 1 (прелоадер)

Створіть документ розміром 540х400
Нарісуте прямокутник довжиною 100 і шириною 10. Потім натисніть F8 і перевід в мувікліп.
В Instance name вкажіть назву polosa


Тепер створіть динамічної текстове поле і обзавіте його pole


Далі виділіть ваш кліп “polosa” і текстове поле “pole” і знову натисніть F8 і знову переведіть в мувікліп. Тепер в бібліотеці натисніть на цей кліп правою кнопкою миші і виберете меню Linkage, у першому поле Identifier введіть preloader. І видаліть з головної сцени кліп який створили, Але щоб в бібліотеці він залишився)


Крок 2 (кнопки)

намалюйте 4 кнопки і в Instance name для кожної напишіть kar_1, kar_2, kar_3, kar_4 відповідно і теж розташуйте їх на головній сцені вашої флешки, потім виділіть їх все мишкою та натисніть F8 виберете Movie clip і в Instance name вкажіть для нього but_mc


Крок 3 (код)
Ну і найпростіше на головній сцені у першому і єдиному кадрі вставте наступний код:








Code



var container: MovieClip = this.createEmptyMovieClip (“container”, this.getNextHighestDepth ()) ;/ / створення кліпу контейнера куди будуть грузиться фотки
container._x = 150 ;/ / розташувати контейнер по осі х
container._y = 50 ;/ / розташувати контейнер по осі у
container._xscale = 50 ;/ / поміняти масштаб контейнера
container._yscale = 50 ;/ / поміняти масштаб контейнера
var mcLoader: MovieClipLoader = new MovieClipLoader (); / / створення завантажувача який буде вантажити фотки в контейнер
var listener: Object = new Object () ;/ / створення слухача для завантажувача


/ / Функція котороя перевіряє помилки на правильність імені файлу
listener.onLoadError = function(target_mc:MovieClip, errorCode:String, httpStatus:Number) {
/*
function (target_mc: MovieClip, errorCode: String, httpStatus: Number), де
target_mc: MovieClip – мета (кліп до которму буде застосована ця функція в нашому випадку контейнер
errorCode: String – видає номер помилки
httpStatus: Number – видає номер помилки, при цьому перевіряючи знаходження самого файлу
*/
var format: TextFormat = new TextFormat () ;/ / формат тексту для текстового поля яке буде повідомляти про помилку
format.color = 0x00FF66 ;/ / колір тексту
format.size = 14 ;/ / розмір тексту
format.font = “_sans” ;/ / гарнітура шрифту
_root.createTextField (“my_txt”, 10, 0, 0, 300, 200); / / створення текстового поля
my_txt.setNewTextFormat (format) ;/ / застосування формату до текстовомо полю
my_txt.autoSize = true ;/ / автоматичне раширение текстового поля під рамер тексту
my_txt.text = “Файл ненайден, перевірте правильність імені файлу!”; / / текст який буде відображатися при виведенні помилки
my_txt._x = (Stage.width – my_txt._width) / 2 ;/ / розташування текстового поля
my_txt._y = (Stage.height – my_txt._height) / 2 ;/ / розташування текстового поля
}
/ / Функція котороя перевіряє помилки на правильність імені файлу

/ / Функція котороя перевіряє чи почалася завантаження картинки
listener.onLoadStart = function(target_mc:MovieClip) {
but_mc._visible = false / / ховаємо контейнер з кнопками
my_txt.removeTextField () ;/ / якщо завантаження почалася то видаляємо текстове поле
_root.attachMovie (“preloader”, “preloader”, this.getNextHighestDepth ()) ;/ / аттачі мувікліп прелоадер
preloader._x = Stage.width / 2 ;/ / розташування прелоадера
preloader._y = Stage.height / 2 ;/ / розташування прелоадера
};
/ / Функція котороя перевіряє чи почалася завантаження картинки

/ / Функція котороя постійно перевіряє завантаження до контейнер
listener.onLoadProgress = function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number):Void {
/*
function(target:MovieClip, bytesLoaded:Number, bytesTotal:Number)
target_mc: MovieClip – мета (кліп до которму буде застосована ця функція в нашому випадку контейнер
bytesLoaded: Number – кількість байт завантажений в даний проміжок часу
bytesTotal: Number – загальна кількість байт всієї картинки
*/
preloader.pole.text = int (bytesLoaded / bytesTotal * 100) + “%” ;/ / відображення процесу завантаження в текстовому полі
preloader.polosa._xscale = 100 * bytesLoaded / bytesTotal ;/ / відображення процесу завантаження (смуга яка “росте”))
}
/ / Функція котороя постійно перевіряє завантаження до контейнер

/ / Функція котороя перевіряє закінчення завантаження картинки в контейнер
listener.onLoadInit = function(target:MovieClip):Void {
but_mc._visible = true / / показуємо контейнер з кнопакамі
removeMovieClip (preloader) ;/ / видаляємо кліп прелоадер
}
/ / Функція котороя перевіряє закінчення завантаження картинки в контейнер
//
mcLoader.addListener (listener) ;/ / прив’язуємо слухач до завантажувача


///////////////////////////////////////////////////////////////////////////////
/ / Функції нажита кнопок
but_mc.kar_1.onPress = function() {
mcLoader.loadClip (“antalya.jpg”, container) ;/ / прив’язуємо завантажувач до контейнера і вказуємо ім’я файлу картинки
}
but_mc.kar_2.onPress = function() {
mcLoader.loadClip (“bodrum.jpg”, container) ;/ / прив’язуємо завантажувач до контейнера і вказуємо ім’я файлу картинки
}
but_mc.kar_3.onPress = function() {
mcLoader.loadClip (“istanbul.jpg”, container) ;/ / прив’язуємо завантажувач до контейнера і вказуємо ім’я файлу картинки
}
but_mc.kar_4.onPress = function() {
mcLoader.loadClip (“такого файлу нет.jpg”, container) ;/ / прив’язуємо завантажувач до контейнера і вказуємо ім’я файлу картинки
}

Схожі статті:


Сподобалася стаття? Ви можете залишити відгук або підписатися на RSS , щоб автоматично отримувати інформацію про нові статтях.

Коментарів поки що немає.

Ваш отзыв

Поділ на параграфи відбувається автоматично, адреса електронної пошти ніколи не буде опублікований, допустимий HTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

*

*