图片

来源

配置图片的来源，支持本地上传和通过工作流动态绑定图片数据。

• 本地上传：支持jpg、png格式，暂不支持svg。
• 绑定数据：鼠标悬浮绑定数据的编辑框，单击展开图标，选择要绑定的工作流。

填充方式

配置图片适应容器的方式。

• 覆盖：图片可能会被裁剪，确保容器内没有空白。
• 包含：图片不会被裁剪，可能会在容器内留有空白。
• 拉伸：图片的比例可能会失真。

支持大图

打开支持大图的开关，用户点击缩略图时可以放大图片。

固定比例

打开固定比例开关，可以设置图片的比例，例如16:9、3:2等。

比例

配置图片的固定比例，支持保持图片初始比例、16:9、3:2、4:3、1:1、9:16、2:3、3:4。
仅打开固定比例开关，才支持该参数配置。

宽度

配置图片组件的宽度值，支持以下宽度设置方式：

• 固定：固定的像素值，不会随容器大小变化。
• 百分比：元素的宽度占容器宽度的百分比。
• 填充容器：元素的宽度填满容器的可用空间。
• 适应内容：元素的宽度会随着内容的大小自动调整。

高度

配置图片组件的高度值，支持以下高度设置方式：

• 固定：固定的像素值，不会随容器大小变化。
• 百分比：元素的高度占容器高度的百分比。
• 填充容器：元素的高度填满容器的可用空间。
• 适应内容：元素的高度会随着内容的大小自动调整。

仅关闭了固定比例开关，才支持该参数配置。

尺寸限制

配置图片组件的尺寸限制，支持配置最大高度、最小高度、最大宽度、最小宽度。
合理设置尺寸限制参数可以确保组件在不同屏幕尺寸下保持布局的稳定性和一致性，避免因屏幕尺寸差异而导致的布局问题。

填充

配置图片组件背景的显示颜色。

圆角

配置图片组件背景的圆角，支持单独设置四个角的圆角。

内边距

配置图片组件背景的内边距，可以单独设置四个方向的内边距。

外边距

配置图片组件背景的外边距，可以单独设置四个方向的外边距。

边框

配置图片组件背景的边框样式。支持如下设置方式：

• 预设样式：提供预设的阴影样式，可直接使用。
• 自定义样式：通过边框线的颜色、粗细和样式，自定义边框样式。

阴影

配置图片组件背景的阴影样式，增强组件的立体感。支持如下设置方式：

• 预设样式：提供预设的阴影样式，可直接使用。
• 自定义样式：支持通过样式、X偏移、Y偏移、模糊半径、扩展半径、颜色，自定义阴影样式。

模糊

配置图片组件的模糊效果，数值越大，模糊效果越明显。支持设置图层模糊和背景模糊。

• 图层模糊：当前图层内包含的所有元素都将被模糊处理。
• 背景模糊：支持模糊处理当前组件底部所覆盖部分。

缩放

配置图片组件大小的缩放比例。

旋转

配置图片组件围绕中心点旋转的角度。

位移

配置图片组件在水平和垂直方向上的移动距离。

倾斜

配置图片组件在水平和垂直方向上的倾斜角度。

悬浮效果

配置图片组件的悬浮态效果。具体配置说明如下：

• 样式效果：当鼠标悬浮到图片组件上时，图片组件的样式变化情况。包括背景色、边框等。详细说明，请参考样式设置。
• 变换效果：当鼠标悬浮到图片组件上时，图片组件的动态变化情况。包括缩放、旋转等。详细说明，请参考变换设置。
• 过渡效果：设置图片组件悬浮态的动画效果。
  • 动画效果：支持设置为缓入缓出、缓入、缓出、线性等动画。
  • 持续时间：设置动画的持续时间，单位为毫秒。
  • 延迟时间：设置动画延迟出现的时间，单位为毫秒。
  • 生效范围：设置动画的生效范围。
    • 应用于全部变化：动画效果将应用于样式设置和变换设置所产生的所有变化。
    • 仅应用于变换效果：动画效果仅应用于变换设置所产生的变化。

点击效果

配置图片组件的点击态效果。具体配置说明如下：

• 样式效果：点击图片组件时，图片组件的样式变化情况。详细说明，请参考样式设置。
• 变换效果：点击图片组件时，图片组件的动态变化情况。详细说明，请参考变换设置。
• 过渡效果：设置图片组件点击态的动画效果。
  • 动画效果：支持设置为缓入缓出、缓入、缓出、线性等动画。
  • 持续时间：设置动画的持续时间，单位为毫秒。
  • 延迟时间：设置动画延迟出现的时间，单位为毫秒。
  • 生效范围：设置动画的生效范围。
    • 应用于全部变化：动画效果将应用于样式设置和变换设置所产生的所有变化。
    • 仅应用于变换效果：动画效果仅应用于变换设置所产生的变化。

出场效果

设置图片组件在界面中出现时的动画效果。目前支持设置为淡入、缩放、模糊、水平翻转、垂直翻转、从下滑入、从上滑入、从左滑入、从右滑入。

事件类型

支持以下事件类型：

• 点击时：当用户点击组件时触发。
• 加载时：当组件完成加载时触发。

组件方法

支持以下方法：

• 滚动到视图：将组件滚动到可视区域内。
• 设置图片链接：为图片组件设置或更新内容。
• 设置隐藏：隐藏组件，使其不可见。
  • 值为 false：显示组件。
  • 值为 true：隐藏组件。
• 下载到本地：下载图片文件到本地，文件名为image+时间戳。配置示例，请参考下载图片到本地。