图像元素(Image Element)

一个图像元素(Image Element)能够显示不同格式的图像(例如PNG,JPG,GIF,BMP)。想要知道更加详细的图像格式支持信息,可以查看Qt的相关文档。source属性(source property)提供了图像文件的链接信息,fillMode(文件模式)属性能够控制元素对象的大小调整行为。

  1. Image {
  2. x: 12; y: 12
  3. // width: 48
  4. // height: 118
  5. source: "assets/rocket.png"
  6. }
  7. Image {
  8. x: 112; y: 12
  9. width: 48
  10. height: 118/2
  11. source: "assets/rocket.png"
  12. fillMode: Image.PreserveAspectCrop
  13. clip: true
  14. }

注意
一个URL可以是使用’/‘语法的本地路径(”./images/home.png”)或者一个网络链接(”http://example.org/home.png“)。
注意
图像元素(Image element)使用PreserveAspectCrop可以避免裁剪图像数据被渲染到图像边界外。默认情况下裁剪是被禁用的(clip:false)。你需要打开裁剪(clip:true)来约束边界矩形的绘制。这对任何可视化元素都是有效的。
建议
使用QQmlImageProvider你可以通过C++代码来创建自己的图像提供器,这允许你动态创建图像并且使用线程加载。