Onderdelen van Loader en ProgressBar Flash Website

• April 25, 2024

Nu u uw Portfolio.swf-film hebt voltooid, kunnen we de component Loader toevoegen die de externe Portfolio-film in uw hoofdfilm laadt. Omdat het enkele seconden duurt om deze portfolio in de hoofdfilm te downloaden, voegen we ook een component ProgressBar toe (ook wel een preloader genoemd) om uw publiek op de hoogte te houden van het downloadproces. Open uw hoofdfilmwebsite in Flash.

Stap 1. Voeg een ladercomponent toe. Klik op Frame 50 (eerste frame van het gedeelte Portfolio-webpagina) op de inhoudslaag in de tijdlijn. Klik nu buiten het werkgebied om alles in het werkgebied te deselecteren. U vindt het onderdeel Loader in het componentenpaneel. Sleep een instantie van de lader naar het werkgebied. Plaats de lader in de linkerbovenhoek onder het menu. Stel in Eigenschapcontrole de van dit onderdeel in op loaderPortfolio.

Stap 2. Stel de parameters in voor de lader. Uw Portfolio.swf-bestand moet zich in dezelfde map bevinden als uw hoofdfilmbestand. Ga naar het Component Inspector-paneel en stel de volgende waarden in. Dit vertelt Flash waar het Portfolio.swf-bestand kan worden gevonden en hoe de Loader-component moet worden geschaald naar de afmetingen van de Portfolio.swf-film.

contentPath: Portfolio.swf
scaleContent: false

Stap 3. Test de lader. Klik op frame 1 om de afspeelkop terug naar het begin te verplaatsen. Druk nu op Ctrl en Enter op uw toetsenbord om een ​​voorbeeld van uw websitefilm te bekijken. Uw Portfolio.swf-film moet in de hoofdwebsite-film worden geladen wanneer u op de Portfolio-knop in het menu klikt.

Stap 4. Sla uw wijzigingen op. U kunt nu de wijzigingen opslaan die u tot nu toe hebt toegevoegd.

Nu zijn we klaar om de component ProgressBar toe te voegen. Dit onderdeel werd niet geleverd met Flash MX 2004. U moet het updatebestand voor deze versie van Flash downloaden van de Adobe - Macromedia-website.

//www.macromedia.com/support/flash/downloads.html#updaters

Doorgaan met

Video-Instructies: Design and Animate a Loading Icon with Illustrator and Flash | Animation Tutorial (April 2024).