Tworzenie klipu filmowego do przechowywania dynamicznego tekstu
Rozpoczniemy od utworzenia w Notatniku lub podobnym edytorze tekstu plików źródłowych dla filmu, które będą zawierały różne elementy tekstu, jaki ma być wyświetlany. W tym ćwiczeniu wykonamy stronę przypominającą portal z wiadomościami.
1. Zacznijmy od utworzenia pięciu plików tekstowych do przechowania informacji wyświetlanych w filmie Flasha na stronie internetowej. Aby nie robić zamieszania, nadamy tym plikom nazwy odzwierciedlające poszczególne sekcje tematyczne: news.txt dla wiadomości, sports.txt dla informacji sportowych, weather.txt dla pogody, politics.txt dla polityki i food.txt dla jedzenia.
Jak widać na diagramie wszystkie pięć plików tekstowych umieścimy wraz z plikiem Flasha w tym samym katalogu na serwerze (lub na twoim dysku twardym, jeśli przechowujesz pliki lokalnie), aby sobie niczego nie utrudniać. Upewnij się, że zapisałeś te pliki w tym samym folderze, w którym powinien się również znaleźć film Flasha i strona HTML.
2. Możesz umieścić w każdym pliku dowolny tekst prawdziwy lub fikcyjny, lecz koniecznie wstaw również na początku każdego pliku specjalny wiersz. Wiersz ten będzie zawierać identyfikację tekstu umieszczonego pod nim, która umożliwi zastosowanie tego tekstu przez program w filmie.
Dla strony z pogodą, utworzyłem plik tekstowy o następującej treści:
textField=Weather
DEC 6 Scattered Showers — lo 24°F
(GRU 6 Przelotne opady — temp.min 24°F)
THU DEC 7 Snow Showers hi 30°F — lo 15°F
(Czw GRU 7 Przelotne opady śniegu — temp.max 30°F — temp.min 15°F)
FRI DEC 8 Snow Showers hi 32°F — lo 13°F
(PT GRU 8 Przelotne opady śniegu temp.max 32°F — temp.min 13°F)
i tak dalej...
3. Zwróć uwagę na wiersz textField=Weather na początku pliku. Instrukcja textField= przypisuje dany tekst do zmiennej textField, która zostanie
zdefiniowana w filmie Flasha, natomiast część instrukcji z nazwą Weather stanowi nagłówek tekstu umieszczonego poniżej w pliku.
4. Dodaj elementy textfield= u góry wszystkich plików tekstowych tworząc w ten sposób nagłówki News, Sports, Weather, Politics i Food.
A tak wyglądają moje pliki:
Teraz utworzymy lokalizację w pliku Flasha, dzięki której będziemy mogli wyświetlać informacje z tych plików.
5. Otwórz nowy film Flasha, utwórz symbol klipu filmowego i nazwij go text_location.
6. Narzędziem Text utwórz proste pole tekstowe w ujęciu 1 klipu filmowego:
Teraz musimy skonfigurować to pole tekstowe tak, aby dało się w nim umieścić dynamiczną zawartość tekstową.
7. Wybierz z listy w panelu Text Options opcję Dynamic Text, aby nasze pole tekstowe można był aktualizować, lecz bez możliwości, w przeciwieństwie do Input Text, umieszczania w nim tekstu przez użytkowników. Należy również wybrać opcję Multiline, zaznaczyć pole wyboru Word Wrap aby tekst mógł przejść do następnej linijki i zaznaczyć pole wyboru Selectable, aby użytkownicy mogli skopiować i wkleić umieszczony w polu tekst.
Naszym ostatnim zadaniem przy konfiguracji pola tekstowego jest przypisanie mu zmiennej. Wówczas będziemy mogli zastosować nazwę zmiennej do wskazywania na zawartość pliku tekstowego, jaka ma zostać wyświetlona w polu testowym.
8. Wpisz nazwę zmiennej, textField, w pole Variable w panelu Text Options. Jest to identyczna nazwa z tą, którą umieściliśmy na początku wszystkich źródłowych plików tekstowych:
9. W zakładce Character z panelu Text Options możemy wybrać czcionkę i kolor tekstu wyświetlonego w polu tekstowym. Domyślnie w polu nie znajduje się żaden tekst, lecz musimy się upewnić, że kolor tekstu będzie się różnić od koloru tła filmu. Możemy również pobieżnie określić kilka wartości — wiemy, że pole testowe będzie zawierać dosyć dużo tekstu, więc w takim razie wybierzmy 12 punktów i czytelną czcionkę. Ja wybrałem 12 punktową Verdanę.
Skoro zdefiniowaliśmy już pole tekstowe w obrębie klipu filmowego, przetestujmy je umieszczając w nim jakiś tekst do wyświetlenia.
10. Otwórz okno Frame Properties dla ujęcia 1 klipu filmowego i wpisz w nim akcję setVariable, która przypisze zmiennej textField następujący tekst: „to pole tekstowe jest zarezerwowane dla dynamicznej aktualizacji z plików tekstowych...”.
Ten tekst będzie wyświetlany w polu tekstowym aż wybierzesz określoną sekcję tematyczną.
11. Przeciągnij kopię klipu filmowego text_location na scenę, nadaj mu nazwę kopii textMovie i uruchom go. Powinieneś zobaczyć mniej więcej coś takiego: