Objekt-Eigenschaften

Objekt-Eigenschaften

Die Objekt-Eigenschaften für das aktuell ausgewählte Objekt werden auf der rechten Seite des Editors angezeigt. Diese Eigenschaften bestimmen, wie die Objekte im Rahmen den Teilnehmer*innen erscheinen. Viele Objekt-Eigenschaften können zwischen den Versuchen geändert werden, während einige Eigenschaften (wie der Name des Objekts) fest und dürfen zwischen den Versuchen nicht unterschiedlich sein. Eigenschaften, die geändert wurden (anders als der Standardwert), sind durch eine dunkelgraue Hintergrundfarbe gekennzeichnet. Alle Eigenschaften, die zwischen den Versuchen geändert werden können, können während der Ausführung eines Ereignisses dynamisch mit der Aktion "set obj property" geändert werden. Die "required"-Eigenschaft von Objekten kann zur Laufzeit der Studie dynamisch geändert werden. Objekte werden nur dann als erforderlich angezeigt, solange sie nicht verborgen sind (Sichtbarkeit = 0). Dies ermöglicht sehr interaktive und dynamische Experimente. Bitte besuchen Sie die Seite "Objekt-Eigenschaften-Tabellen" für eine detaillierte Übersicht aller Objektarten und ihrer Eigenschaften.

Im Task-Editor kann das Erscheinungsbild von Objekten geändert werden, um die Bearbeitung Ihrer Studie zu erleichtern. Es gibt 2 Objekteigenschaften, die dies ermöglichen: sperren und ausblenden.

• Sperren: Ein Klick auf das kleine Vorhängeschloss-Symbol neben dem Namen eines Objekts im Objekte-Tab sperrt dessen Position im Rahmen. Dadurch wird versehentliches Verschieben oder Ändern des Objekts während der Bearbeitung der Studie verhindert.
• Ausblenden: Ein Klick auf das kleine Augensymbol neben dem Namen eines Objekts im Objekte-Tab blendet das Objekt im Rahmen aus. Dies ist nützlich, wenn Sie mehrere Objekte gleichzeitig im Rahmen haben und nur eines oder mehrere sehen möchten, während Sie bearbeiten.

Beide Eigenschaften sind nur während der Bearbeitung der Studie aktiv. Das Sperren oder Ausblenden eines Objekts im Task-Editor ändert nicht, wie der Teilnehmer dieses Objekt während der Studie sieht.

Kopieren und Einfügen von Position, Größe und Skalierung

Um dieselbe Position, Größe oder Skalierung von einem Objekt auf ein anderes anzuwenden, verwenden Sie die Kopier- und Einfügefunktionen im Bereich Objekt-Eigenschaften.

Im Position & Size-Abschnitt erscheinen ein Kopiersymbol und ein Einfügesymbol neben der Abschnittsüberschrift. Klicken Sie auf das Kopiersymbol, um die aktuellen Positions- und Größenwerte des Objekts in die Zwischenablage zu kopieren. Wählen Sie dann ein anderes Objekt aus und klicken Sie auf das Einfügesymbol im selben Abschnitt, um diese Werte anzuwenden.

Im Scale & Rotation-Abschnitt gibt es dieselben Kopier- und Einfügefunktionen für Skalierungs- und Rotationswerte.

Dies ist nützlich, wenn Sie mehrere Objekte auf dieselben Dimensionen oder Positionen über Rahmen oder Aufgaben hinweg ausrichten müssen, ohne jeden Wert manuell einzugeben.

Benutzerdefinierte CSS-Eigenschaften

Eine CSS-Eigenschaft ist ein Stil eines Elements, das in HTML-Code geschrieben ist. Die CSS-Eigenschaften eines Elements können im Tab "Objekt-Eigenschaften" geändert werden, indem Sie auf das Element klicken und das Kästchen "CSS-Eigenschaften ändern" aktivieren. Beispielcode wird in grauem Text als Beispiel bereitgestellt.

Um benutzerdefinierten Code zu schreiben, benötigen Sie ein Referenzelement, seinen Selektornamen, einen Befehl und einen Wert. Um den Selektornamen für das Element zu finden, das Sie bearbeiten möchten, klicken Sie mit der rechten Maustaste auf das Element und wählen Sie "untersuchen." Dadurch wird die Konsole auf Ihrem Gerät geöffnet. Beispielsweise ist der Selektor für ein Textelement der Buchstabe p.

Beim Klicken auf Untersuchen:

Sie müssen auch geschweifte Klammern für Ihren Code verwenden. Ein Beispielcode zum Ändern der Farbe eines Textelements lautet:

p{ background-color:green }

Während Eigenschaften wie die Hintergrundfarbe leicht über das Fenster Objekt-Eigenschaften geändert werden können, gibt es Anwendungsfälle, in denen Sie spezifischer mit Ihren CSS-Eigenschaften sein möchten. Beispielsweise können in Matrixelementen mehrere verschiedene CSS-Eigenschaften verwendet werden, um Ihr Element anzupassen.

Viele benutzerdefinierte CSS-Eigenschaften können mit mehreren Codezeilen an dasselbe Element hinzugefügt werden.

Wenn Sie neu im Programmieren sind oder mehr Informationen über CSS wünschen, schauen Sie sich dieses Modul von MDN an.