Die Komponente – Multiscroller

Diese kostenlose Scroller-Komponente (Multiscroller)  kann beliebigen Inhalt scrollen.  Die Komponente kann einfach angepasst und konfiguriert werden. Es kann statischer, dynamischer und Eingabetext, MovieClips und externe Inhalte verarbeitet und damit gescrollt werden.

Die Komponente wird in den nächsten Releases von Swish Max 2 und SwishminiMax enthalten sein. Den Download der Komponente finden Sie am Ende des Beitrages.

Die Installation

Schließen Sie Swishmax2/Swishminimax und entpacken Sie das Ziparchiv. Die beiden Dateien aus dem Ordner Component kopieren Sie einfach in den Komponentenordner Ihrer Swishmax/miniMax – Installation. Normalerweise finden Sie diese in

C:ProgrammeSWiSH Max2components
oder,
C:Program FilesSWiSH miniMax2components

Die Benutzung

Im folgenden Abschnitt geht es um die Einbindung von verschiedenen Inhalten. Es gibt einige wichtige Dinge, die beachtet werden müssen!

Nur Text scrollen

Die Komponente kommt mit einem Textfeld.  Dieses kann einfach geändert werden, was Text, Font, Farbe etc. betrifft.

  1. Ziehen Sie die Komponente in den Film
  2. Markieren Sie den ContentScroller MovieClip in der Übersicht und öffnen Sie das Parameterfenster.
  3. Stellen Sie sicher, dass  Target | Scroll Target auf  ‘textArea’ gesetzt ist. textArea ist das Textfeld, dass den zu scrollenden Text enthält.
  4. Ändern Sie die General Settings | Area Width and Area Height – Width=Breite und Height=Höhe auf die benötigten Werten.
  5. In der Übersicht öffnen Sie den ContentScroller MovieClip und wählen Sie die “textArea” aus.
  6. Ändern Sie die Eigenschaften für den Text im Eigenschaftenfenster. Wenn Sie dynamischen oder Eingabetext nutzen, stellen Sie sicher, dass die “Autogröße Höhe” Eigenschaft deaktiviert ist.»Panels-Object-Text-AutoSizeHeight Höhe automatisch anpassen (steht nicht für statischen Text zur Verfügung)

Hinweis: Wenn Sie den texttyp zu statisch und zurück zu dynamisch oder Eingabe wechseln, wird die Autohöhe automatisch aktiviert. Sie müssen diese von Hand deaktivieren.

Statischen Inhalt scrollen

Am besten ist es, wenn Sie Ihren zu scrollenden Inhalt zuerst auf der Hauptzeitleiste sortieren und anordnen. Bitte denken Sie daran, dass Sie NUR ein Objekt scrollen können. Sie müssen also Ihre Objekte, die Sie scrollen möchten in einem MovieClip, einer Grupper oder einem Knopf gruppieren.

Outline = Übersicht, Content=Inhalt, Component=Komponente

max2-content-scroller_img1a

Wenn der statische Inhalt gruppiert ist, kopieren Sie diese Gruppe und fügen Sie diese in den Scroller ein.

max2-content-scroller_img2a

max2-content-scroller_img2b

max2-content-scroller_img3a

Sollten Sie andere Inhalte als MovieClips scrollen wollen, so stellen Sie sicher, dass das Objekt einen Namen hat und als Ziel markiert ist.

Ziel und Objektname bei Swishmax 2

Ändern Sie zum Schluß den Scroll Target Parameter für die Komponente zum Namen des Objektes, dass Ihren Inhalt hat.

max2-content-scroller_img5a

Der Scroller wird natürlich nicht angezeigt, wenn der Inhalt in den durch Höhe und Breite definierten Bereich passt.

Externen Inhalt scrollen

Eine detaillierte Beschreibung um externen Inhalt zu scrollen, würde diesen Beitrag sprengen.Wenn Sie dynamischen Text  laden, dann laden Sie diesen in ‘textArea’ und setzen beim Scrolltarget den Parameter auf textArea.

Statischen Inhalt können Sie dynamisch in einen MovieClip laden und diesen als Scroll Target festlegen.

Beim Laden von externen Inhalten setzen Sie den Parameter Start on Load? auf false, wenn der externe Inhalt Probleme beim Laden verursacht. Nutzen Sie eigene Methoden, um festzustellen, wann der Inhalt geladen ist. Nach dem der Inhalt geladen ist, rufen Sie SetScroll() auf, um den Scroller zu initialisieren.

Beispiel:

ContentScroller.SetScroll();

Weiter unten können Sie einen Kommentar hinterlassen oder Fragen stellen. Sie können auch unser Forum www.swishzone.de für Fragen nutzen.

Wichtige Hinweise

  1. Ändern Sie nicht den Namen oder löschen Sie die folgenden Objekte: vertScroll, textArea, or scrollArea
  2. Nutzen Sie immer Area Width and Area Height um die Größe zu ändern
  3. Das textArea object muss im Film bleiben und darf nicht gelöscht werden. Auch wenn Sie andere Objekte scrollen wie MovieClips, Gruppen, Formen oder Bilder, wird das textobjekt textArea für die korrekte Funktion benötigt!
  4. Wenn Sie nur Text scrollen möchten, dann schreiben Sie den Text in das Textfeld textArea und ändern Sie die Eigenschaften über das Eigenschaftenpanel.
  5. Die “scrollArea” ist eine Maske und dient zur Visualisierung. Sie wird später nicht mehr angezeigt. Stellen Sie sich das als Fenster vor, alles was hinter diesem Fenster ist, können Sie sehen. Alle Objekte ausserhalb des Fensters verschwinden. Das “scrollArea” Object legt die Höhe und Position der Scrollbar fest.

Beim Scroll Target Objekt wird automatisch Referenz- und Transformationspunkt auf oben links gesetzt. Die X- und Y-Koordinaten werden auf 0 gesetzt, um sich dem scrollArea Objekt anzupassen.

Parameter

Parameter Beschreibung
Target Gruppe: definiert das Zielobjekt und die Einstellungen
Scroll Target TDas Objekt, dass gescrollt werden soll
Target Type Der Typ des Objektes, dass gescrollt werden soll – das kann ein Objekt oder ein Text sein. Der Parameter wird automatisch basierend auf den Eintrag im Scroll Target-Parameter festgelegt.
Start On Load? Legt fest, ob die Scrollbar beim Laden initialisiert werden soll. Setzen Sie diesen Wert auf true, wenn der Inhalt sich im film befindet. Der Wert false muss beim Laden oder Erstellen des Inhaltes benutzt werden. Nach dem Laden führen Sie SetScroll() function zur Initialisierung aus.
General Settings Gruppe: Allgemeine Einstellungen
Area Width Die Breite des scrollbaren Bereiches. Hinweis: Beinhaltet nicht die Breite oder Position der Scrollbar selbst.
Area Height Die Höhe des scrollbaren Bereiches. Hinweis: Beinhaltet nicht die Höhe oder Position der Scrollbar selbst.
Show Track? Soll der Balken des Scrolller sichtbar sein?
Show Slider Grip? Soll der Anfasser zum Scrollen sichtbar sein oder nicht?
Scrollbar Position and Alignment Grupper
Horizontal Anchor Die Position der Scrollbar (rechts=right oder links=left)
Vertical Anchor Legt die vertikale Position fest: To (oben) , Centered(zentriert), Bottom(unten)
Horizontal Offset Abstand in Pixeln zwischen Scrollbar und zu scrollendem Bereich
Scrollbar Dimensions Gruppe: Höhe und Breite der Scrollbar
Slider Width Die Breite des Sliderbars.
Track Width Breite des Scrollbartrack
Mouse Action Colors Gruppe: Farben, wenn die Maus die Scrollbar berührt
Border Over Highlight Farbe, wenn die Maus auf der Scrollbar ist
Border Down Highlight Farbe, wenn mit der Maus auf die Scrollbar geklickt wird.
Scrollbar Track Colors Gruppe: Farben für Scrollbar’s track.
Track Highlight Farbe für den hellsten Teil des Tracks (Farbverlauf). Um eine Farbe einzustellen, nutzen Sie die gleiche Farbe für highlight und lowlight.
Track Lowlight Farbe für den dunkelsten Teil des Tracks (Farbverlauf). Um eine Farbe einzustellen, nutzen Sie die gleiche Farbe für highlight und lowlight.
Track Border Farbe vom Trackrand.
Scrollbar Slider Colors Gruppe: Farbe des Scrollbar Slider.
Slider Highlight Farbe für den hellsten Teil des Sliders (Farbverlauf). Um eine Farbe einzustellen, nutzen Sie die gleiche Farbe für highlight und lowlight.
Slider Lowlight Farbe für den dunkelsten Teil des Sliders(Farbverlauf). Um eine Farbe einzustellen, nutzen Sie die gleiche Farbe für highlight und lowlight.
Slider Border Farbe des Sliderrandes.
Corner Radius Settings Grupper: Der Radius der Ecken der Scrollbar
Top-Left Radius Radius links oben.  Hinweis: Der Wert sollte nicht die Häfte der kürzesten Seite der Scrollbar überschreiten.
Top-Right Radius Radius rechts oben.  Hinweis: Der Wert sollte nicht die Häfte der kürzesten Seite der Scrollbar überschreiten.
Bottom-Right Radius Radius rechts unten.  Hinweis: Der Wert sollte nicht die Häfte der kürzesten Seite der Scrollbar überschreiten.
Bottom-Left Radius Radius links unten.  Hinweis: Der Wert sollte nicht die Häfte der kürzesten Seite der Scrollbar überschreiten.

Methoden

Method Beschreibung
SetScroll() Die SetScroll Funktion initialisiert die Scrollbar. Diese Funktion ist wichtig für das Laden von externen Inhalten. Diese Funktion muss nach dem Laden des externen Inhaltes aufgerufen werden. Der Parameter “Start on Load?” muss auf false gesetzt werden, um die Scrollbar solange zu verstecken, bis der Inhalt geladen ist. Durch den Aufruf von ContentScroller.SetScroll(); wird die Scrollbar aktiviert und im Bedarfsfall sichtbar.
SetSize(w, h) Diese Funktion manipuliert die Breite und Höhe des scrollbaren Bereiches. Die Eingaben sind numerisch. Wenn ein Wert nicht verändert werden soll, wird der Parameter false übergeben.

Beispiel:

ContentScroller.SetSize(300, 150); // Breite 300 und Höhe 150 Pixel setzen
ContentScroller.SetSize(300, false); // Nur die Breite wird auf 300 gesetzt.

Notes: Der Ankerpunt der Komponente ist immer oben links. Änderungen an der Größe werden nachen unten rechts vorgenommen.

Bei dynamischen Text und Eingabetext wird die Größenänderunge analog vollzogen.

Bei statischem Inhalt (Text und Objekte) wird nur der sichtbare Bereich und die Scrollbar angepaßt. Die Größe des Inhaltes wird nicht verändert.

Download: Freeware Scrollbar Swishmax 2 - MovieClipScroller (23.06 KB - 597 x herunter geladen)

Update: SetSize neu hinzugefügt und Download erneuert

Übersetzung und Änderungen www.swishkaufen.de

Ähnliche Themen

12 Kommentare zu „Neuer Scroller mit Inhalt“

Kommentieren

Sprache
Kategorien
Archiv
Blogverzeichnis - Blog Verzeichnis bloggerei.de