对象

描述:处理对象

对象是任务层次结构中的最低实例,并被放置在帧上。在任务编辑器中,对象分为7组:媒体、形状、文本、按钮和导航、问题选项、问题输入,以及问题多样性。

可以通过对象工具栏将对象添加到帧中,该工具栏位于帧的左侧。在编辑器右侧的“对象”标签下,显示当前选定帧上已放置的所有对象列表。 用户可以更改对象的 z-index(哪个对象显示在其他对象前面),复制和删除对象。

高亮与对象使用相关的任务编辑器中的相关区域。

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

“当前选定的对象”可以通过直接单击帧上的对象,或单击对象列表中的相应对象来选择。在选择对象和适当的修饰符(默认实验、因素水平、条件或单次实验)后,可以直接在画布上进行修改,或使用右侧的“对象属性”面板。在此面板中,当前选定对象的所有属性都显示出来,可以通过输入字段、复选框等进行修改。在这里阅读更多关于对象属性的信息。

对象列表和自定义属性

媒体对象

通过单击对象侧边菜单上的第一个图标,将出现媒体对象的完整列表。这是添加图片和视频等基于媒体的刺激的地方,也包括音频录音等高级功能。

媒体对象侧菜单

下表概述了Labvanced中可用的媒体对象:

媒体对象
描述
图像对象 图像对象图标.图像对象可用于在画布帧上显示图像。可以通过文件管理器手动设置图像,但也可以在实验执行期间动态更改,使用事件和变量(数据类型文件)。
视频对象 视频对象图标.视频对象可用于在画布帧上呈现视频。可以通过文件管理器手动设置视频,但也可以在实验执行期间动态更改,使用事件和变量(数据类型文件)。
音频对象 音频对象图标.音频对象可用于在画布帧上呈现音频文件。音频文件可以通过文件管理器手动设置,但也可以在实验执行期间动态更改,使用事件和变量(数据类型文件)。
音频录制对象

音频录制对象图标.
音频录制对象作为实验执行期间音频录音的视觉界面/控件。可以通过按钮、帧事件或其他对象触发事件启动和停止录音,并可以上传到安全的Labvanced服务器。
视频录制对象

视频录制对象图标.
此对象可用于录制参与者的视频、其屏幕的录制,或两者同时录制。有几个选项可以启用/禁用:实时或在实验中稍后向参与者显示录制的视频(或根本不显示),允许参与者控制视频的开始、停止和上传,以及确定视频作为变量存储的位置。使用视频录制对象还会录制参与者的音频。
相机快照对象

相机快照对象图标.
此对象可用于拍摄参与者的照片快照。为此,必须为实验启用视频录制。可以向参与者隐藏或显示相机按钮、快照按钮和上传按钮。可以使用事件触发相机快照,或让参与者自己控制。此工具对于验证参与者的身份/人口统计信息非常有用,但应视为高度敏感信息。快照作为文件变量存储。

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

注意2: 当在研究中使用任何类型的网络摄像头(用于眼动追踪、视频、快照等)时,参与者将在研究开始时被提示选择要使用的摄像头。这允许参与者选择连接的外部摄像头,如果他们不希望使用内置的网络摄像头系统。
I帧对象

iFrame对象图标.
I帧对象可用于在实验中显示I帧(嵌入其他网站)。

重要: 为了显示I帧,控制目标URL的服务器必须将http标头“Access-Control-Allow-Origin”设置为“*”,或者必须包含“labvanced.com”,而不能设置http标头“X-Frame-Options”。

形状对象

单击侧边菜单上的第二个图标将显示所有可用的形状对象。

形状对象侧菜单。

下表概述了Labvanced中可用的形状对象:

形状对象
描述
隐形元素对象 隐形元素图标.隐形对象对参与者是不可见的,但可以触发事件,因此事件可以通过画布上看似空白区域上的鼠标事件触发。
画布绘图对象

画布绘图对象图标.
画布绘图元素允许参与者使用他们的鼠标、手指或设备上的触控板在屏幕上“绘制”。如果启用此功能,可以调整绘图空间的大小,使用对象选项卡中的复选框。参与者可以绘制、擦除并添加形状,例如三角形、矩形或圆形。形状可以在添加后拖动。参与者还可以更改笔或形状的颜色。研究人员可以使用此工具在实验中绘制静态图像,如果希望,可以通过取消选中“允许参与者绘图”框,使参与者无法在框中绘图。无论哪种方式,绘图将作为图像保存在每个参与者的个人文件中,类似于相机快照对象。每个工具栏可以通过勾选相应的框来启用或禁用。
SVG对象

SVG对象图标.
可以将SVG上传到画布编辑器。此对象在Labvanced的眼动追踪研究中非常受欢迎。SVG可以采用复杂形状,并用作“面具”,以触发与眼动追踪相关的事件,例如计算在特定SVG区域内的注视次数。
多边形对象

多边形对象图标.
多边形对象也可用于眼动追踪研究,以便通过点击创建复杂形状在Labvanced编辑器中创建面具或AOI。此对象也可用于创建折线。此演示open in new window演示了多边形对象如何作为眼动追踪研究的一部分使用,以计算注视次数。

文本对象

对象侧菜单的第三个选项是向编辑器添加文本对象。

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

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

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

Labvanced文本编辑器预览。

按钮和导航对象

  • 按钮对象:一个标准按钮,其标签可以编辑,并可以使用触发器“ButtonClick”触发事件。按钮单击也可以记录为参与者响应变量。
  • 导航对象:此对象呈现为两个按钮,具有两个预创建的关联事件,允许受试者导航回到前一帧或向前至下一帧。
  • 进度条对象:进度条可以用于以百分比形式显示实验的进度。

问题对象

  • 复选框元素:一个问题元素,参与者可以选择一个或多个响应。
  • 多项选择元素:一个问题元素,参与者必须只选择一个选项。
  • 利克特量表:一个问题元素,通常用于表示对陈述的同意程度。参与者可以选择介于两个提示之间的响应。
  • 矩阵元素:一个元素,可以将几个问题或陈述作为行显示。每个陈述在同一量表中回答,显示在列中。

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

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

输入对象

  • 输入对象:用于参与者插入简短响应。此元素可以以数字(数值)、文本(字符串)、日期、时间和颜色的形式收集响应。
  • 段落对象:类似于输入对象,但用于更长的响应。响应是文本(字符串)变量。

多样对象

  • 范围对象:使用此元素,参与者可以使用滑动工具给出响应。用户可以设置该对象以显示数值(左边界、右边界以及参与者的响应 acima da barra de deslizamento)或选择将其留空。
    • 初始隐藏把手:此选项在参与者单击对象之前隐藏把手(参与者滑动以进行响应的圆圈)。这消除了参与者首次看到范围对象中央的把手时可能存在的潜在偏见。
  • 选择对象:一个问题元素,响应是从实验者填充的下拉菜单中选择。
    • 此对象可以翻译成不同的语言。
    • 可用响应可以通过将对象链接到数组变量动态更改。
  • 可排序对象:使用拖放方法对多个元素进行排序的问题。
  • 上传对象:参与者可以使用此对象将文件上传到实验(然后存储在Labvanced服务器中)以供实验者稍后访问。

对象属性

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

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

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

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

自定义CSS属性

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

默认CSS代码

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

检查元素

控制台中的信息

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

p{

background-color:green

}

绿色背景代码

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

多个CSS属性的示例

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

如果您是新手编码或想要获取关于CSS的更多信息,请查看来自MDN的这个模块open in new window