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)
      • 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
  • Appgo to app icon
  • Logingo to app icon
Learn
指南
视频
步骤说明
常见问题解答
通讯档案
文档
课堂
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
指南
视频
步骤说明
常见问题解答
通讯档案
文档
课堂
  • 中國人
  • Deutsch
  • Français
  • Español
  • English
  • 日本語
  • 指南
    • 入门指南

      • 任务编辑器
      • 刺激呈现
      • 反应的正确性
      • 对象
      • 事件
      • 变量
      • 任务向导
      • 试验系统
      • 研究设计
        • 任务
        • 阻塞
        • 会议
        • 组
    • 特色主题

      • 随机化与平衡
      • 眼动追踪
      • 问卷
      • 桌面应用
      • 示例研究
      • 参与者招募
      • API 访问
        • REST API
        • Webhook API
        • WebSocket API
      • 其他主题

        • 精确刺激时间
        • 多用户研究
        • Labvanced中的头部追踪 | 指南
    • 主要应用标签

      • 概述: 主要标签
      • 仪表板
      • 我的研究
      • 共享研究
      • 我的文件
      • 实验库
      • 我的账户
      • 我的许可证
    • 研究标签

      • 概述: 研究特定标签
      • 研究设计
        • 任务
        • 阻塞
        • 会议
        • 组
      • 任务编辑器
        • 任务控制
        • 试验系统
        • 画布和页面框架
        • 对象
        • 对象属性表
        • 变量
        • 系统变量表
        • 事件系统
        • 文本编辑器功能
        • 任务中的眼动追踪
        • 任务中的头部追踪
        • 多用户研究
      • 设置
      • 变量
      • 媒体
      • 文本与翻译
      • 启动与参与
      • 受试者管理
      • 数据视图与导出
        • 数据视图和变量 & 任务选择(旧版本)
        • 访问录音(旧版本)
  • 视频
    • 视频概述
    • 在 Labvanced 入门
    • 创建任务
    • 元素视频
    • 事件与变量
    • 高级主题
  • 演练
    • 介绍
    • 斯特鲁普任务
    • 词汇决策任务
    • 波斯纳注视提示任务
    • 变化盲点闪烁范式
    • 眼动追踪示例研究
    • 婴儿眼动追踪研究
    • 与鼠标追踪的注意捕获研究
    • 快速串行视觉呈现
    • ChatGPT 研究
    • 眼动追踪演示:SVG作为AOI
    • 多用户演示:在研究中显示受试者的光标
    • 游戏手柄 / 游戏控制器- 基本设置
    • 桌面应用研究与EEG集成
    • 组间平衡与变量设置
  • 常见问题
    • 功能
    • 安全与数据隐私
    • 许可证
    • Labvanced的精确性
    • 程序化使用与API
    • 离线使用Labvanced
    • 故障排除
    • 研究创建问题
  • 新闻稿存档
  • 文档
  • 教室

对象属性

对象属性

当前选定对象的属性显示在编辑器的右侧。这些属性决定了框架中的对象在参与者眼中如何呈现。许多对象属性可以在试验之间进行修改,而一些属性(如对象的名称)是固定的,不能在试验之间有所不同。被修改(与默认值不同)的属性会以深灰色背景颜色标识。所有可以在试验之间修改的属性都可以在事件执行期间使用“设置对象属性”操作动态修改。对象的“必需”属性可以在研究的运行时动态更改。只有在对象未被隐藏(可见性 = 0)时,才会将其显示为必需。这允许进行非常交互和动态的实验。有关所有对象类型及其属性的详细图表,请参见“对象属性表”页面。

在任务编辑器中,您可以更改对象的外观,以便更轻松地编辑您的研究。有两个对象属性允许您执行此操作:锁定和隐藏。

  • 锁定: 点击对象选项卡中对象名称旁边的小锁图标,将锁定其在框架上的位置。这可以防止在编辑研究时不小心移动或更改该对象。
  • 隐藏: 点击对象选项卡中对象名称旁边的小眼睛图标,将隐藏框架上的对象。如果您在框架上同时有多个对象,并且在编辑时只想看到一个或多个对象,这非常有用。

这两个属性在编辑研究期间是活动的。在任务编辑器中锁定或隐藏对象不会改变参与者在研究期间看到该对象的方式。

自定义 CSS 属性

CSS 属性是以 HTML 代码编写的元素样式。通过点击元素并检查“更改 CSS 属性”框,可以在对象属性选项卡中更改元素的 CSS 属性。示例代码以灰色文本提供作为示例。

默认 CSS 代码

要编写自定义代码,您需要一个参考元素、其选择器名称、一个命令和一个值。要找到要编辑的元素的选择器名称,请右键单击该元素,然后单击“检查”。这将在您的设备上打开控制台。例如,文本元素的选择器是字母 p。

检查元素

单击检查后:

控制台中的信息

您还需要使用大括号来编写代码。更改文本元素颜色的代码示例如下:

p{ background-color:green }

绿色背景代码

虽然背景颜色等属性可以通过对象属性窗口轻松更改,但在某些情况下,您可能希望您对 CSS 属性的指定更加具体。例如,在矩阵元素中,可以使用多种不同的 CSS 属性来自定义您的元素。

多个 CSS 属性的示例

可以使用多行代码将许多自定义 CSS 属性添加到同一元素。

如果您是编程新手或想要获取更多关于 CSS 的信息,请查看来自 MDN 的 本模块。