Prototyp für einen einfachen Einkaufswagen

Hier erfahren Sie, wie Sie Artikel zu einem Einkaufswagen hinzufügen und daraus entfernen können.

So bauen Sie es auf:

Siehe

Gehen Sie zur Palette Datenstämme, erstellen Sie einen neuen „Datenstamm“ und nennen Sie ihn „Geschäft“, erstellen Sie drei Attribute: „Name“, „Preis“ und „Gesamt“, und drücken Sie dann auf „Ok“.
Klicken Sie mit der rechten Maustaste auf den soeben erstellten „Datenstamm“ und wählen Sie „Datensätze anzeigen und bearbeiten“, schreiben Sie Ihre Beispieldaten dorthin und drücken Sie „Ok“.
Wählen Sie eine „Datenliste“ aus dem Bereich „Dynamischer Inhalt“ und platzieren Sie sie auf der Arbeitsfläche; das Fenster „Neue Datenliste“ wird aktiviert; geben Sie Ihrer Liste den Namen „Artikel“, wählen Sie dann den von Ihnen erstellten „Datenstamm“ und wählen Sie alle Attribute aus.

Platzieren Sie oben auf der Leinwand zwei „Text“ und schreiben Sie „$“ in beide. Daneben platzieren Sie ein „Eingabe-Textfeld“ und zwei Schaltflächen. In die erste Schaltfläche schreiben Sie „In den Warenkorb“, in die zweite „Ablegen“.
Ziehen Sie in den Zellen der „Aktuellen Zeile“ bei gedrückter Befehlstaste (Mac) / Steuerung (Windows) die Texte „$“ neben die Einträge [Store .Price] und [Store .Total]. Entfernen Sie aus der Zelle, die die Eingabe [Store .Quantity] enthält, diese Eingabe und platzieren Sie das „Eingabe-Textfeld“ und die Schaltfläche „In den Warenkorb“ in dieser Zelle. Und schließlich platzieren Sie die Schaltfläche „Ablegen“ in der Zelle mit der Eingabe [Store .Total].
Unterhalb Ihrer „Datenliste“ platzieren Sie zwei Texte und schreiben „$“ und „Total“; anschließend platzieren Sie einen zweiten Text und schreiben „0“.

Ereignisse

Wählen Sie die Schaltfläche „In den Warenkorb“, gehen Sie zur Palette Ereignisse und klicken Sie auf „Ereignis hinzufügen“.

Klicken Sie in dem Dialogfenster auf „Auslöser wählen“, bewegen Sie den Mauszeiger über den Abschnitt „Maus“ und wählen Sie „bei Klick“.
Wählen Sie unter „Aktion auswählen“ die Option „Wert auf ein Element setzen“ und klicken Sie auf die Eingabe [Store .Total].
Wählen Sie das Optionsfeld „Berechnet“ für den Wert und klicken Sie auf „Ausdruck hinzufügen“.
Ziehen Sie in das erste Feld des Builders den „store.price“, dann die Funktion „X“ zum Multiplizieren und schließlich das „Eingabe-Textfeld“ aus der Spalte „Menge“. Klicken Sie auf „Ok“ und „Ok“, um die Erstellung Ihrer Veranstaltung abzuschließen.

Wenn Sie die Schaltfläche „In den Warenkorb“ ausgewählt haben, gehen Sie zurück zur Palette Ereignisse und klicken Sie auf „+“, um ein neues Ereignis zu erstellen.

Klicken Sie im Dialogfenster auf „Auslöser wählen“, bewegen Sie den Mauszeiger über den Abschnitt „Maus“ und wählen Sie „bei Klick“.
Wählen Sie unter „Aktion auswählen“ die Option „Datenstammaktion“ und klicken Sie auf „Ändern“.
Der Expression Builder wird standardmäßig mit dem Ausdruck „Ändern“ angezeigt. Ziehen Sie die „Aktuelle Zeile“ in das erste Feld und im letzten Feld ziehen Sie die Eingabe [Store .Total]. Klicken Sie auf „Ok“ und „Ok“, um die Erstellung Ihres Ausdrucks abzuschließen.

Wenn Sie die Schaltfläche „In den Warenkorb“ ausgewählt haben, gehen Sie zurück zur Palette Ereignisse und klicken Sie auf „+“, um ein neues Ereignis zu erstellen.

Klicken Sie im Dialogfenster auf „Auslöser wählen“, bewegen Sie den Mauszeiger über den Abschnitt „Maus“ und wählen Sie „bei Klick“.
Wählen Sie unter „Aktion wählen“ die Option „Wert auf ein Element setzen“ und wählen Sie die „0“ neben „Gesamt“ unterhalb Ihrer „Datenliste“.
Klicken Sie auf die Optionsschaltfläche „Berechnet“, um „Ausdruck hinzufügen“.
Ziehen Sie die Funktion „Summe“. Legen Sie in das erste Feld den „Datenstamm“ aus der Registerkarte „Datenstamm“ und in das zweite Feld das Feld „Summe“ aus dem „Datenstamm“. Klicken Sie auf „Ok“ und „Ok“, um die Erstellung des Ereignisses abzuschließen.

Wählen Sie die Schaltfläche „Ablegen“, gehen Sie zur Palette „Ereignisse“ und klicken Sie auf „Ereignis hinzufügen“.

Klicken Sie im Dialogfenster auf „Auslöser wählen“, bewegen Sie den Mauszeiger über den Abschnitt „Maus“ und wählen Sie „bei Klick“.
Wählen Sie unter „Aktion wählen“ die Option „Wert auf ein Element setzen“ und klicken Sie auf die Eingabe [Store .Total]. Klicken Sie für den Wert auf das Optionsfeld „Fest“ und schreiben Sie „0“.

Wenn Sie die Schaltfläche „Ablegen“ ausgewählt haben, gehen Sie zurück zur Palette Ereignisse und klicken Sie auf „+“, um ein neues Ereignis zu erstellen.

Klicken Sie im Dialogfenster auf „Auslöser wählen“, bewegen Sie den Mauszeiger über den Abschnitt „Maus“ und wählen Sie „bei Klick“.
Wählen Sie unter „Aktion auswählen“ die Option „Datenstammaktion“ und klicken Sie auf „Ändern“.
Der Expression Builder wird standardmäßig mit dem Ausdruck „Ändern“ angezeigt. Ziehen Sie die „Aktuelle Zeile“ in das erste Feld und im letzten Feld ziehen Sie die Eingabe [Store .Total]. Klicken Sie auf „Ok“ und „Ok“, um die Erstellung Ihres Ausdrucks abzuschließen.

Wenn Sie die Schaltfläche „Ablegen“ ausgewählt haben, gehen Sie zurück zur Palette Ereignisse und klicken Sie auf das „+“, um ein neues Ereignis hinzuzufügen.

Klicken Sie im Dialogfenster auf „Auslöser wählen“, bewegen Sie den Mauszeiger über den Abschnitt „Maus“ und wählen Sie „bei Klick“.
Wählen Sie unter „Aktion wählen“ die Option „Wert auf ein Element setzen“ und wählen Sie die „0“ neben „Gesamt“ unterhalb Ihrer „Datenliste“.
Klicken Sie auf das Optionsfeld „Berechnet“, um „Ausdruck hinzufügen“..
Ziehen Sie die Funktion „Summe“ und platzieren Sie auf der Registerkarte „Datenstämme“ den Datenstamm „Filiale“ auf dem ersten Feld, danach das Feld „Summe“ des „Datenstamms“. Klicken Sie auf „Ok“ und „Ok“, um die Erstellung des Ereignisses abzuschließen.

Wenn die Schaltfläche „Ablegen“ noch immer ausgewählt ist, gehen Sie zur Palette „Ereignisse“ und klicken Sie auf „+“, um ein Ereignis hinzuzufügen.

Klicken Sie im Dialogfenster auf „Auslöser wählen“ und wählen Sie „bei Klick“.
Wählen Sie unter „Aktion wählen“ die Option „Wert auf ein Element setzen“ und klicken Sie auf das „Eingabe-Textfeld“ der Spalte „Menge“.
Klicken Sie für den Wert auf das Optionsfeld „Fest“ und schreiben Sie „0“.

Simulieren Sie Ihren Prototyp.