#QML MapPolygon区域加入渐变色效果
因为没搜索到相关MapPolygon区域设置渐变色的文章,通过自己实验获得以下方法,仅用作笔记记录。众所周知MapPolygon本身是不带gradient属性的,需要通过LinearGradient来实现渐变,示例代码如下:
import QtGraphicalEffects 1.12
MapPolygon {
opacity: 0.6
border.color: borderColor
border.width: borderWidth
path: mapPolygon.path
LinearGradient{
anchors.fill: parent
start: Qt.point(0, 0)
end: Qt.point(width, 0) ///1.横向渐变
gradient: Gradient {
GradientStop {position: 0.0; color: "#5A34E4" }
GradientStop {position: 0.5; color: "#FF8F2C" }
}
}
}
效果图: