组件/EUI 扩展

ERotatingIcon 旋转图标

import EUI 1.0

示例与代码

旋转图标

QML 代码QML

import EUI 1.0 import QtQuick 2.15 import QtQuick.Layouts 1.15 import QtQuick.Controls 2.15 Column { spacing: 16 width: parent.width ERotatingIcon { running: true iconSource: EIcons.ARROW_ROTATE_RIGHT } ERotatingIcon { running: false iconSource: EIcons.ARROW_ROTATE_RIGHT color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Warning) } ERotatingIcon { iconSize: 28 duration: 900 running: true originX: width / 2 originY: height / 2 iconSource: EIcons.ARROW_ROTATE_RIGHT color: EPaletteManager.ThemePalette.fetchColorForStyle(EStyle.Primary) } }

效果

运行代码，体验组件交互

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

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

属性

属性说明取值与默认值

colorcolor

自定义颜色；透明值通常表示使用当前主题或语义配色。

默认值动态绑定

durationint

图标旋转一周的时间，单位为毫秒。

默认值1500

enabledbool

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

默认值true

fontfont

字体配置，控制字体、字号及文字样式。

常用字段：
family、pixelSize、pointSize
bold、italic、weight
underline、strikeout
letterSpacing、wordSpacing

默认值应用字体

heightreal

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

默认值动态绑定

iconSizeint

图标、选项或交互部件的尺寸，单位为像素。

默认值20

iconSourceint

组件使用的图标。

EIcons.*
0（无图标）

默认值0

lineClampint

显示行数上限；0 表示不限制。

0：不限制
正整数：最多显示行数

默认值0

originXreal

旋转中心相对图标的归一化坐标。

默认值width / 2

originYreal

旋转中心相对图标的归一化坐标。

默认值height / 2

runningbool

是否持续旋转图标。

默认值false

sizeint

文字尺寸。

EStyle.Small
EStyle.Medium
EStyle.Large

默认值EStyle.Medium

textstring

显示的文字内容。

默认值

展开默认值

graphic.source.toString().length > 0 ? " " : iconSize > 0 ? String.fromCharCode(iconSource) : ""

truncatedbool

宽度不足时省略文本。

默认值false

typestring

文字的语义颜色类型，空值使用默认颜色。

"" / "primary"
"success" / "info"
"warning" / "danger"

默认值""

visiblebool

是否显示组件。

默认值true

widthreal

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

默认值动态绑定