labvanced logoLabVanced
  • Research
    • Publications
    • Researcher Interviews
    • Use Cases
      • Behavioral Psychology
      • Personality & Social Psychology
      • Cognitive & Neuro Psychology
      • Developmental & Educational Psychology
      • Clinical & Health Psychology
      • Sports & Movement Psychology
      • Marketing & Consumer Psychology
    • Labvanced Blog
  • Technology
    • Feature Overview
    • Desktop App
    • Phone App
    • Precise Timing
    • Experimental Control
    • Eye Tracking
    • Multi User Studies
    • More ...
      • Questionnaires
      • Artificial Intelligence (AI) Integration
      • Mouse Tracking
      • Data Privacy & Security
  • Learn
    • Guide
    • Videos
    • Walkthroughs
    • FAQ
    • Release Notes
    • Documents
    • Classroom
  • Experiments
    • Public Experiment Library
    • Labvanced Sample Studies
  • Pricing
    • Pricing Overview
    • License Configurator
    • Single License
    • Research Group
    • Departments & Consortia
  • 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 发布研究的要求
        • 招募参与者和众包
        • 许可证选择与确认
        • 发布您的 Labvanced 研究后
      • 共享
      • 参与者
      • 数据视图和导出
        • 数据视图和变量 & 任务选择(旧版本)
        • 访问录音(旧版本)
  • 视频
    • 视频概述
    • 在 Labvanced 中入门
    • 创建任务
    • 元素视频
    • 事件与变量
    • 高级主题
  • 操作指南
    • 介绍
    • 斯特鲁普任务
    • 词汇决策任务
    • 波斯纳注视线提示任务
    • 变化失明闪烁范例
    • 眼动追踪示例研究
    • 婴儿眼动追踪研究
    • 带鼠标追踪的注意捕获研究
    • 快速序列视觉展示
    • ChatGPT研究
    • 眼动追踪演示:SVG作为兴趣区域
    • 多用户演示:在研究中显示参与者的光标
    • 游戏手柄/操纵杆控制器 - 基本设置
    • 带 EEG 集成的桌面应用研究
  • 常见问题
    • 功能
    • 安全与数据隐私
    • 许可
    • Labvanced的精确度
    • 程序化使用与API
    • 离线使用Labvanced
    • 故障排除
    • 研究创建问题
  • 发布说明
  • 课堂
Labvanced 中添加对象的侧菜单中的主要对象

对象

描述:与对象一起工作

对象是任务层次结构中的最底层实例,并被放置在帧上。在任务编辑器中,对象被分为 7 类:媒体、形状、文本、按钮和导航、问题选项、问题输入,以及其他问题。这些元素被用作您可以创建实验任务和刺激的构建块。

要了解 Labvanced 中可用对象的概述,请观看此简介视频:

对象可以通过位于帧左侧的对象工具栏添加到帧中。

解释编辑器中对象的上下文。

在编辑器右侧的“对象”选项卡下,显示了当前选定帧上放置的所有对象的列表。用户可以更改对象的 z-index(哪个对象显示在其他对象前面),复制和删除对象。

对象可以作为 事件系统 的一部分使用,以便在某些操作发生时以某种方式操作刺激。例如,您希望图像在参与者单击时放大,这通过事件来处理。

可以通过直接在帧上单击“当前选定对象”,或通过单击对象列表中的相应对象来选择它。

解释围绕对象的控制选项.

选择对象和相应的修改器(默认试验、因子水平、条件或单个试验)后,可以直接在画布上或通过右侧的“对象属性”面板进行修改。在此面板中,当前选定对象的所有属性都显示出来,并可以使用输入字段、复选框等进行修改。 在这里了解更多关于对象属性的信息。

对象列表和自定义属性

接下来是可用对象及其描述的完整概述:

可用于构建实验的所有对象的概述.

图像和绘图对象

通过单击对象侧菜单上的第一个图标,将出现可用的 图像和绘图对象 列表。在这里,您可以添加图像刺激、SVG、允许画布绘图或制作多边形。

图像和绘图对象。

以下表格提供了 Labvanced 中可用的 图像和绘图对象 的概述:

界面对象名称描述
图像对象图标.图像对象图像对象可用于在画布帧上显示图像。可以通过文件管理器手动设置图像,也可以在实验执行期间通过事件和变量(数据类型文件)动态更改。 了解更多.
SVG对象图标.SVG对象可以将 SVG 上传到画布编辑器。这种对象在基于 Labvanced 的眼动追踪研究中很受欢迎。SVG 可以采用复杂形状,并用作“遮罩”,以触发与眼动追踪相关的事件,比如在特定 SVG 区域内计数注视次数。
画布绘图对象图标.画布绘图对象画布绘图元素允许参与者使用其鼠标、手指或设备上的触控板在屏幕上“绘图”。如果您使用对象选项卡中的复选框启用此功能,则绘图空间可以被调整大小。参与者可以绘制、擦除并添加三角形、矩形或圆形等形状。形状添加后可以被拖动。参与者还可以更改笔或形状的颜色。如果研究人员希望,可以通过取消标记“允许参与者绘图”复选框来使用此工具绘制静态图像,这样参与者就无法在框中绘图。无论哪种方式,绘图将以图像的形式保存在每个参与者的私有文件中,类似于摄像机快照对象。每个工具栏都可以通过勾选相应的框进行启用或禁用。
多边形对象图标.多边形对象多边形对象也可以用于眼动追踪研究,以便通过单击创建复杂形状,从而在 Labvanced 编辑器内创建遮罩或 AOI。该对象还可以用于创建多线段。此演示演示了多边形对象如何作为眼动追踪研究的一部分来计数注视。

媒体对象

单击侧菜单上的第二个图标会显示所有可用的 媒体对象。

以下表格提供了 Labvanced 中可用的 媒体对象 的概述:

界面对象名称描述
视频对象图标.视频对象视频对象可用于在画布帧上呈现视频。视频可以通过文件管理器手动设置,也可以在实验执行期间通过事件和变量(数据类型文件)动态更改。
音频对象图标.音频对象音频对象可用于在画布帧上呈现音频文件。音频文件可以通过文件管理器手动设置,也可以在实验执行期间通过事件和变量(数据类型文件)动态更改。
音频录制对象图标.音频录制对象音频录制对象充当实验执行期间声音录制的视觉界面/控制。可以通过按钮、帧事件或其他对象触发事件来启动和停止录制,并可以上传到安全的 Labvanced 服务器。
视频录制对象图标.视频录制对象此对象可用于录制参与者的视频、其屏幕的录制,或两者同时录制。有几个选项可以启用/禁用:是否实时或稍后在实验中向参与者显示录制的视频(或者根本不显示),允许参与者控制视频的开始/停止/上传,以及确定视频存储的位置作为变量。使用视频录制对象还会录制参与者的音频。
摄像机快照对象图标.摄像机快照对象此对象可用于拍摄参与者的照片快照。为此,必须在实验中启用视频录制。可以隐藏或显示摄像机按钮、快照按钮和上传按钮向参与者展示。事件可以用来触发摄像机快照,或参与者可以自行控制它。该工具有助于验证参与者的身份/人口统计信息,但应视为高度敏感信息。快照以文件变量的形式存储。

注 1: 录制参与者或其屏幕的视频/图像可能是高度敏感的。请确保参与者在开始之前完全了解实验的内容。

注 2: 当在研究中使用任何类型的摄像头(用于眼动追踪、视频、快照等)时,参与者会在研究开始时被提示选择他们希望使用的摄像头。这允许参与者在不希望使用内置摄像头系统的情况下选择已连接的外部摄像头。
视频会议对象图标.视频会议对象视频会议对象允许您在实验期间嵌入或主持参与者之间的视频或音频通话。 了解更多.

文本和代码对象

对象侧菜单的第三个选项是 文本和代码,其中的对象如下:

界面对象名称描述
文本对象图标.文本对象此对象在帧上向参与者呈现文本和/或变量。用户可以使用帧顶部的“类似 Word”的文本编辑器(工具栏)输入和编辑文本。变量可以插入文本元素,以便其当前值将在屏幕上显示(并自动更新)。
HTML对象图标.HTML对象此对象呈现您插入的 HTML。将此对象添加到画布编辑器,然后在选中时,转到对象属性(右侧面板),并在底部插入您的 HTML 代码。
变量对象图标.变量对象通过添加此对象,您可以实时显示编辑器中的特定变量值。

在使用文本对象时,将出现“文本编辑器”,您可以进一步进行与文本相关的编辑。在这些选项中,[x] 链接变量选项非常受欢迎,显示在左上角。此选项本质上允许您突出显示文本,将其链接到变量,以便显示该值。

要查看显示的选项/设置的完整概述,请访问 文本编辑器页面.

Labvanced文本编辑器的预览.

按钮和导航对象

界面对象名称描述
按钮对象图标.按钮对象一个标准按钮,其标签可以编辑,并可以使用触发器“ButtonClick”触发事件。按钮点击也可以被记录为参与者响应变量。
导航对象图标.导航对象此对象显示为两个按钮,具有两个预创建的相关事件,允许实验者返回到上一帧或向前移动到下一帧。
进度条对象图标.进度条对象进度条可用于以百分比显示实验的进度。

问题对象

界面对象名称描述
复选框对象图标.复选框对象一个问题元素,参与者可以选择一个或多个响应。
多选对象图标.多选对象一个问题元素,参与者必须只选择一个选择。
李克特对象图标.李克特量表对象一个问题元素,通常用于表示对陈述的同意程度。参与者可以选择在两个提示之间的某个地方的响应。
矩阵对象图标.矩阵对象一个元素,多个问题或陈述可以作为行显示。每个陈述都在同一量表中回答,显示在列中。

这些对象的“必填”属性可以在研究运行时动态更改。只有在未隐藏(可见性 = 0)的情况下,对象才会显示为必填。

可以使用对象属性窗口中的“随机化项目顺序”复选框对这些对象的响应顺序进行随机化。如果您希望在将它们设置为随机后记录展示选择的顺序,可以勾选“将顺序链接到数组”复选框。这将创建一个数组变量,用于存储已展示的该元素选择的顺序,默认名称为“itemOrderArrVar”。该数组按从上到下的顺序记录在编辑器中定义的选择的整数值。可以在每个“itemOrderArrVar”变量的变量选项卡中编辑条目的位置和数值。

问题输入对象

界面对象名称描述
输入对象图标.输入对象用于参与者插入简短响应。该元素可以收集数字(数值)、文本(字符串)、日期、时间和颜色的响应。
段落对象图标.段落对象类似于输入对象,但用于较长的响应。响应为文本(字符串)变量。
范围对象图标.范围对象使用此元素,参与者可以通过滑动工具提供响应。用户可以设置此对象以显示数值(左边界、右边界和参与者的响应作为数字在滑块上方)或选择保持为空。

注 1: 初始隐藏手柄:此选项在参与者单击对象之前隐藏手柄(参与者滑动以作出响应的圆圈)。这消除了当参与者首次看到范围对象的中心手柄时可能存在的偏见。
选择对象图标.选择对象一个问题元素,在下拉菜单中选择响应,实验者填充该菜单以提供可能的响应。

注: 此对象可以翻译成不同的语言。

注 2: 可用的响应可以通过将对象链接到数组变量动态更改。

各种对象

界面对象名称描述
可排序对象图标.可排序对象一个问题,具有多个元素,可以使用拖放方法进行排序。
不可见元素对象图标.不可见元素对象不可见元素对参与者而言永远不可见,但可以触发事件,因此可以通过鼠标事件在画布上的似乎为空的区域触发事件。
上传对象图标.上传对象参与者可以使用此对象将文件上传到实验中(然后存储在 Labvanced 服务器上),以便实验者随后访问。
I-Frame对象图标.I-Frame 对象I-Frame 对象可用于在实验中显示 I-Frame(嵌入的其他网站)。

重要:为了显示 I-Frame,控制目标 URL 的服务器必须将 http 头 "Access-Control-Allow-Origin" 设置为 "*",或者必须包含 "labvanced.com",且不得设置 http 头 "X-Frame-Options"。
子研究对象图标.子研究对象此强大的对象允许您在单个“父”实验中嵌入其他 Labvanced 研究。 了解更多.

对象属性

当前选定对象的对象属性显示在编辑器的右侧。这些属性确定帧上的对象在参与者看来将是什么样子。许多对象属性可以在试验之间进行修改,而某些属性(例如对象的名称)是固定的,不能在试验之间有所不同。被修改的属性(不同于默认值)用深灰色背景色表示。所有可以在试验之间修改的属性在事件执行期间都可以使用“设置对象属性”操作动态修改。对象的“必填”属性可以在研究运行时动态更改。只有在未隐藏(可见性 = 0)的情况下,对象才会显示为必填。这允许非常互动和动态的实验。有关所有对象类型及其属性的详细表格,请参阅“对象属性表”页面。

在任务编辑器中,可以更改对象的外观,以使编辑您的研究更加容易。有 2 个对象属性可以让您做到这一点:锁定和隐藏。

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

这两种属性仅在编辑研究时有效。在任务编辑器中锁定或隐藏对象不会改变参与者在研究期间对该对象的看法。

自定义 CSS 属性

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

默认 CSS 代码

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

检查元素

控制台中的信息

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

p{

background-color:green

}

绿色背景代码

虽然可以使用对象属性窗口轻松更改背景颜色等属性,但有时您希望为 CSS 属性提供更具体的定义。例如,在矩阵元素中,可以使用几种不同的 CSS 属性来自定义元素。

多个 CSS 属性的示例

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

如果您是编码新手或希望了解有关 CSS 的更多信息,请查看 此模块。

Prev
画布和页面框架
Next
事件