【QML】Image 图片颜色修改

1. Image 图片颜色修改

• 使用ColorOverlay类型
• 头文件：import QtGraphicalEffects 1.15
• 代码示例：

import QtGraphicalEffects 1.15
Image {
	id: img
	anchors.verticalCenter: parent.verticalCenter
	anchors.left: parent.left
	anchors.leftMargin: 20
	source: 'qrc:/Icon/login_icon.png'

	// 改变图标颜色
	ColorOverlay{
		anchors.fill: parent
		color: "white"
		source: parent
	}
}

2. 问题

• ColorOverlay在Linux开发板中没效果，但是Ubuntu 中使用QtCreator远程部署到Linux开发板却可以。
• 现象与VideoOutput调试的时候很像
• 没找到解决办法，最后直接用photo shop修改了图标颜色

参考：【Qt QML】VideoOutput被Window覆盖，部署到远程Linux主机与在远程主机直接运行效果不一致