QT Quick （QML） Image 让显示的图片周边变得光滑

• 在做QT Quick 图片显示时常常会遇到显示的图片边缘不是平滑的（一般为原图片尺寸大于要显示的大小），呈现锯齿状，在QML书写时只需要配置mipmap属性为true就能显示漂亮的图片了
• 不配置的情况

1. 代码：

• import QtQuick 2.6
  import QtQuick.Window 2.2
  
  Window {
      visible: true
      width: 640
      height: 480
      title: qsTr("My Image")
      color: "white"
      Image {
          anchors.centerIn: parent
          id: m_image
          width: 60
          //mipmap:true
          fillMode: Image.PreserveAspectFit
          source: "qrc:/image/test2.jpg"
      }
  }

 显示效果：

• 配置的情况

代码：

• import QtQuick 2.6
  import QtQuick.Window 2.2
  
  Window {
      visible: true
      width: 640
      height: 480
      title: qsTr("My Image")
      color: "white"
      Image {
          anchors.centerIn: parent
          id: m_image
          width: 60
          mipmap:true
          fillMode: Image.PreserveAspectFit
          source: "qrc:/image/test2.jpg"
      }
  }

显示效果：

结果：明显可以看出第二章图片周边变得平滑了许多