Qt Quick图形效果

自己博客中的代码可以在https://github.com/xixihaha331/QT_Repository中获取

1.图形效果

使用图形效果模块,要在.qml文件中导入
import QtGraphicalEffects 1.0

Gradient 定义一个两种颜色的渐变过程
Blend混合效果
Color颜色效果
Distortion变形效果
DropShadow阴影效果
Blur模糊效果
Glow发光效果
OpacityMask遮罩效果

1.1Blend

属性:

cached允许缓存特效输出像素提高渲染性能,如果渲染是动态的对象,建议将该属性设置为false,默认值为false

foregroundSource在源图片之上进行混合的项目

source进行混合的源项目,在foregroundSource下面作为基项目

mode定义混合模型:
有22种不同的混合模型:normal;addition;average;color;colorBurn;colorDodge……..

1.2Color颜色效果

BrightnessContrast亮度对比度
属性:

brightness亮度的增减量;cached;contrast;source

ColorOverlay颜色叠加
属性:

cached允许缓存特效输出像素来提高渲染性能;source源图片;color

Colorize着色
属性:

hub色调;lightness亮度;saturation饱和度

Desaturate饱和度
GammaAdjust伽玛调整
HueSaturation色相饱和度
LevelAdjust色阶调整

1.3Gradient渐变效果

ConicalGradient锥形渐变
属性:

angle;gradient;horizontalOffset;source;verticalOffset

LinearGradient线性渐变
属性

start;gradient;end

RadialGradient辐射渐变
属性:

跟锥形渐变属性相同;horizontalRadius;verticalRadius;angle

1.4阴影效果DropShadow

DropShadow投影
属性

cached;source;color;fast;horizontalOffset;radius;samples;spread;transparentBorder;verticalOffset

_InnerShadow内阴影