Wie man eine auswählbare Zeilenliste designt

In diesem Beispiel lernen Sie, wie Sie eine Datenliste erstellen, bei der Sie die Farbe der Zeile ändern können, um ihr einen Auswahleffekt zu verleihen.

Wie man es baut:

Siehe

  • Gehen Sie zur Palette „Datenstämme“ und erstellen Sie einen neuen „Datenstamm“, nennen Sie ihn „Test“ und legen Sie drei Attribute an: „Spalte A“, „Spalte B“ und „Spalte C“, und drücken Sie dann auf „Ok“.Hinzufügen von Feldern zur Datenliste
  • 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“.Hinzufügen von Feldern zur Datenliste
  • Wählen Sie „Datenliste“ aus dem Bereich „Dynamischer Inhalt“ und platzieren Sie sie auf der Arbeitsfläche. Das Fenster „Neue Datenliste“ wird aktiviert; geben Sie Ihrer Liste einen Namen, wählen Sie als nächstes den zuvor erstellten „Datenstamm“ und wählen Sie alle Attribute aus.

Ereignisse

Platzieren Sie den Mauszeiger links von der Zeile, bis er sich in einen Pfeil verwandelt, der nach rechts zeigt, und klicken Sie, um die gesamte Zeile auszuwählen. Gehen Sie zur Palette Ereignisse und klicken Sie auf „Ereignis hinzufügen“. 

  1. Klicken Sie in dem Dialogfenster auf „Auslöser wählen“, bewegen Sie den Mauszeiger über den Abschnitt „Maus“ und wählen Sie „bei Klick“.
  2. Wählen Sie im Feld „Aktion wählen“ die Option „Stil ändern“ und klicken Sie auf die „Datenliste“.
  3. Wählen Sie die Hintergrundfarbe ungerade und gerade als Standard. Klicken Sie auf „Ok“, um die Erstellung des Ereignisses zu beenden.

Gehen Sie erneut zur Palette Ereignisse und klicken Sie auf das „+“, um ein neues Ereignis hinzuzufügen.

  1. Klicken Sie in dem Dialogfenster auf „Auslöser wählen“, bewegen Sie den Mauszeiger über den Abschnitt „Maus“ und wählen Sie „bei Klick“.
  2. Wählen Sie unter „Aktion wählen“ die Option „Stil ändern“ und markieren Sie die aktuelle Zeile in der „Datenliste“.
  3. Wählen Sie eine Hintergrundfarbe für den Stil und legen Sie die Farbe Blau fest. Klicken Sie auf „Ok“, um die Erstellung des Ereignisses abzuschließen.

Simulieren Sie Ihren Prototyp.