Урок для Flash в принципі не складний. Всі елементи взяті зі стандартних готових компонентів. Залишилося дати їм імена і підставити значення у властивостях, інше зробить Action Script.
1. Отже, у нас в папці має перебувати щонайменше 3 файлу. Це swf, xml і jpg.
2. Почнемо з картинок, імена можуть бути будь-які, оскільки в xml файлі ми можемо редагувати всі що потрібно. У мене ім'я картинки «DCP_0730.jpg» і т.д. розмір 400х267. Кількість теж будь-яке!
3. В xml фалі повинна бути ось такий запис:
Для тих хто не знає що таке xml і як з ним працювати, прошу шукати відповідь на сайті або в F.A.Q. (В крайньому випадку в пошукових системах. Www.nigma.ru)
(Щоб створити xml файл з російської кодуванням, вам потрібно відкрити звичайний блокнот, вставити цей код і зберегти з ім'ям gallery_tree.xml в папку де лежать swf-файл і фотографії. Дивіться картинку нижче, як створити xml.)
Пояснюю код xml ...
4. Далі, створюємо новий fla файл, File> New або (Ctrl + N)
5. Створюємо два шари "Action Script" і "Components"
6. У шарі "Components" в першому кадрі розміщуємо елементи Compiled Clip (Loader, ProgressBar, Tree) як на картинці.
Попередньо взявши їх з Window> Components або (Ctrl + F7). вони з'являться пізніше у нас в бібліотеці як на картинці.
8. Даємо їм імена Instance name:
Для Tree - my_tree
Для Loader - my_ldr
Для ProgressBar - my_pb
9. і виставляємо параметри:
10. У шарі Actopn Script в першому кадрі пишемо:
// Встановлюємо для наших елементів значення
var my_pb: mx.controls.ProgressBar;
var my_ldr: mx.controls.Loader;
var my_tree: mx.controls.Tree;
//
my_pb._visible = false;
my_pb.indeterminate = true;
my_pb.setSize (160, 30);
my_pb.source = my_ldr;
my_pb.mode = "polled";
var pbListener: Object = new Object ();
pbListener.complete = function (evt: Object) evt.target._visible = false;
>;
my_pb.addEventListener ( "complete", pbListener);
// Тут ми працюємо з xml файлом, вказуємо шлях, дії при завантаженні і т.д ...
var treeDP_xml: XML = new XML ();
treeDP_xml.ignoreWhite = true;
treeDP_xml.onLoad = function (success: Boolean) if (success) my_tree.dataProvider = this.firstChild;
>
>;
treeDP_xml.load ( "gallery_tree.xml");
var treeListener: Object = new Object ();
treeListener.change = function (evt: Object) var treeNode: XMLNode = evt.target.selectedItem;
if (treeNode.attributes.src! = undefined) my_pb._visible = true;
my_ldr.load (treeNode.attributes.src);
>
>;
my_tree.addEventListener ( "change", treeListener);
Після всього цього, ми зберігаємо swf файл в папку з xml фалом і воооля. Перевіряємо. Windwow> Test Movie або (Ctrl + ENTER).