Skip to content

EImage 图片 ​

import EUI 1.0

示例与代码 ​

缩略图、翻转与下载 ​

QML 代码QML
效果
运行代码,体验组件交互

可修改文字、属性和事件,再点击运行。

代码在当前浏览器中运行 许可

关闭下载入口 ​

QML 代码QML
效果
运行代码,体验组件交互

可修改文字、属性和事件,再点击运行。

代码在当前浏览器中运行 许可

多图预览、缩放、旋转与键盘切图 ​

QML 代码QML
效果
运行代码,体验组件交互

可修改文字、属性和事件,再点击运行。

代码在当前浏览器中运行 许可

图片 ​

QML 代码QML
效果
运行代码,体验组件交互

可修改文字、属性和事件,再点击运行。

代码在当前浏览器中运行 许可

属性 ​

属性说明取值与默认值
closeOnPressEscapebool

是否允许按 Escape 关闭。

默认值true
enabledbool

是否允许交互;false 时控件禁用。

默认值true
errorDelegateComponent

自定义错误状态的 Component 插槽;null 使用默认内容。 委托上下文见本页示例。

默认值null
errorTextstring

错误或加载失败的提示文字。

默认值随当前语言变化
fillModeint

图片在可用空间中的缩放和填充方式。

Image.Stretch
Image.PreserveAspectFit
Image.PreserveAspectCrop
Image.Tile
Image.TileVertically
Image.TileHorizontally
Image.Pad

默认值Image.PreserveAspectFit
heightreal

组件尺寸,单位为像素;可绑定父布局尺寸。

默认值implicitHeight
hideOnClickModalbool

点击图片预览遮罩时关闭预览。

默认值true
infinitebool

图片预览是否允许首尾循环切换。

默认值true
initialIndexint

初始显示项的索引,从 0 开始。

默认值0
lazybool

按需创建内容或加载数据;数据控件使用 load / lazyLoad。

默认值false
maxScalereal

图片预览允许的最小或最大缩放倍数。

默认值7
minScalereal

图片预览允许的最小或最大缩放倍数。

默认值0.2
placeholderDelegateComponent

自定义图片加载占位的 Component 插槽;null 使用默认内容。 委托上下文见本页示例。

默认值null
previewbool

是否启用图片预览。

默认值false
previewSrcListvar

图片预览地址数组。

默认值[]
showProgressbool

是否显示图片加载进度。

默认值true
sourceurl

图片或媒体资源地址,支持 Qt 可加载的 URL。

默认值""
toolbarDelegateComponent

自定义预览工具栏的 Component 插槽;null 使用默认内容。 委托上下文见本页示例。

默认值null
viewerDelegateComponent

自定义图片预览器的 Component 插槽;null 使用默认内容。 委托上下文见本页示例。

默认值null
visiblebool

是否显示组件。

默认值true
widthreal

组件尺寸,单位为像素;可绑定父布局尺寸。

默认值implicitWidth
zoomRatereal

每次图片缩放的倍率。

默认值1.2
previewIndexint只读

当前预览图片索引。

默认值由运行时计算
previewRotationreal只读

当前预览图片旋转角度。

默认值由运行时计算
previewScalereal只读

当前预览图片缩放倍数。

默认值由运行时计算
previewSourcesvar只读

实际可用的预览图片地址数组。

默认值由运行时计算
previewVisiblebool只读

图片预览弹层是否打开。

默认值由运行时计算
statusint只读

图片当前的加载状态。

Image.Null
Image.Ready
Image.Loading
Image.Error

默认值由运行时计算
allowDownloadbool

显示并启用预览图片保存入口。

默认值true
showThumbnailsbool

预览时显示图片缩略图导航。

默认值false
downloadBusybool只读

图片网络下载是否正在进行。

默认值imageFiles.busy
previewFlippedVerticalbool只读

预览图片是否已垂直翻转。

默认值internal.flippedVertical
previewFlippedHorizontalbool只读

预览图片是否已水平翻转。

默认值internal.flippedHorizontal

信号 ​

签名作用
loaded()

图片加载成功后触发。

loadError()

图片资源加载失败时触发,可用于显示替代内容。

previewShown()

图片预览打开后触发。

previewClosed()

图片预览关闭后触发。

previewRotated(real angle)

预览图片旋转后触发,angle 为当前旋转角度。

previewSwitched(int index)

切换预览图片后触发,index 为当前图片的索引。

downloaded(url destination)

图片保存成功时触发,destination 为保存位置。

downloadFailed(string message)

图片下载失败时触发,message 为错误信息。

方法 ​

签名作用
closePreview()

关闭图片预览。

loadNow()

立即加载图片,绕过等待进入可视区域的延迟。

showPreview(index)

显示图片预览;index 指定初始图片。

resetPreview()

恢复预览图片的初始缩放、旋转和翻转状态。

rotatePreview(angle)

旋转预览图片,angle 为旋转角度。

flipPreview(vertical)

翻转预览图片;vertical 为 true 时纵向翻转,否则横向翻转。

downloadPreview(destination)

将当前预览图片保存到 destination。

zoomPreview(factor)

按 factor 调整预览图片的缩放比例。

openPreview(index)

打开图片预览;index 指定初始图片。

setActiveItem(index)

将 value 或 index 指定的项目设为当前项。

基于 MIT 许可发布 · 第三方资源遵循其各自许可