Lieber Gast …

… die Inhalte von PSD-Tutorials.de stehen nur registrierten Mitgliedern zur Verfügung. Damit wollen wir den Communitygedanken weiterführen. Als Mitglied trägst du - wenn auch nur im Kleinen - zum Puls der Community bei. Und nur so ist es möglich, weiterhin hochwertige Inhalte für alle bereitzustellen.

Jetzt kostenlos registrieren!

Vorteile der kostenlosen Mitgliedschaft

Mit der kostenlosen und schnell erledigten Registrierung erhältst du viele nachhaltige Vorteile, die wir dir hier in aller Kürze aufzeigen möchten:

  • PSD steht für professionelles Know-how in den Bereichen Bildbearbeitung mit Photoshop, Fotografie, Webentwicklung, Layout- und Vektorbearbeitung, 3D-Bearbeitung mit Cinema 4D und Co.
  • Über 2200 Tutorials mit druckbarer PDF-Datei und teilweise den zugehörigen Arbeitsmaterialien
  • Mehr als 500 Video-Trainings als Stream zur Direktanzeige und zum Download
  • Abruf von über 1000 Downloads zu Photoshop-Presets, 3D-Modellen, Grußkarten, Texturen & Co
  • Zugriff auf ein sehr aktives Forum mit Antworten im Minutentakt
  • Deine Daten sind sicher. Sie werden nicht weitergegeben! Die Mitgliedschaft kann jederzeit und ohne Aufwand wieder gelöscht werden.

Reinschnuppern als Gast

Niemand kauft gerne die Katze im Sack, auch wenn sie kostenlos ist. Wir haben eine Handvoll Tutorials und Video-Trainings ausgesucht, die du auch als Gast ohne Registrierung ansehen kannst. Gefallen sie dir, stehen dir nach der Registrierung alle oben genannten Inhalte zur Verfügung.

Das Punktesystem

Einen winzigen Haken gibt es noch. Es gibt bei uns ein Punktesystem. Damit soll erreicht werden, dass Mitglieder sich aktiv in unserer Community beteiligen. Sobald du im Forum schreibst oder Tutorials kommentierst, bekommst du Punkte. Mit diesen Punkten kannst du wiederum Tutorials anschauen oder Downloads herunterladen. Mit der Registrierung bei PSD-Tutorials.de erhältst du ein Startguthaben von 100 Punkten, womit du schon ein gutes Stück weit kommst.

Jetzt kostenlos registrieren!

Kommentare

  • Alternative Portrait von rentier

    rentier

    21.04.2011 - 09:09

    Dankeschön. Dein Tutorial und die Kommentare hier helfen mir weiter.

  • Alternative Portrait von ZenZored

    ZenZored

    12.03.2011 - 15:45

    Super Tutorial, aber das Textfeld muss anfangs nicht leer sein. Man muss nur unter Anit-Aliasing bei den Textfeldeigenschaften/Zeichnen "Geräteschriftart verwenden angeben" ;)

  • Alternative Portrait von gundleyG

    gundleyG

    30.12.2010 - 05:02

    Tut sehr ausführlich.


    Damit die Anzeige hinterher dann auch funktioniert, muss das Textfeld anfangs leer sein.

    Was die Aktion mit dem Ordner soll, ist mir nicht klar geworden.

  • Alternative Portrait von DessIntress

    DessIntress

    16.12.2010 - 00:05

    alles schön bebildert, so stell ich mir das vor :)

  • Alternative Portrait von drannach

    drannach

    25.08.2010 - 01:45

    Kurze Frage:
    Bei mir wird anstatt "es funktioniert!" immer nur eine Reihe unsinniger Zeichen ("sntiniert") angezeigt.
    Das witzige daran ist: Wenn ich die Zeile kopiere und hier einfüge, dann zeigt er mir den richtigen Text an. Woran könnte das liegen? oO
    (BTW: Das ganze läuft über Flash CS5)

  • Alternative Portrait

    User hat PSD-Tutorials.de verlassen

    15.01.2010 - 16:04

    An sich ein gutes Tutorial!
    Hier ein kleiner Hinweis:
    IEventDispatcher muss, wenn man den Code in ein FLA-Dokument schreibt nicht importiert werden.

Achtung: Du kannst den Inhalt erst nach dem Login kommentieren.

Tutorial empfehlen

 

Anleitung (Bilder + Extras werden nur für Mitglieder eingeblendet)


Schritt 1:

Öffnen eines neuen ActionScript3 Dokuments in Flash CS4.

Bilder

Schritt 2:

In die leere Bühne ein Rechteck reinziehen

Bilder

Schritt 3:

Anschließend das Rechteck auswählen und mit einem Rechtsklick das Rechteck in ein Symbol konvertieren..

Bilder

Schritt4:

Es öffnet sich anschließend ein Fenster, in dem der Name der Klasse oder des Symbols eingegeben werden muss.
Als Typ wird "Schaltfläche" definiert, damit Klick-Aktionen möglich werden.
Das Ganze kann man elegant in einen Ordner ablegen. Falls man noch keinen angelegt hat, geschieht dies durch einen Klick auf den blauen Text.

Bilder

In diesem Fenster wird anschließend ein neuer Ordner angelegt.

Bilder

Schritt 5:

Wir legen eine Instanz der Klasse "MeinKnopf" an. Dies geschieht über die Eigenschaften unseres blauen Rechtecks:
Ich nenne unsere Schaltfläche "btnMeinKnopf". Mit diesem Namen können wir später im Code auf dieses (instanzierte) Objekt zugreifen.

Bilder

Schritt 6:

Wir definieren noch einen Output-Text, welcher als dynamisch definiert werden muss:
Bilder
Als Instanznamen wähle ich "txtOutputText".
Der Typ des Texts ist "Dynamischer Text".

Bilder

Schritt 7:

Wir stellen sicher, dass wir uns in der "Ebene 1" befinden und nicht irgendwo anders (sonst sperrt sich das ActionScript-Fenster):

Bilder

Schritt 8:

Öffnen des ActionScript-Fensters mittels F9 oder Fenster -> Aktionen:

Bilder

Schritt 9:

Die eigentliche Programmierung beginnt in folgendem Fenster "Aktionen" mit dem Tab: "Ebene 1":

Bilder

 

Als Erstes muss die Klasse "flash.events.IEventDispatcher" importiert werden. Diese ist zuständig für die An- und Abmeldung der zuständigen Ereignisse, welche ausgeführt werden, wenn wir auf den Knopf klicken.

Nun zum eigentlichen Code:

import flash.events.IEventDispatcher;

btnMeinKnopf.addEventListener(MouseEvent.MOUSE_DOWN, clickHandler);

function clickHandler(event:MouseEvent):void {
    trace("clickHandler reagiert auf ein Ereignis vom Typ: " + event.type);
    trace("das Ereignis trat hier auf: " + event.target.name);
 txtOutputText.text = "Es funktioniert!";
}

Auf der zweiten Codezeile folgt die Anmeldung des Knopfs auf ein Ereignis "MOUSE_DOWN" - also wenn man die Maustaste runterdrückt.

Nun muss der Knopf nur noch wissen, welche Funktion sich darum kümmert, dass was geschieht. Also die Ausführung des eigentlichen Ereignisses findet in der Funktion "clickHandler" statt.

Die Funktion heißt "clickHandler", hat den Rückgabewert nichts, also void und den Parameter "event" vom Typ "MouseEvent". Ich habe in der Debugkonsole zwei Variablen innerhalb des Objekts "event" wie folgt ausgewertet:

Auf welches Ereignis wurde reagiert?
Wer hat die Funktion aufgerufen?

Schlussendlich setzen wir noch den Beispieltext auf "Es funktioniert!"

Ich hoffe, ihr konntet etwas von diesem Einsteigertutorial lernen ;-)

 

vBulletin 0.041 • ZF-App 0.453 • Total 0.495