image 图片

展示图片,目前允许以下格式的图片:

  • jpg
  • png

示例

基础使用

在使用前请确保图片地址存在,使用dep内置函数指向图片地址,这个函数可以使用绝对地址,在以下例子中crate://self/表示项目根目录。

1<image src="dep('crate://self/resources/genui.png')"></image>

属性

名称说明类型
visible是否可见bool
grab_key_focus捕获键盘焦点bool
opacity不透明度F32
cursor鼠标指针样式MouseCursor
scale缩放比例F64
fit图片适配方式ImageFit
src图片资源路径LiveDependency
min_width最小宽度i64
min_height最小高度i64
rotation旋转角度F32
abs_pos绝对位置DVec2
margin外边距Margin
width宽度Size
height高度Size
scroll滚动偏移DVec2
clip_x是否裁剪 X 轴bool
clip_y是否裁剪 Y 轴bool
padding内边距Padding
align对齐方式Align
flow流动方式Flow
spacing间距F64
event_key事件键bool

事件回调

名称说明参数
hover_in鼠标悬停事件GImageHoverParam
hover_out鼠标移出事件GImageHoverParam
clicked点击事件GImageClickedParam