QML Image Element 属性详情说明及样例

本文介绍了QML中Image元素的特性和用法,详细解释了其主要属性成员,如asynchronous、autoTransform、fillMode等,并通过一个实用样例展示了如何在实际应用中运用这些属性。

QML Image Element

Image元素继承Item,支持PNG,JPG,GIF,BMP等静态图片格式,也支持矢量图片格式SVG,不支持动画(动画可以用它的派生子元素AnimatedImage)。

Image定义的主要属性成员包括以下(继承Item的基本属性参考后面第二个表格

1)asynchronous : bool//是否使用额外的线程加载图片(如果是本地大图片,建议设置成true)。如果是网络加载图片参数无法修改默认是true。

2)autoTransform : bool //whether the image should automatically apply image transformation metadata such as EXIF orientation.默认为false.

3)cache : bool //是否缓存加载的图片,默认为true。如果大图片建议设置为false,节约内存。

4)fillMode : enumeration //如果item显示区域与image的size 不匹配是,设置如何显示image

 - Image.Stretch -image 缩放到item 显示区域内(默认方式)

 - Image.PreserveAspectFit - 根据item显示区域缩放,不裁剪图片

 - Image.PreserveAspectCrop - 根据item显示区域同比例缩放,需要时适当裁减图片

 - Image.Tile - 根据item显示区域,在水平,垂直方向重复显示图片

 - Image.TileVertically - 水平方向缩放图片,垂直方向重复显示图片

 - Image.TileHorizontally - 垂直方向缩放图片,水平方向重复显示图片

- Image.Pad – 不处理图片 the image is not transformed

5)mirror : bool // 水平镜像特效,默认为false

6)paintedHeight : real //只读属性,保存着图片被绘制的高度

7)paintedWidth : real //只读属性,保存着图片被绘制的宽度

8)progress : real // 只读属性,图片加载进度,(0.0-1.0)

9)smooth : bool //平滑处理。如果图片经过缩放,那么打开参数会导致图片加载速度变慢。

10)source : url // 图片地址,注意qml对路径的处理,有时需要使用file://, qrc。

11)source
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值