Adobe
Produkter

Vanliga sökningar

  • Adobe Creative Cloud
  • Creative Cloud för team
  • Creative Suite
  • Adobe Marketing Cloud
  • Acrobat
  • Photoshop
  • SiteCatalyst

Utbildning

  • För elever
  • För grundskola/gymnasium
  • För högre utbildning

Adobe Creative Cloud

  • Vad är Adobe Creative Cloud?

Design och foto

  • Photoshop
  • Illustrator
  • InDesign
  • Adobe Muse
  • Lightroom
  • Elements Family

Video

  • Adobe Premiere
  • After Effects

Webbutveckling och HTML5

  • Edge Tools & Services
  • Dreamweaver
  • Gaming
  • Mobilappar

Adobe Marketing Cloud

  • Vad är Adobe Marketing Cloud?
  • Digital analys
  • Social marknadsföring
  • Web Experience Management
  • Testning och målgruppsanpassning
  • Medieoptimering

Analytics

  • SiteCatalyst
  • Adobe Discover
  • Insight

Socialt

  • Adobe Social

Experience Manager

  • CQ
  • Scene7

Mål

  • Test&Target
  • Recommendations
  • Search&Promote

Media Optimizer

  • AdLens
  • AudienceManager
  • AudienceResearch

Dokumenttjänster

  • Acrobat
  • EchoSign
  • FormsCentral
  • SendNow
  • Acrobat.com

Publicering

  • Digital Publishing Suite

  • Se alla produkter
Affärslösningar

Per affärsbehov

  • Digital analys
  • Digital publicering
  • Dokumenthantering
  • Medieoptimering
  • Social marknadsföring
  • Testning och målgruppsanpassning
  • Videoredigering och -tjänst
  • Web development
  • Web Experience Management
  • Se alla affärsbehov

Per bransch

  • TV
  • Utbildning
  • Finanssektorn
  • Offentlig sektor
  • Publicering
  • Detaljhandel
  • Se alla branscher
Support och utbildning

Jag behöver hjälp

  • Produkter
  • Adobe Creative Cloud
  • Adobe Marketing Cloud
  • Forum

Jag vill lära mig

  • Utbildning och självstudiekurser
  • Certifiering
  • Adobe Developer Connection
  • Adobe Design Center
  • Adobe TV
  • Adobe Marketing Center
  • Adobe Labs
Ladda ned
  • Produkttester
  • Adobe Flash Player
  • Adobe Reader
  • Adobe AIR
  • Se alla nedladdningar
Företag
  • Karriär
  • Investor Relations
  • Newsroom
  • Integritet
  • Företagets samhällsansvar
  • Kundcase
  • Kontakta oss
  • Mer företagsinfo
Köp
  • För personligt och yrkesmässigt bruk
  • För elever, lärare och övrig skolpersonal
  • För små och medelstora företag
  • Licensprogram
  • Specialerbjudanden
  • Adobe Marketing Cloud sales
Sök
 
Info Logga in
Varför ska jag logga in? Logga in för att hantera ditt konto och komma åt nedladdningssidan för testversioner, programtillägg, communities med mera.
Välkommen,
Mitt Adobe
Mina beställningar
Min information
Mina inställningar
Mina produkter och tjänster
Logga ut
Min kundvagn
Integritet Mitt Adobe
Adobe
Produkter Avsnitt Köp   Sök  
Lösningar Företag
Hjälp Utbildning
Logga in Logga ut Integritet Mitt Adobe
Antal:
Delsumma
Kassa
Hjälp för Flash Professional / 

Skapa knappar

Adobe Community Help


Sök bland alla produkter  ›
Visa alla produkter  ›  Visa aktuella produkter  › 

Senast uppdaterad

2012-04-17

Produkter som påverkas

  • Flash Professional CS6

  • Grundläggande steg för att skapa knappar
  • Skapa en knapp med en knappsymbol
  • Aktivera, redigera och testa knappsymboler
  • Felsökning av knappar
  • Ytterligare knappresurser
Till början

Grundläggande steg för att skapa knappar

  1. Bestäm vilken typ av knapp som bäst passar för dina behov

    Knappsymbol

    De flesta väljer knappsymboler utifrån flexibilitet. Knappsymboler innehåller en speciell intern tidslinje för knapplägen. Du kan enkelt skapa visuellt olika upp-, ned- och överlägen. Lägena för knappsymbolerna ändras dessutom automatiskt när de påveraks av användarens åtgärder.

    Skapa en filmklippsknapp

    Du kan använda en filmklippssymbol för att skapa sofistikerade knappeffekter. Filmklippssymboler kan innehålla nästa alla typer av innehåll, inklusive animeringar. Filmklippssymboler har emellertid inte inbyggda upp-, ned- och överlägen. Du skapar dessa lägen själv med ActionScript. En nackdel är emellertid att filmklippsfiler är större än knappfiler. Använd dessa resurser för att lära dig hur du skapar en knapp med en filmklippssymbol.

    • Självstudie: Movie Clip Buttons (Filmklippsknappar) (ActionScript 3.0, Schoolofflash.com)

    • Video: Creating a Movie Clip Button (Skapa en filmklippsknapp) (ActionScript 2.0, Kirupa.com)

    Knappkomponent för ActionScript

    Använd en knappkomponent om du bara vill ha en standardknapp eller en alternativknapp, och om du inte vill anpassa den i någon större utsträckning. I knappkomponenterna för både ActionScript 2.0 och 3.0 finns inbyggd kod som möjliggör lägesändringar. Du behöver alltså inte definiera utseendet och beteendet för knapplägena. Det är bara att dra komponenten till scenen.

    • ActionScript 3.0-knappkomponenter tillåter vissa anpassningar. Du kan knyta knappen till andra komponenter samt dela och visa programdata. De har inbyggda funktioner som exempelvis stöd för hjälpmedel. Komponenterna Button, RadioButton och CheckBox finns tillgängliga. Mer information finns i Använda komponenten Button i Använda Adobe ActionScript 3.0-komponenter. Exempel på vanliga användningsområden för komponenten Button finns i Snabbstart för AS3 Button-komponenten.

    • Knappkomponenter för ActionScript 2.0 är inte anpassningsbara. Komponenten möjliggör lägesändringar. Mer information finns i Komponenten Button.

  2. Definiera dina knapplägen.

    Upp-bildrutan

    Utseendet på knappen när användaren inte använder den.

    Över-bildrutan

    Utseendet på knappen när användaren är på väg att välja den.

    Ned-bildrutan

    Utseendet på knappen när användaren väljer den.

    Träff-bildrutan

    Området som känner av användarens klickningar. Det är valfritt att definiera denna träff-bildruta. Om du har en liten knapp eller om dess grafikområde inte är intilliggande, kan det vara bra att definiera den här bildrutan.

    • Innehållet i Träff-bildrutan visas inte på scenen under uppspelning.

    • Grafiken i Träff-bildrutan är ett fyllt område som är stort nog att rymma alla grafiska element i Upp-, Ned- och Över-bildrutorna.

    • Om du inte anger en träff-bildruta, kommer bilden på upp-läget att användas.

      Du kan skapa en knapp som reagerar när du klickar på eller för pekaren över ett annat område på scenen (kallas även oförenad rollover). Placera grafiken i Träff-bildrutan på en annan plats än den andra grafiken i knappbildrutor.

  3. Associera en åtgärd med en knapp.

    Om du vill att något ska hända när användarna väljer en knapp, ska du lägga till ActionScript-kod på tidslinjen. Placera ActionScript-koden i samma bildruta som knapparna. På panelen Kodfragment finns redan ActionScript 3.0-kod för många av de vanliga användningsområdena för knappar. Se Skapa interaktivitet med kodfragment.

    Obs!

    ActionScript 2.0 är inte kompatibelt med ActionScript 3.0. Om din version av Flash använder ActionScript 3.0, kan du inte klistra in ActionScript 2.0-kod i knappen (och vice versa). Innan du klistrar in ActionScript-kod från en annan källa i dina knappar, måste du kontrollera att versionen är kompatibel.

Till början

Skapa en knapp med en knappsymbol

Om du vill göra en knapp interaktiv placerar du en instans av knappsymbolen på scenen och tilldelar åtgärder till instansen. Du tilldelar åtgärderna till rottidslinjen i FLA-filen. Du kan inte lägga till åtgärder till tidslinjen för knappsymbolen. Om du vill lägga till åtgärder till knapptidslinjen, ska du i stället använda filmklippsknappen.

  1. Välj Redigera > Avmarkera allt eller klicka på ett tomt område på scenen för att vara säker på att inget är markerat på scenen.

  2. Välj Infoga > Ny symbol.

  3. I dialogrutan Skapa ny symbol anger du ett namn. Välj Knapp som symboltyp.

    Flash Pro växlar till symbolredigeringsläge. Tidslinjen ändras till fyra bildrutor med etiketterna Upp, Över, Ned och Träff. Den första bildrutan, Upp, är en tom nyckelbildruta.

  4. Om du vill skapa knappbilden för Upp-läget väljer du Upp-bildrutan på tidslinjen och använder sedan ritverktygen, importerar grafik eller placerar en instans av en annan symbol på scenen.

    Du kan använda bildsymboler eller filmklippssymboler inuti en knapp, men du kan inte använda en annan knappsymbol.

  5. I Tidslinje klickar du på Över-bildrutan och väljer sedan Infoga > Tidslinje > Nyckelbildruta.

    Med Flash Pro infogas en nyckelbildruta som duplicerar innehållet i Upp-bildrutan.

  6. Medan Över-bildrutan fortfarande är markerad kan du ändra eller redigera knappbilden på scenen för att skapa det utseende som du vill ha för över-läget.

  7. Upprepa steg 5 och 6 för Ned-bildrutan och den valfrita Träff-bildrutan.

  8. Om du vill tilldela ett ljud till ett knappläge, ska du välja lägets tidsram på tidslinjen och sedan Fönster > Egenskaper. Välj sedan ett ljud på menyn Ljud i egenskapsinspektören. Endast ljud som redan är importerade visas på Ljud-menyn.

  9. När du är klar väljer du Redigera > Redigera dokument. Du kommer nu tillbaka till huvudtidslinjen i FLA-filen. Om du vill skapa en instans av en knapp som du skapade på scenen, drar du knappsymbolen från bibliotekspanelen till scenen.

  10. Om du vill testa en knapps funktion använder du kommandot Kontroll > Testa filmen > Testa. Du kan även förhandsgranska lägena för en knappsymbol på scenen genom att välja Kontroll > Aktivera enkla knappar. Med det här kommandot kan du se upp-, över och ned-lägena för en knappsymbol utan att använda Kontroll > Testa filmen > Testa.

Knappsymboler – självstudiekurser och exempel

En del av dessa alternativ visas som CS3 eller CS4, men de gäller även Flash CS5.

  • Video: Skapa knappar (längd: 9:16, tv.adobe.com)

  • Video: Knappsymboler och interaktivitet i Flash CS4 (Innehåller lite ActionScript 3.0, tv.adobe.com)

  • Självstudie: Knappsymboler i Flash (Innehåller lite ActionScript 3.0, Kirupa.com)

  • Exempel: Animation portfolio piece (Flash Professional) (Adobe.com)

  • Exempel: ActionScript 3.0 för att öppna en webbsida med en knapp (Flashthusiast.com)

  • Exempel: ActionScript 2.0 för att öppna en webbsida med en knapp (Adobe.com)

  • Exempel: ActionScript 3.0 för att få knappar att hoppa till olika scener på tidslinjen (Flashthusiast.com)

  • Exempel: ActionScript 3.0 för flera knappar på scenen samtidigt (Flashthusiast.com)

  • TechNote: Så här skapar du en enkel knapp (Adobe.com)

Till början

Aktivera, redigera och testa knappsymboler

Standard är att Flash Pro håller knappsymbolerna inaktiverade medan du skapar dem. Välj och aktivera sedan en knapp för att se hur den påverkas av mushändelser. Det bästa sättet är att inaktivera knapparna medan du arbetar och sedan aktivera dem för att snabbt testa deras beteende.

  • Om du vill markera en knapp använder du markeringsverktyget och drar en markeringsrektangel runt knappen.

  • Om du vill aktivera eller inaktivera knappar på scenen väljer du Kontroll > Aktivera enkla knappar. Detta kommando gör att en växling mellan de båda lägena sker.

  • Om du vill flytta en knapp använder du piltangenterna.

  • Om du vill redigera en knapp använder du egenskapsinspektören. Om du inte ser den väljer du Fönster > Egenskaper.

  • Om du vill testa knappen i utvecklingsmiljö väljer du Kontroll > Aktivera enkla knappar.

  • Om du vill testa knappen i Flash Player väljer du Kontroll > Testa filmen [eller Testa scenen] > Testa. Detta är det enda sättet att testa filmklippsknappar.

  • Om du vill testa knappen på förhandsgranskningspanelen i biblioteket, markerar du knappen i biblioteket och klickar sedan på Spela upp.

Till början

Felsökning av knappar

Använd dessa resurser för att felsöka vanliga problem som kan förekomma med knappar:

  • TechNote: Knappåtgärder fungerar inte (Adobe.com)

  • TechNote: Knappområden är aktiva trots att knapparna täcks av andra objekt (Adobe.com)

  • TechNote: Lägga till åtgärder för delade knappar (Adobe.com)

  • Video: Felsöka ActionScript 2.0-knappsymboler (Kirupa.com)

Till början

Ytterligare knappresurser

Följande TechNotes innehåller instruktioner för några specifika knappscenarier:

  • TechNote: Så här skapar du en ny knapp (Adobe.com)

  • TechNote: Skapa avancerade knappar (Adobe.com)

  • TechNote: Så här skapar du en animering när pekaren förs från en knapp (Adobe.com)

  • TechNote: Så här skapar du en återställningsknapp (Adobe.com)

  • TechNote: Hur kan en knapp göra olika saker vid olika tillfällen? (Adobe.com)

  • TechNote: Så här skapar du en Tillbaka-knapp i en SWF-fil (Adobe.com)

  • Använda ljud i Flash

Denna produkt är licensierad enligt en Creative Commons Erkännande-Ickekommersiell-Dela Lika 3.0 Unported-licens  Twitter™- och Facebook-poster omfattas inte av villkoren i Creative Commons.

Juridiska meddelanden   |   Onlinesekretesspolicy

Produkter

  • Adobe Creative Cloud
  • Creative Cloud för team
  • Creative Suite
  • Adobe Marketing Cloud
  • Acrobat
  • Photoshop
  • Digital Publishing Suite
  • Elements Family
  • SiteCatalyst
  • För utbildning

Ladda ned

  • Produkttester
  • Adobe Reader
  • Adobe Flash Player
  • Adobe AIR

Support och utbildning

  • Produkthjälp
  • Forum

Köp

  • För personligt och yrkesmässigt bruk
  • För elever, lärare och övrig skolpersonal
  • För små och medelstora företag
  • Licensprogram
  • Specialerbjudanden

Företaget

  • Pressrum
  • Partnerprogram
  • Företags- och samhällsansvar
  • Karriärmöjligheter
  • Investor Relations
  • Event
  • Juridisk information
  • Säkerhet
  • Kontakta Adobe
Ange region Sverige (Ändra)
Ange region Stäng

North America

Europe, Middle East and Africa

Asia Pacific

  • Canada - English
  • Canada - Français
  • Latinoamérica
  • México
  • United States

South America

  • Brasil
  • Africa - English
  • Österreich - Deutsch
  • Belgium - English
  • Belgique - Français
  • België - Nederlands
  • България
  • Hrvatska
  • Česká republika
  • Danmark
  • Eastern Europe - English
  • Eesti
  • Suomi
  • France
  • Deutschland
  • Magyarország
  • Ireland
  • Israel - English
  • ישראל - עברית
  • Italia
  • Latvija
  • Lietuva
  • Luxembourg - Deutsch
  • Luxembourg - English
  • Luxembourg - Français
  • الشرق الأوسط وشمال أفريقيا - اللغة العربية
  • Middle East and North Africa - English
  • Moyen-Orient et Afrique du Nord - Français
  • Nederland
  • Norge
  • Polska
  • Portugal
  • România
  • Россия
  • Srbija
  • Slovensko
  • Slovenija
  • España
  • Sverige
  • Schweiz - Deutsch
  • Suisse - Français
  • Svizzera - Italiano
  • Türkiye
  • Україна
  • United Kingdom
  • Australia
  • 中国
  • 中國香港特別行政區
  • Hong Kong S.A.R. of China
  • India - English
  • 日本
  • 한국
  • New Zealand
  • 台灣

Southeast Asia

  • Includes Indonesia, Malaysia, Philippines, Singapore, Thailand, and Vietnam - English

Copyright © 2013 Adobe Systems Software Ireland Ltd. Med ensamrätt.

Villkor | Integritetspolicy | Cookies