labvanced logoLabVanced
  • Research
    • Publications
    • Researcher Interviews
    • Use Cases
      • Developmental Psychology
      • Linguistics
      • Clinical & Digital Health
      • Educational Psychology
      • Cognitive & Neuro
      • Social & Personality
      • Arts Research
      • Sports & Movement
      • Marketing & Consumer Behavior
      • Economics
      • HCI / UX
      • Commercial / Industry Use
    • Labvanced Blog
    • Services
  • Technology
    • Feature Overview
    • Code-Free Study Building
    • Eye Tracking
    • Mouse Tracking
    • Generative AI Integration
    • Multi User Studies
    • More ...
      • Reaction Time/Precise Timing
      • Text Transcription
      • Heart Rate Detection (rPPG)
      • Emotion Detection
      • Questionnaires/Surveys
      • Experimental Control
      • Data Privacy & Security
      • Desktop App
      • Mobile App
  • Learn
    • Guide
    • Videos
    • Walkthroughs
    • FAQ
    • Release Notes
    • Documents
    • Classroom
  • Experiments
    • Cognitive Tests
    • Sample Studies
    • Public Experiment Library
  • Pricing
    • Licenses
    • Top-Up Recordings
    • Subject Recruitment
    • Study Building
    • Dedicated Support
    • Checkout
  • About
    • About Us
    • Contact
    • Downloads
    • Careers
    • Impressum
    • Disclaimer
    • Privacy & Security
    • Terms & Conditions
    • Third-Party Licenses
  • Appgo to app icon
  • Logingo to app icon
Learn
Anleitung
Videos
Anleitungen
Häufige Fragen
Newsletter-Archiv
Dokumente
Klassenzimmer
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
Anleitung
Videos
Anleitungen
Häufige Fragen
Newsletter-Archiv
Dokumente
Klassenzimmer
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
  • Leitfaden
    • ERSTE SCHRITTE

      • Aufgaben-Editor
      • Stimuluspräsentation
      • Richtigkeit der Antwort
      • Objekte
      • Ereignisse
      • Variablen
      • Aufgaben-Assistent
      • Versuchssystem
      • Studiengestaltung
        • Aufgaben
        • Blöcke
        • Sitzungen
        • Gruppen
    • HERVORHEBENSWERTE THEMEN

      • Experimentgestaltung
        • Eine Studie erstellen
        • Datenrahmenmuster
      • Randomisierung & Balance
      • Augenverfolgung
      • Fragebögen
      • Desktop-App
      • Beispielstudien
      • Teilnehmerrekrutierung
      • API-Zugriff
        • REST API
        • Webhook-API
        • WebSocket API
      • Sonstige Themen

        • Präzise Stimuluszeiten
        • Multinutzerstudien
        • Kopfverfolgung in Labvanced | Anleitung
    • HAUPT-APP-TABs

      • Übersicht: Haupt-Tabs
      • Dashboard
      • Meine Studien
      • Geteilte Studien
      • Meine Dateien
      • Experimentbibliothek
      • Mein Konto
      • Lizenz & Dienstleistungen
    • STUDIENTABS

      • Übersicht: studienspezifische Tabs
      • Studiengestaltung
        • Aufgaben
        • Blöcke
        • Sitzungen
        • Gruppen
      • Aufgaben-Editor
        • Aufgabensteuerungen
        • Das Versuchs-System
        • Canvas- und Seitenrahmen
        • Objekte
        • Objekt Eigenschaften Tabellen
        • Variablen
        • Systemvariablen-Tabellen
        • Das Ereignissystem
        • Texteditor-Funktionen
        • Eyetracking in einer Aufgabe
        • Kopfverfolgung in einer Aufgabe
        • Multi-User-Studien
      • Einstellungen
      • Variablen
      • Medien
      • Texte & Übersetzen
      • Starten & Teilnehmen
      • Teilnehmermanagement
      • Datensicht und Export
        • Datensicht und Variablen- & Aufgaben Auswahl (alte Version)
        • Zugriff auf Aufnahmen (ALTE Version)
  • Videos
    • Videoübersicht
    • Erste Schritte in Labvanced
    • Aufgaben erstellen
    • Elemente Videos
    • Ereignisse & Variablen
    • Fortgeschrittene Themen
  • Anleitungen
    • Einführung
    • Stroop-Aufgabe
    • Lexikalische Entscheidungsaufgabe
    • Posner Gaze Cueing Aufgabe
    • Paradigma der Veränderungsblindheit mit Flicker
    • Augenbewegungsstudie Beispiel
    • Studie zur Augenverfolgung bei Säuglingen
    • Studie zur Aufmerksamkeitsfokussierung mit Mausverfolgung
    • Schnelle serielle visuelle Präsentation
    • ChatGPT Studie
    • Augenverfolgungs-Demo: SVGs als AOIs
    • Multi-User Demo: Zeige die Cursors der Teilnehmer
    • Gamepad / Joystick Controller - Grundkonfiguration
    • Desktop-App-Studie mit EEG-Integration
    • Gruppenausgleich und Variablenkonfiguration zwischen Gruppen
  • Häufig gestellte Fragen
    • Funktionen
    • Support-Richtlinien & Leitlinien
    • Sicherheit & Datenschutz
    • Lizenzierung
    • Präzision von Labvanced
    • Programmgesteuerte Nutzung & API
    • Verwendung von Labvanced im Offline-Modus
    • Fehlerbehebung
    • Fragen zur Studienerstellung
  • Newsletter-Archiv
  • Dokumente
  • Klassenzimmer

Objektattribute

Objektattribute

Die Objektattribute für das aktuell ausgewählte Objekt werden auf der rechten Seite des Editors angezeigt. Diese Eigenschaften bestimmen, wie die Objekte im Frame für die Teilnehmer aussehen. Viele Objektattribute können zwischen Versuchen geändert werden, während einige Eigenschaften (wie der Name des Objekts) festgelegt und können nicht zwischen Versuchen unterschiedlich sein. Eigenschaften, die geändert wurden (abweichend vom Standardwert), werden durch eine dunkelgraue Hintergrundfarbe angezeigt. Alle Eigenschaften, die zwischen Versuchen geändert werden können, können während der Ausführung von Ereignissen 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 ausgeblendet sind (Sichtbarkeit = 0). Dies ermöglicht sehr interaktive und dynamische Experimente. Bitte sehen Sie sich die Seite „Objektattribut-Tabellen“ für eine detaillierte Übersicht aller Objektarten und deren Eigenschaften an.

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

  • Sperren: Ein Klick auf das kleine Vorhängeschloss-Symbol neben dem Namen eines Objekts im Objekttab sperrt dessen Position im Frame. Dies verhindert versehentliche Bewegungen oder Änderungen am Objekt während der Bearbeitung der Studie.
  • Ausblenden: Ein Klick auf das kleine Augensymbol neben dem Namen eines Objekts im Objekttab blendet das Objekt aus Sicht im Frame aus. Dies ist nützlich, wenn Sie mehrere Objekte im Frame gleichzeitig haben und nur eines oder mehrere zur gleichen Zeit sehen möchten, während Sie bearbeiten.

Beide Eigenschaften sind nur aktiv, während die Studie bearbeitet wird. 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üge-Steuerelemente im Objektattribut-Panel.

Im Position & Size Abschnitt erscheinen ein Kopiersymbol und ein Einfügesymbol neben der Abschnittsüberschrift. Klicken Sie auf das Kopiersymbol, um die aktuellen Position- und Größe-Werte 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 darauf anzuwenden.

Der Scale & Rotation Abschnitt hat dieselben Kopier- und Einfüge-Steuerelemente für Skalierungs- und Rotationswerte. Er enthält auch ein Keep Aspect Ratio Kontrollkästchen: Wenn aktiviert, wird das Verhältnis von Breite zu Höhe des Objekts gesperrt, sodass die Anpassung der Größe des Objekts im Editor automatisch seine ursprünglichen Proportionen beibehält.

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

Benutzerdefinierte CSS-Attribute

Ein CSS-Attribut ist ein Stil eines Elements, das in HTML-Code geschrieben ist. Die CSS-Attribute eines Elements können im Objektattribute-Tab geändert werden, indem Sie auf das Element klicken und das Kästchen „CSS-Attribute ändern“ aktivieren. Beispielcode wird in grauem Text als Beispiel bereitgestellt.

der standardmäßige CSS-Code

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. Zum Beispiel ist der Selektor für ein Textelement der Buchstabe p.

Element untersuchen

Beim Klicken auf Untersuchen:

Informationen in der Konsole

Sie müssen auch geschweifte Klammern für Ihren Code verwenden. Ein Beispielcode, um die Farbe eines Textelements zu ändern, ist:

p{ background-color:green }

grüner Hintergrundcode

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

ein Beispiel für mehrere CSS-Attribute

Viele benutzerdefinierte CSS-Attribute können mit mehreren Codezeilen zu demselben Element hinzugefügt werden.

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