создание анимационный клип
взаимодействие с базами данных создание flash фотогалереи xml
шаблоны сайтов ЗАКАЗАТЬ раскрутка сайтов уроки рисования flash анимация программирование flash
уроки создания flash сайтов. Обучение принципам программирования, анимации создание анимационный клип использования программ флэш.
Создание фотогалереи с xml файлом настройки.
В этой статье расмотрим, пример создания фотогалереи в которой используеться внейшний конфигурируемый XML фаил, через который мы будем добавлять фотографии. Также во внешнем файле мы будем хранить описание фотографий.
вот пример фотогалереи которую мы собираемся рассмотреть
для перехода к следующей или предыдущей фотографии можно использовать клавишы стрелок на клавиатуре
для лучшего понимания процесса создания фотогалереи, вам необходимы познания в некоторых базовых вопросах связанных со взаимодействием xml во флэше, вот ссылки которые помогут вам разобраться в этих вопросах: (в разработке)
давайте теперь начнём. Первое что мы сделаем, это создадим фаил с данными в xml формате. Просто скачайте создание анимационный клип сохрание image.xml фаил в каталоге с файлами вашей фотогалереи. Затем откройте этот фаил редактором который может редактировать текст в ASCII формате (это может делать например Notepad из стандартного комплекта программ для Windows)
я не буду расписывать работу по созданию flash (флэш) файла, вы её создание анимационный клип так умеете делать. Вот ссылка на уже готовый фаил, с элементами внешнего вида, которые будут использоваться в фотогалереи. Я вам предлагаю скачать этот фаил. Нет мне не лень объяснять как создавать внешний вид для фотогалереи, но на самом деле там особо ничего не надо делать, запустив фаил вы создание анимационный клип всё поймёте.
напоминаю что images.xml создание анимационный клип файлы которые вы только что скачали, должны находиться в одном создание анимационный клип томже каталоге.
откройте только что скаченный фаил, вы увидете, следующие элементы:
Ваша задача, назначить этим шести объектам имена по которым к ним будут обращаться.
выберите Empty Movie Clip указателем мыши.
Посмотрите внижний левый угол вашего экрана, вы увидите панель свойств, там расположенно теккстовое поле в котором написанно < Instance Name >. Здесь указываються имена используя которые вы сможете обращаться к ролику через AS.
щёлкните на этом текстовом поле создание анимационный клип введите имя picture.
Всё вы имя по которому можно обращаться к ролику через код. Теперь повторите эту операцию с оставшимися пятью роликами.
вот список роликов, создание анимационный клип их имён которые я хочу, что бы вы им задали.
Empty Movie Clip = picture (это имя уже задано)
Preloader Movie Clip = preloader
Dynamic Text #1 = desc_txt
Dynamic Text #2 = pos_txt
Previous Button = previous_btn
Next Button = next_btn
Теперь давайте добавим код создание анимационный клип сосредоточимся на его понимании.
Для этого создайте новый слой, выберите ключевой кадр, скопируйте код ниже создание анимационный клип вставте его в панель Actions находящуюся внизу экрана (используя F9 можно открыть или закрыть панель Actions)
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
function picture_num() {
current_pos = p+1;
pos_txt.text = current_pos+" / "+total;
}
теперь сохраните этот фаил, можно уже просмотреть как работает фотогалерея выбрав в меню File | Publish Preview | HTML.
Не беспокойтесь я далее объясню, каждую строчку кода.
для того что бы изменить фотографии которые отображает фотогалерея вам нужно всего лишь изменить данные в XML фаиле.
рассмотрим как небходимо редактировать фаил, для этого откройте его в текстовом редакторе подойдёт Dreamweaver или notepad.
вы увидите в этом файле колонки с текстом похожим на этот
Path to Image Image Caption Path to Image Image Caption
вы можете изменить путь к фотографиям, на ваш собственный. Этот путь может быть как обсалютным, так создание анимационный клип относительным. Но следует помнить, что относительный путь, относителен месту, где находиться SWF фаил. создание анимационный клип не тому месту где находиться ваш XML фаил.
Вы можете также изменить текст описаний
если вы хотите удалить фотографию из фотогалереи, вам нужно полностью удалить узел . Например, если вы хотите удалить Image1 из фотогалереи. Удаляете узел соответвующий этой фотографии
Image1 The first image! Image2 The second image
После удаления соответсвующего узла, фаил будет выглядить следующим образом
Image2 The second image
Что бы добавить фотографию, вам нужно действовать схожим образом. Нужно добавить следующий текст внутрь узла :
Путь до фотографии Описание
Вы можете разместить текст, внутри
Как вы видете, большинство стандартных изменений можно (и желательно) изменять во внешнем XML файле. Но не всё у нас в фотогалереи контралируеться через этот фаил. Например размер шрифта, его цвет, расположение фотографий создание анимационный клип т.д. можно изменять у нас только в FLA файле.
как я пологаю, после понимания всех аспектов программирования фотогалереи, вы сможете создать или изменить мою фотогалерею, в более продвинутую программу
Этот сегмент кода управляет загрузкой xml файла :
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i Image1 The first image! Image2 The second image
Самый базовый уровень в нашем xml файле это , который содержит дочернии узлы, называемые . Эти дочерние узлы содержат ещё по два дочерних узла называемые создание анимационный клип , в них мы уже записываем наши данные.
function loadXML(loaded) {
if (loaded) {
xmlNode = this.firstChild;
image = [];
description = [];
total = xmlNode.childNodes.length;
for (i=0; i ). Это поможет нам знать сколько всего фотографий у нас есть. Зная количество фотографий, мы можем корректно переходить по фотографиям, до самого конца.
вот графическое представление структуры узлов данных в нашем xml файле:
Используя xmlNode.childNodes.length для данных xml представленных в схеме выше, мы получим значение равное 3, потому что тут имееться три узла. Единственная тонкость в том, что отсчёт начинаеться от 0.
Теперь наша задача пройтись в цикле по всем узлам файла, создание анимационный клип получить данные всех под узлов (таких как image создание анимационный клип caption). Наш цикл должен повторяться до тех пор пока мы не дойдём до самого конца (последнего узла)
вот код котрый я для этого использую :
for (i=0; i0) {
p--;
picture._alpha = 0;
picture.loadMovie(image[p], 1);
desc_txt.text = description[p];
picture_num();
}
}
В этой функции мы возвращаем предыдущее значение р (уменьшаем его на еденицу), что приводит к отображению предыдущей фотографии. Я также назначаю значение прозрачности равное нулю. Я хочу что бы предыдущая фотография также плавно проявилась.
Следующие две строчки, такиеже как создание анимационный клип предыдущей функции, они позвояляют загрузить создание анимационный клип отобразить на экране фотографию с её описанием. Всё что у нас поменялось это значение p.
function firstImage() {
if (loaded == filesize) {
picture._alpha = 0;
picture.loadMovie(image[0], 1);
desc_txt.text = description[0];
picture_num();
}
}
Эта функция отвечает за отображение самой первой фотографии, когда анимационный клип только загрузился, без каких либо пользовательских действий. Я проверяю загрузилась ли фотогрфия, устанавливаю значение прозрачности на ноль, создание анимационный клип затем загружаю ролик.
Вместо использования image[p] как я делал в предыдущих функциях prevImage() создание анимационный клип nextImage(), я использую image[0]. Причина этого, в том что мне нужно просто отобразить самую первую фотографию, создание анимационный клип мне не нужны никакие другие фотографии в самом начале. Поэтому мне проще использовать константу. Все остальные строчки такиеже как в предыдущих двух функциях.
Вот собственно создание анимационный клип всё, теперь наша фотогалерея готова.
перейти к созданию flash (флэш) игры: 2D шутера
Вернуться к выбору уроков продвинутого программирования
шаблоны сайтов | flash шаблоны| форумы | шаблоны для PHP сайтов | WordPress шаблоны | готовые интернет магазины
2008 © webanet.ru все права защищены
разделы
помещение шиномонтаж
помещение шиномонтаж
помещение шиномонтаж
помещение шиномонтаж
помещение шиномонтаж
помещение шиномонтаж
помещение шиномонтаж
дихроичное зеркало
дихроичное зеркало
корпоративный обслуживание
зеркало багуа
конкурентный анализ
gislaved отзыв
gislaved отзыв
gislaved отзыв
gislaved отзыв
gislaved отзыв
gislaved отзыв
gislaved отзыв
gislaved отзыв
gislaved отзыв
букмекерский контора шанс
дюпон краска
сборный доставка
индустриальный монитор
время владимир
icq купить
вилатерм
бензопила импортный
операторский центр
решетка оцинкованный
куллер 478
курьерский почта
перегородка сантехкабин
инженерный геодезия
доставка канцелярия
инженерный геодезия
raymond weil
кострома риелтор
бак накопитель
система дымоудаления
северский доломит
дефектоскопия сварной швов
переводческий бюро
кружка
индивидуальный банковский ячейка
вино роза
флеш презентация
мужчина выходной
mobil cut
аэробика
гиря торговый калибровочный
силуэт слимент лифт
холодный зеркало
факультет психология
купить букмекерский линия
комнатный перегородка
газовый заправка
снегоуборочный машина
купить хлебопечку
миканитовые втулка
купить джойстик
купить джойстик
купить джойстик
купить джойстик
купить джойстик
купить джойстик
купить джойстик
колодец канализационный пластиковый
маска косметический
карбид кальций
чиллеры
врач-гинеколог
сбор д/полоскания горло зубной боль
перевод итальянский
циклон сцн-40
центральный детский мир
штукатурка фасадный
сканер штрихкодов
флажок настольный
стелаж пищеблок
покраска рчв
покраска рчв
электро лаборатория
электро лаборатория
электро лаборатория
электро лаборатория
электро лаборатория
электро лаборатория
охота бабочка
зубной протез
кулер регулируемый
градирня вентиляторные грд
восстановление файл
укрепление откос
бюджетирование
fag
разогреть вчерашний обед
создание анимационный клип