Flash 5-->pytanie do webmasterów

07.02.2003

15:43

[1]

Mane [ Pretorianin ]

Flash 5-->pytanie do webmasterów

Siemka
Ostatnio zaczalem tworzyc strone we flashu jednak nie jest to zbyt łatwy program dla poczatkujacyh. Chciałbym sie dowiedziec jak zrobic wysuwane menu tzn mam trzy przyciski u góry filmu i po najechaniu na niego zeby sie rozwineło dokładnie chodzi o te ze mam przycisk Albumy i po najechaniu rozsuwa sie w dół z nazwami albumów i po kliknieciu ładuje sie dane info o albumie w tym samym filmie tylko ze pod tym przyciskiem.

Marcio [ Muchożerny Ścianołaz ]

Efekt ten zrealizowany jest na jednej warstwie i jednej klatce.



Potrzebne będą nam dwa obiekty - przycisk i movie clip.

Przycisk i jego "layout"

1. Na początek rusujemy prostokąt jak na rysunku poniżej (scena 1).




2. Tworzymy nowy przycisk i dowolnie nazywamy go ( np. menu ).

3. Przechodzimy na scenę i z library wybieramy przygotowany przed chwilą przycisk. Nakładamy do na narysowany na scenie 1 prostokąt, upewniając się, że nie wychodzi poza jego brzegi.




4. Teraz wybieramy prostokąt i przycisk i grupujemy je (ctr + G), lub z menu głównego Modify > Group oraz konwertujemy w przycisk naciskając F8.


Tworzymy "movie clip"

1. Przechodzimy do edycji naszego "movie clipu".

2. Z library (ctr + L) wybieramy przekonwerterowany przed chwilą przycisk i przeciągamy go do naszego "movie cilpu". Pamietamy o wyrównaniu go do widocznego na środku ekranu krzyżyka.

3. Pod tym przyciskem rysujemy prostokąt (wielkość zależy od tego jak duże chcemy mieć nasze menu). Ważne jest to, by prostokąt nie był szerszy od naszego przycisku.



Na tym właśnie prostokącie będziemy wstawiać pozycje naszego menu ( w tym tutorialu nie będziemy się tym zajmować - wyjaśnimy tylko mechanizm działania menu tego typu).

4. W klatce 5 i 10 wstawiamy klatki kluczowe.

5. Dodajemy akcję "stop" w klatce 1, 5 i 10.

6. W klatce 1, 5 i 10 każdorazowo grupujemy obiekty (ctr + G).

7. W klatce 5 przesuwamy całą grupę do góry, tak aby dół prostokąta pokrywał się z krzyżkiem.



Używamy do tego celu strzałek, po to aby prostokat był przesunięty dokładnie w pionie.

8. Teraz pomiędzy klatkę 1 i 5, oraz 5 i 10 wstawiamy "Motion Tween".


Dodawanie akcji

W klatce 1, 5 i 10 wybieramy przycisk z grupy obiektów (w naszym przypadku jest to niebieski przycisk z tekstem). Jest to dość skompikowana operacja. Wybieramy klatkę 1 i klikamy na niebieskim prostokącie dwukrotnie. Operacje tę powtarzamy 5 razy i tam wstawiamy następującą akcję:

On (Relase) ‹
play ();
›

Podobnie postępujemy w klatce 5 i 10.


Etap końcowy

Przechodzimy na scene 1 i wybieramy z library nasz "movie clip". Przeciągamy go na scenę w taki sposób, aby widoczny był tylko niebieski prostokąt.



Teraz tylko wystarczy przestestować nasz film. Jeżeli nie działa to powracamy do etapy wstawiania akcji w 1, 5 i 10 klatce. Powtarzamy do skutku.




Możliwe przypadki



Błędy najczęściej powstają przy tworzeniu "movie clipu"

Upewnijcie sie, że dodaliście akcję do przycisków a nie innych elementów grupy
Upewnijcie się, że każda grupa w każdej klatce kluczowej ma dodaną akcję do przycisku
Upewnijcie się, że każda klatka kluczowa "movie clipu" ma dodaną akcję "stop"
W przypadku, gdy części menu znikają, przesuwają się niewłaściwie wróćcie do movie clipu i sprawdźcie czy elementy są pogrupowane w każdej klatce kluczowej
UWAGI


Powyższy tutorial jest koncepcją, bazując na której można otrzymać menu w stylu Windows 95. Możecie spróbować zmodyfikować akcje np. spróbować użyć funkcji "mouse over" zamiast "relase".
W sumie rzeczy najważniejszy jest fakt, że dodanie pozycji do menu staje się bardzo proste.