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
指南
视频
步骤说明
常见问题解答
通讯档案
文档
课堂
  • 中國人
  • 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),它们才会显示为必需。这允许进行非常互动和动态的实验。有关所有对象类型及其属性的详细图表,请参见“对象属性表”页面。

在任务编辑器中,可以更改对象的外观以便于编辑您的研究。有两个对象属性可以让您实现这一点:锁定和隐藏。

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

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

复制和粘贴位置、大小和缩放

要将一个对象的相同位置、大小或缩放应用到另一个对象,请使用对象属性面板中的复制和粘贴控件。

在 Position & Size 部分,复制图标和粘贴图标出现在部分标题旁。单击复制图标将对象的当前位置信息和大小值复制到剪贴板。然后选择一个不同的对象,并在相同部分单击粘贴图标,将这些值应用于它。

Scale & Rotation 部分也有相同的复制和粘贴控件,用于缩放和旋转值。

当您需要将多个对象对齐到相同的尺寸或位置,跨帧或任务而无需手动输入每个值时,这非常有用。

自定义 CSS 属性

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

默认 CSS 代码

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

检查元素

单击检查时:

控制台中的信息

您还需要在代码中使用花括号。以下是更改文本元素颜色的代码示例:

p{ background-color:green }

绿色背景代码

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

多个 CSS 属性的示例

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

如果您是编码新手或想获得关于 CSS 的更多信息,请查看来自 MDN 的 这个模块。