对象
描述:与对象一起工作
对象是任务层次结构中的最低实例,放置在框架上。在任务编辑器中,对象被分为7组:媒体、形状、文本、按钮和导航、问题选项、问题输入和问题各种。这些元素用作构建块,您可以根据它们创建实验任务和刺激。
要查看 Labvanced 中可用对象的概述,请观看此入门视频:
可以通过对象工具栏将对象添加到框架,该工具栏位于框架的左侧。当前选定框架上放置的所有对象列表显示在编辑器右侧的“对象”选项卡下。 用户可以更改对象的 z-index(哪个对象显示在其他对象前面),复制和删除对象。
![突出显示任务编辑器中与对象使用相关的区域。](/content/learn/content_imgs/learn/guide/task-editor/imgs/objects/objects.png)
对象可以作为事件系统的一部分使用,以便在发生某些操作时以某种方式操纵刺激。例如,如果您希望当参与者单击图像时图像增大,这可以通过事件来处理。
“当前选定对象”可以通过直接单击框架上的对象或单击对象列表中的相应对象来选择。在选择对象和适当的修饰符(默认试验、因子级别、条件或单次试验)后,可以直接在画布上修改或通过使用右侧的“对象属性”面板进行修改。在此面板中,当前选定对象的所有属性都会显示并可以通过输入字段、复选框等进行修改。 在此处阅读有关对象属性的更多信息。
对象列表和自定义属性
媒体对象
单击对象侧菜单上的第一个图标,将出现完整的媒体对象列表。在这里,您可以添加基于媒体的刺激,如图像和视频,也可以添加诸如音频录音等高级功能。
![媒体对象侧菜单](/content/learn/content_imgs/learn/guide/task-editor/imgs/objects/media_menu.png)
下表概述了 Labvanced 中可用的媒体对象:
媒体对象 | 描述 |
---|---|
图像对象 ![]() | 图像对象可用于在画布框架上显示图像。可以通过文件管理器手动设置图像,但也可以在实验执行期间使用事件和变量动态更改(数据类型文件)。 |
视频对象 ![]() | 视频对象可用于在画布框架上呈现视频。可以通过文件管理器手动设置视频,但也可以在实验执行期间使用事件和变量动态更改(数据类型文件)。 |
音频对象 ![]() | 音频对象可用于在画布框架上呈现音频文件。可以通过文件管理器手动设置音频文件,但也可以在实验执行期间使用事件和变量动态更改(数据类型文件)。 |
音频录制对象 ![]() | 音频录制对象在实验执行期间充当声音录制的可视接口/手柄。可以通过按钮、框架事件或其他对象触发的事件来启动和停止录音,并可以上传到安全的 Labvanced 服务器。 |
视频录制对象 ![]() | 此对象可用于录制参与者的视频、参与者屏幕的录制或两者同时录制。有几种可启用/禁用的选项:实时向参与者显示录制的视频,或者在实验中稍后显示(或根本不显示),允许参与者控制视频的开始/停止/上传,并确定视频作为变量存储的位置。使用视频录制对象还会录制参与者的音频。 |
相机快照对象 ![]() | 此对象可用于拍摄参与者的图片快照。为此,必须启用实验的视频录制。可以向参与者隐藏或显示相机按钮、快照按钮和上传按钮。可以使用事件来触发相机快照,或者参与者可以自己控制。此工具对验证参与者的身份/人口统计信息非常有用,但应视为极其敏感的信息。快照被存储为文件变量。 注意 1: 记录被试或其屏幕的视频/图像可能会非常敏感。在他们开始之前,请确保参与者完全了解实验的内容。 注意 2: 当在研究中使用任何类型的网络摄像头(用于眼动跟踪、视频、快照等)时,参与者将在研究开始时被提示选择他们希望使用的相机。如果参与者不希望使用内置摄像头系统,则允许他们选择连接的外部相机。 |
I-框架对象 ![]() | I-框架对象可用于在实验中显示 I-框架(嵌入的其他网站)。 重要: 为了显示 I-框架,控制目标 URL 的服务器必须将 http 头“Access-Control-Allow-Origin”设置为“*”或必须包含“labvanced.com”,并且不得设置 http 头“X-Frame-Options”。 |
形状对象
单击侧菜单上的第二个图标可显示所有可用的形状对象。
![形状对象侧菜单](/content/learn/content_imgs/learn/guide/task-editor/imgs/objects/shape_objects.png)
下表概述了 Labvanced 中可用的形状对象:
形状对象 | 描述 |
---|---|
隐形元素对象 ![]() | 隐形对象对参与者始终不可见,但可以触发事件,因此可以通过画布上看似空白区域上的鼠标事件触发事件。 |
画布绘图对象 ![]() | 画布绘图元素允许参与者使用鼠标、手指或设备上的触控板在屏幕上“绘画”。如果您使用对象选项卡中的复选框启用此功能,则可以调整绘图空间的大小。参与者可以绘图、擦除并添加三角形、矩形或圆形等形状。形状可以在添加后拖动。参与者还可以更改笔或形状的颜色。研究人员可以使用此工具绘制静态图像,以便在不允许参与者在框中绘画的情况下选择取消选中“允许参与者绘图”的选项。无论如何,绘图将作为图像保存在每个参与者的私人文件中,类似于相机快照对象。可以通过选中相应的框启用或禁用每个工具栏。 |
SVG对象 ![]() | 可以将SVG上传到画布编辑器。此对象在基于Labvanced的眼动跟踪研究中非常流行。SVG可以采取复杂形状,作为“遮罩”用于触发与眼动跟踪相关的事件,例如计算在特定SVG区域内的注视次数。 |
多边形对象 ![]() | 多边形对象也可以用于眼动跟踪研究,以在Labvanced编辑器中通过单击创建复杂形状来创建遮罩或感兴趣区域(AOI)。该对象还可以用于创建折线。此演示演示了如何在眼动跟踪研究中使用多边形对象来计数注视。 |
文本对象
对象侧菜单的第三个选项用于向编辑器添加文本对象。
![文本对象在编辑器中的侧菜单位置。](/content/learn/content_imgs/learn/guide/task-editor/imgs/objects/text_objects_menu.png)
文本对象 | 描述 |
---|---|
显示文本对象 ![]() | 此对象在框架上向参与者呈现文本和/或变量。用户可以使用框架顶部的“类似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 的此模块。