Afspil lyd med knap i Kwik 2

• Kan 16, 2024

I den sidste tutorial brugte vi Rotations Widget i Kwik til at animere fire flagermus til at svinge fra en gren af ​​et træ. Hver bat var på sit eget lag og blev animeret uafhængigt. Dette var en dejlig effekt, men det har ikke meget interaktivitet. Det ville være bedre, hvis læseren kunne klikke på et flagermus og høre en flagermuslyd.

For at tilføje denne interaktivitet bliver vi nødt til at tilføje en handling til hvert flagermuslag (bat1_pg10 - bat4_pg10), der spiller en flagermuslyd. Selvfølgelig kunne vi bruge en anden lydfil til hver flagermus, men for at holde tingene enkle og for at gemme hukommelsesanvendelse vil vi bruge den samme mp3-lydfil til alle fire flagermus. Vores første skridt er at importere lydfilen til siden. Derefter kan vi føje handlingerne til flagermuslagene.

Åbn dit projekt i Photoshop.

1. Vælg side10 fra listen over sider i Kwik-panelet. Du skal se "@ side10" øverst i afsnittet Side / komponenter.
   
   
2. Vælg Projekt- og siderikonet i kategoribjælken.
   
   
3. Vælg Tilføj lydværktøj i værktøjssættet.
   
   
4. I dialogboksen Tilføj lyd skal du bruge knappen Gennemse til at finde flagermusens lydfil.
   
   
5. Som med sideflip lydfilen, indstiller vi denne til at være en kort fil, så den indlæses øjeblikkeligt i hukommelsen. Marker dette felt.
   
   
6. Vi ønsker ikke, at lyden skal kunne afspilles samtidigt, hvis læseren klikker på mere end et flag ad gangen. Fjern markeringen i denne boks.
   
   
7. Dette er ikke en Read Me-fil, så fjern markeringen i dette felt.
   
   
8. Vi ønsker ikke, at lyden skal afspilles, medmindre læseren klikker på et flagermus. Fjern markeringen i afkrydsningsfeltet for Play, når siden indlæses.
   
   
9. Denne fil vil kun blive spillet på side 10 til bat-animationen. Fjern markeringen i afkrydsningsfeltet for Play på alle sider.
   
   
10. Vi ønsker, at lyden kun skal afspilles en gang hver gang der klikkes på bat. Så indstil Loop til 1 tid med 0 forsinkelse.
    
    
11. Som du kan se, har Kwik tildelt papirfliplyden til den første lydkanal. Efterlad nummer 2 i boksen, så Kwik tildeler denne lydfil til den anden lydkanal og klik på Gem.
    
    
12. Du skal se den nye lydfil, der er anført på listen Komponenter til side10.
    
    

Nu kan vi tilføje handlingen til hvert flagermuslag, der spiller lyden, når der klikkes på den.

Med det valgte bat1_pg10-lag, lad os føje handlingen til det første flagermus.

1. Vælg Interaktionsikon i kategoribjælken.
   
   
2. Klik på Tilføj knapværktøj i værktøjssættet.
   
   
3. I dialogboksen Tilføj knap skal du omdøbe knaphandlingen til "bat1btn".
   
   
4. Hold standard- og overtilstandene indstillet til bat1_pg10-laget.
   
   
5. Udvid sektionen Audio på listen Interaktioner og vælg Afspil lyd.
   
   
6. Du vil nu se dialogboksen Afspil lyd. Brug rullelisten til at vælge bat mp3-fil, og klik på Opret.
   
   Tilbage til dialogboksen Tilføj knap, kan vi se, at Play Audio-handlingen er blevet tilføjet.
   
   
7. Klik på Opret.
   
   

Gentag disse trin for de andre tre flagermuslag. Du behøver kun at importere lydfilen én gang. Når du tilføjer en knaphandling til hvert batlag, skal du navngive knapperne henholdsvis bat2btn, bat3btn og bat4btn.

Med Eksport ikonet kun aktuel side valgt, skal du klikke på knappen Eksempel for at teste din app i simulatoren.

Gå til din LearnKwik-mappe, og lav en sikkerhedskopi af mappen Template-projekt. Omdøb backup-mappen ved at tilføje den aktuelle dato til slutningen. (TemplateMM-DD-YY).

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.
Kwik-produkt, Kwik-logoet og Kwiksher er egenskaber for Kwiksher.com - Copyright 2011. Skærmbilleder, der bruges med tilladelse.

Disse tutorials er til den ældre version af Kwik 2 og er måske ikke meget til hjælp, når du bruger Kwik 3 og derover. Hvis du har problemer, skal du bruge Kwik forum.

Video Instruktioner: xCode 4.3.2 - Playing a sound! [Danish] (Kan 2024).