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

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

被折叠的 条评论
为什么被折叠?



