外部图像

使用外部图像添加需要从外部加载而不是嵌入到皮肤中的图像。如果您在导览中有很多缩略图并且没有使用节点图像元素,这尤其有用。

从外部源调用图像将有助于保持游览顺利进行。您还可以使用外部图像加载器嵌入 YouTube 或 Vimeo 视频。并且可以使用 “设置值” 作动态更改内容 (URL)。

矩形

背景

矩形的背景。

  • 启用选择以显示文本框的背景。

  • 颜色 – 使用颜色选择器为背景选择颜色。✭ 逻辑块可用。

边境

文本字段的边框或轮廓。可以针对整个边框或单个边或角更改边框的宽度、半径和颜色。单击“ 切换单个值/分隔值 ”按钮。

  • 宽度 – 定义边框的宽度。

  • 半径 – 增加此数字将使矩形的角变圆。可用于创建圆圈。

  • 颜色 – 为边框选择颜色。✭ 逻辑块可用。

图像边框

  • 半径 – 调整图像的角圆度。这将显示矩形的背景。输入“999”表示圆或椭圆。

外部图像

外部网址

输入图像的 URL 以从外部加载它。这可以是 Web URL 或文件路径。如果图像位于项目文件夹之外,请使用绝对(完整)路径;否则,相对路径是可以接受的。

装载

隐藏时卸载内容 – 选中,这将在图像加载器隐藏时卸载内容。交换内容时,这会防止在下一个内容显示(加载)之前显示上一个内容。如果内容未更改或被替换,则可以取消选择此选项,因为它不会卸载和重新加载内容。

内容缩放

选择如何在外部图像容器的框架内缩放内容。从以下选项中进行选择:

  • – 无扩展
  • 最小值 – 图像将调整大小以尽可能大而不被剪切。保留原始纵横比。可能会导致所有边缘出现空白。
  • 最大 – 图像将调整大小,以便使用外部加载器的整个区域。如果图像的纵横比与外部图像元素的纵横比不匹配,可能会导致图像被剪切。
  • 水平 – 图像将被缩放以使其宽度适合外部图像元素的宽度,同时保持其纵横比。
  • 垂直 – 图像将被缩放以使其高度适合外部图像元素的高度,同时保持其纵横比。
  • 填充 – 图像的宽度和高度将缩放以匹配外部图像加载器的纵横比。如果图像的纵横比与外部图像元素不匹配,这将使图像失真。

从不放大 – 选择此选项以从不将内容放大到超出其原始分辨率。不会对 SVG 产生影响,因为它们与分辨率无关。

剪辑内容 – 选中后,内容将被外部图像的边界裁剪。

  • 滚动条 – 剪辑内容时,您可以选择使用滚动条,允许用户移动和查看剪辑的内容。

对齐方式 – 选择内容在外部映像容器中的缩放方式。

替代文本

替代文本 – 为屏幕阅读器添加图像描述(辅助功能)。

位置

身份证

为元素指定唯一的 ID 或名称。ID 是自动给出的,当添加多个 ID 时,将按数字排序。如果某个 ID 已被另一个元素使用,则输入字段旁边将出现一个警告符号。

点热点模板将有一个菜单,显示所有默认模板 ID 以及项目中使用的任何模板 ID。

★ 提示: 单击警告符号可为该元素创建唯一 ID。

位置

元素的 X 和 Y 坐标。

元素的位置相对于其父元素及其锚定位置(Canvas 是顶级元素的父元素)。

例如,锚定并放置在画布中间的视频将将其锚点设置为中心 XY 设置为 0。因此,如果元素锚定到水平中心,则 X 坐标是从父元素中心到元素水平中心测量的。同样,如果一个元素锚定在右侧,则 x 坐标是从父元素的右侧到元素的右侧测量的,如箭头所示。

★ 提示: 双击箭头将 X 和 Y 设置为 0。这使得精确定位元素变得更加容易,尤其是在播放器的边缘。例如,要使元素保持在播放器的底部中心并与边缘保持一定距离,请将锚点设置为底部中心,并将 Y 值设置为 20 像素,将 X 值设置为 0

XY

  • 百分比 – 根据玩家的大小/窗口设置元素位置的单位。

  • 像素 – 用于设置元素在蒙皮中的实际位置的单位。

  • CSS – 选择 CSS 作为单位,以允许在添加逻辑块时更改单位或使用计算。

    • 示例:将 x 位置单位设置为 CSS。在编辑字段中输入 100px。添加一个逻辑块,选择一个触发器,然后增加 20% 的大小,有效地切换单元。

使用此网格将元素“粘贴”到播放器窗口的一部分。请参阅上文 ,了解锚点如何影响位置。

大小

热点模板(Hotspot Template) 和 节点标记(Node Marker) 没有大小参数。

以像素为单位调整元素的大小(宽度和高度)。 宽度高度

  • 百分比 – 根据玩家的大小/窗口设置元素大小的单位。

  • 像素 – 设置元素实际大小的单位。

  • 锁定纵横比 – 单击链接图标以在画布中调整大小或在属性面板中更改大小值时锁定元素的大小纵横比。当选择另一个元素时,此按钮将重置为关闭

  • CSS – 选择 CSS 作为单位,以允许在添加逻辑块时更改单位或使用计算。

    • 示例:将元素定位在距顶部 50 像素的位置,然后将高度设置为 calc(100% - 50px)。 然后,该元素将始终与顶部保持相同的距离,即 50px,并将直接向下延伸到底部。
  • 重置大小 – 适用于图像、按钮和 SVG 元素。单击以返回图像的原始大小。

  • 重置大小/2 – 可用于图像、按钮和 SVG 元素。当您想要将 PNG 或 JPG 添加到项目中,但仍希望它在 Hi-DPI 显示器中看起来清晰时,请使用此选项。例如,如果皮肤需要 32 像素的图像,请使用 64 像素的图像,然后单击重置大小/2。这将使其在皮肤中达到 32 像素,但仍具有高分辨率显示的所有像素。

外观

缩放

沿 x 轴和 y 轴缩放元素。例如,将任一轴上的值加倍,元素的大小将加倍。如果启用了缩放修饰符,则忽略此缩放设置。

中心

使用此网格可以确定元素的缩放方式。默认值设置为中心,以便元素将从其中心缩小或缩小。例如,如果将缩放锚定到左上角,则缩放将从该点居中。

角度

使用此参数调整元素的角度。它将使用中心网格(上图)作为其轴。例如,如果选择中心,它将围绕其中心旋转。如果选择左下角,按钮将围绕该角旋转。

可见

选择或取消选择以使元素保持可见或不可见。可见性或不可见性可以通过作进行更改和切换。

阿尔法

元素的透明度。设置为 1.000 是不透明的。降低此数字将增加元素的透明度。

光标

选择鼠标在元素上滚动时显示的光标。

继承 – 元素将从其父元素继承光标。这是除 Button 和 Seekbar 之外的所有元素的默认设置。

– 手形光标将显示。这是 Button 和 Seekbar 元素的 deafult。选中后,光标不会从其父元素继承。

默认 – 选择此选项可强制浏览器的默认光标(通常为箭头)。选中后,光标不会从其父元素继承。

掩蔽

仅容器和矩形元素选择“已启用”以激活掩码。掩码意味着容器或矩形的子元素将在容器或矩形的边界处被裁剪。

可及性

选项卡索引

要使皮肤元素可通过键盘控制,必须将它们添加到网页的 Tab 键顺序中。制表符索引 -1(默认值)会从 Tab 键顺序中排除该元素。制表符索引 0 将元素包含在制表符顺序中。浏览器将通过在活动元素周围放置一个矩形来突出显示活动元素。一旦皮肤元素成为活动元素(由突出显示指示),请按 Enter/Return 键触发其单击作。

ARIA 标签、描述、详细信息

这些是用于定义元素和支持角色的属性或属性。

标签 – 定义或命名元素。

描述 – 提供元素的简要描述。

详细信息 – 提供元素的扩展、详细描述。

ARIA 角色

ARIA 角色用于定义 UI 元素(按钮、加载栏等)。从列表中选择最能定义元素的元素。

隐藏

选择以隐藏所有 ARIA 属性。

高深

z-index

设置 CSS z-index 属性 。使用数字设置堆叠顺序或将设置保留为默认值。默认将使用中设置的堆叠顺序。

这用于确保元素以正确的堆叠顺序显示,尤其是在靠近或重叠时。

可渗透的

选择以确保元素不接受鼠标单击。当您想要在皮肤中包含元素但又不希望它妨碍与全景交互的能力时,这非常有用。例如,您可以添加晕影、徽标或边框,单击这些晕影或徽标或边框,将允许与全景图进行交互。

热点代理 ID

输入相应的 ID。该 ID 来自热点属性中热点的 ID 字段。热点代理使您能够将皮肤元素链接到特定热点。这意味着该元素将接收与热点相同的鼠标和触摸事件(鼠标单击、鼠标双击、鼠标进入和鼠标离开)。您还可以添加 {} 以将节点 ID 用作热点代理。 了解更多

CSS 类

输入所选元素的 CSS 类名称。您可以输入多个以空格分隔的类。如果您需要更多空间,请单击字段右侧的编辑按钮以获得更大的文本字段。没有点 需要。

CSS 样式

输入所选元素的 CSS 样式属性。您可以输入多个用分号分隔的样式。如果您需要更多空间,请单击字段右侧的编辑按钮以获得更大的文本字段。

CSS 样式内部元素

输入所选元素的内部元素的 CSS 样式属性。(某些皮肤元素,如 Image、Video 和 External Image,在元素的主 <div> 内嵌套了一个内部元素。

例如,图像元素可以有一个边框: border-radius: 20px; border: 5px solid red; 。也可以用换行符输入:border-radius:20px; 边框:5px 纯红色;

Image with added CSS border
添加了 CSS 边框的图像

捷径

输入首选键以控制为元素定义的作。例如,选择文本字段,按键盘上的向上键。然后添加鼠标单击作。单击或按下向上键时,该元素将执行分配的作。

从翻译中排除

选择此选项可不将此元素包含在皮肤的翻译文件中。

安全区域

可用于容器元素

选择 “使用安全区域作为位置和大小 ”,将容器的子元素保持在设备的安全区域内。此选项可确保元素始终 100% 可见,并且皮肤会自动对设备的安全区域做出反应。

确保在 Web 输出的 HTML 模板设置中未选择“ 忽略安全区域 ”。

动作

可以将作或一组方向应用于添加到皮肤的任何元素以创建交互性。

双击“作”区域或单击右侧的加号以打开“作设置”。

有关所有作的详细信息,请参阅皮肤作

修饰 符

添加修改器允许您在平移、倾斜、缩放或加载全景图时使元素移动、缩放或旋转。使用修饰符的一个很好的示例是加载条,该加载条会根据已加载的全景图量进行缩放。

双击 修改器(Modifiers) 区域或点击右侧的加号以打开 修改器设置(Modifier Settings)。

有关所有修改器的更多详细信息,请参阅蒙皮修改器

笔记

使用此部分添加有关元素的信息。如果您有一个组件并想要解释该组件中的元素,这尤其有用。

注释将在中显示为工具提示。

另请参阅...

上次修改时间: 2025 年 7 月 24 日