对象
描述:与对象的工作
对象是任务层次结构中的最低实例,放置在框架上。在任务编辑器中,对象被分为7个组:媒体、形状、文本、按钮与导航、问题选项、问题输入和问题各式。这些元素被用作构建块,您可以用这些构建块创建实验任务和刺激。
有关Labvanced中可用对象的概述,请观看此介绍视频:
可以通过位于框架左侧的对象工具栏将对象添加到框架中。当前选定框架上放置的所有对象的列表显示在编辑器右侧的“对象”标签下。
用户可以更改对象的z-index(哪个对象显示在其他对象的前面),复制和删除对象。

对象可以作为事件系统的一部分使用,以便在某些操作发生时以某种方式操作刺激。例如,如果您希望在参与者单击图像时图像增大,这由事件处理。
“当前选定对象”可以通过直接在框架上单击它,或通过单击对象列表中的相应对象来选择。选择对象和适当的修饰符(默认试验、因素水平、条件或单次试验)后,可以直接在画布上进行修改,或者使用右侧的“对象属性”面板。在该面板中,当前选定对象的所有属性将显示并可以通过输入字段、复选框等进行修改。有关对象属性的更多信息,请在此处阅读。
对象列表和自定义属性
媒体对象
通过单击对象侧边菜单上的第一个图标,将出现媒体对象的完整列表。在这里,您可以添加基于媒体的刺激,如图像和视频,还可以添加高级功能,如音频记录。

下表概述了Labvanced中可用的媒体对象:
媒体对象 | 描述 |
---|---|
图像对象 ![]() | 图像对象可用于在画布框架上显示图像。图像可以通过文件管理器手动设置,但也可以在实验执行过程中通过事件和变量动态更改(数据类型为文件)。 |
视频对象 ![]() | 视频对象可用于在画布框架上呈现视频。视频可以通过文件管理器手动设置,但也可以在实验执行过程中通过事件和变量动态更改(数据类型为文件)。 |
音频对象 ![]() | 音频对象可用于在画布框架上呈现音频文件。音频文件可以通过文件管理器手动设置,但也可以在实验执行过程中通过事件和变量动态更改(数据类型为文件)。 |
音频录音对象 ![]() | 音频录音对象充当实验执行期间声音录音的视觉接口/手柄。可以通过按钮、框架事件或其他对象触发的事件来启动和停止录音,并且可以上传到安全的Labvanced服务器。 |
视频录制对象 ![]() | 此对象可用于录制参与者的视频,录制他们的屏幕,或同时进行两者的录制。有几个选项可以启用/禁用:实时或之后在实验中向参与者展示录制的视频(或根本不展示),允许参与者控制视频的开始/停止/上传,并确定视频存储的位置作为变量。使用视频录制对象时,还会录制参与者的音频。 |
相机快照对象 ![]() | 此对象可用于拍摄参与者的照片快照。为此,必须为实验启用视频录制。可以向参与者显示或隐藏相机按钮、快照按钮和上传按钮。可使用事件触发相机快照,或允许参与者自己控制。此工具非常适合验证参与者的身份/人口统计信息,但应视为高度敏感信息。快照作为文件变量存储。 注意1: 录制受试者或其屏幕的视频/图像可能极其敏感。在参与者开始之前,请确保他们充分了解实验的内容。 注意2: 当在研究中使用任何类型的网络摄像头(用于眼动追踪、视频、快照等)时,参与者将在研究开始时被提示选择他们想要使用的摄像头。这允许参与者选择连接的外部摄像头,如果他们不希望使用内置摄像头系统。 |
I-Frame对象 ![]() | I-Frame对象可用于在实验中显示一个I-Frame(嵌入其他网站)。 重要: 为了显示I-Frame,控制目标URL的服务器必须将http头“Access-Control-Allow-Origin”设置为“*”或必须包含“labvanced.com”而不是设置http头“X-Frame-Options” |
子研究对象 | 这个强大的对象允许您在一个“父”实验中嵌入其他Labvanced研究。 |
形状对象
单击侧边菜单上的第二个图标,显示所有可用的形状对象。

下表概述了Labvanced中可用的形状对象:
形状对象 | 描述 |
---|---|
隐形元素对象 ![]() | 隐形对象对参与者始终不可见,但可以触发事件,因此可以在画布上空旷区域的鼠标事件触发事件。 |
画布绘图对象 ![]() | 画布绘图元素允许参与者使用鼠标、手指或其设备上的触控板在屏幕上“绘图”。如果您使用对象标签中的复选框启用此功能,可以调整绘图空间的大小。参与者可以绘制、擦除并添加三角形、矩形或圆形等形状。添加后可以拖动形状。参与者还可以更改笔或形状的颜色。如果研究人员希望,他们可以选择取消选中“允许参与者绘图”选框,从而使参与者无法在框内绘图,以便绘制静态图像。无论如何,绘图将与每个参与者的私人文件一起保存为图像,类似于相机快照对象。每个工具栏都可以通过勾选相应的复选框来启用或禁用。 |
SVG对象 ![]() | SVG可以上传到画布编辑器。此对象在Labvanced的眼动追踪研究中非常受欢迎。SVG可以形成复杂形状,并用作“遮罩”,以触发与眼动追踪相关的事件,例如计算特定SVG区域内的注视次数。 |
多边形对象 ![]() | 多边形对象也可用于眼动追踪研究,以便通过单击创建复杂形状来在Labvanced编辑器中创建遮罩或AOI。此对象还可用于创建折线。此演示展示了多边形对象如何作为眼动追踪研究的一部分用于计算注视次数。 |
文本对象
对象侧边菜单的第三个选项用于将文本对象添加到编辑器中。

文本对象 | 描述 |
---|---|
显示文本对象 ![]() | 此对象在框架上向参与者呈现文本和/或变量。用户可以使用在框架顶部的“类Word”文本编辑器(工具栏)输入和编辑文本。可以将变量插入文本元素,以便其当前值将在屏幕上显示(并自动更新)。 |
显示HTML对象 ![]() | 此对象渲染您插入的HTML。将此对象添加到画布编辑器中,然后在选中时,转到对象属性(右侧面板),在底部插入您的HTML代码。 |
在使用显示文本对象时,将出现“文本编辑器”,您可以进一步进行与文本相关的编辑。从这些选项中,[x] 连接变量选项非常受欢迎,显示在左上角。此选项实质上允许您突出显示文本,链接一个变量,以便它显示值。
有关显示的选项/设置的完整概述,请访问文本编辑器页面。
按钮与导航对象
- 按钮对象:一个标准按钮,其标签可以编辑,并可以使用触发器“ButtonClick”触发事件。按钮点击也可以记录为参与者响应变量。
- 导航对象:该对象的外观为两个按钮,具有两个预创建的关联事件,允许参与者返回上一个框架或向前到下一个框架。
- 进度条对象:进度条可用于以百分比显示实验的进度。
问题对象
- 复选框元素:一个问题元素,参与者可以选择一个或多个响应。
- 多项选择元素:一个问题元素,参与者必须仅选择一个选项。
- 李克特量表:一个问题元素,通常用于表示对陈述的同意程度。参与者可以选择一个介于两个提示之间的响应。
- 矩阵元素:一个元素,可以将几个问题或陈述显示为行。每个陈述在同一比例内回答,显示在列中。
这些对象的“必需”属性可以在研究运行时动态更改。对象仅在未隐藏(可见性=0)时才会显示为必需。
可以使用对象属性窗口中的“随机化项目顺序”复选框对这些对象的响应顺序进行随机化。如果您希望在将选择设置为随机后记录选择的呈现顺序,可以勾选标记为“将顺序链接到数组”的复选框。这将创建一个数组变量,存储该元素所呈现的选择顺序,默认称为“itemOrderArrVar”。该数组记录未选择时在编辑器中定义的选择的整数值,并按从上到下的顺序显示在元素中。可以在每个“itemOrderArrVar”变量的变量标签中编辑条目的位置和值。
输入对象
- 输入对象:供参与者插入简短响应。此元素可以以数字(数值)、文本(字符串)、日期、时间和颜色的形式收集响应。
- 段落对象:类似于输入对象,但用于更长的响应。响应为文本(字符串)变量。
各种对象
- 范围对象:使用此元素,参与者可以使用滑动工具给出响应。用户可以设置此对象显示数值(左界、右界和参与者的响应作为滑动条上方的数字),或选择留空。
- 初始隐藏把手:此选项在参与者单击对象之前隐藏把手(参与者用来进行响应的圆圈)。这消除了参与者第一次看到范围对象中央把手时可能存在的潜在偏差。
- 选择对象:一个问题元素,响应从实验者填充的下拉菜单中选择。
- 此对象可以翻译成不同的语言。
- 可通过将对象链接到数组变量动态更改可用的响应。
- 可排序对象:一个有多个元素的问题,可以使用拖放方法排序。
- 上传对象:参与者可以使用此对象将文件上传到实验中(然后存储在Labvanced服务器中),以便实验者稍后访问。
对象属性
当前选定对象的对象属性显示在编辑器的右侧。这些属性决定了框架上的对象在参与者眼中如何显示。许多对象属性可以在试验之间修改,而一些属性(如对象名称)是固定的,不能在试验之间不同。被修改的属性(不同于默认值)以深灰色背景色表示。所有可以在试验之间修改的属性可以在事件执行期间通过“设置对象属性”操作进行动态修改。对象的“必需”属性可以在研究运行时动态更改。对象仅在未隐藏(可见性=0)时才会显示为必需。这增强了实验的互动性和动态性。有关所有对象类型及其属性的详细图表,请参见“对象属性表”页面。
在任务编辑器中,可以通过更改对象的外观来使编辑您的研究变得更加容易。您可以使用两个对象属性来实现这一点:锁定和隐藏。
- 锁定: 单击对象标签中对象名称旁的小锁图标,可以锁定其在框架上的位置。这可以防止在编辑研究时意外移动或更改该对象。
- 隐藏: 单击对象标签中对象名称旁的小眼睛图标,将隐藏框架上的该对象。如果您同时在框架上有多个对象,并希望在编辑时仅查看一个或多个对象,这将非常有用。
这两个属性仅在编辑研究时有效。在任务编辑器中锁定或隐藏对象不会改变参与者在研究中看到该对象的方式。
自定义CSS属性
CSS属性是用HTML代码编写的元素样式。可以通过单击元素并勾选“更改CSS属性”复选框在对象属性标签中更改元素的CSS属性。示例代码以灰色文本提供作为示例。
要编写自定义代码,您需要一个参考元素、它的选择器名称、一个命令和一个值。要找到您要编辑的元素的选择器名称,请右键单击该元素并单击“检查”。这将在您的设备上打开控制台。例如,文本元素的选择器是字母p。
您的代码还需要使用花括号。更改文本元素颜色的代码示例如下:
p{
background-color:green
}
尽管像背景颜色这样的属性可以通过对象属性窗口轻松更改,但在某些情况下,您可能希望更具体地使用CSS属性。例如,在矩阵元素中,可以使用几种不同的CSS属性来自定义元素。
可以使用多行代码将许多自定义CSS属性添加到同一元素中。
如果您是编程新手或想了解更多关于CSS的信息,可以查看MDN的此模块。