105.QML实现现代Neumorphism风格界面01-Button实现
本文将介绍如何使用QML实现Neumorphism设计风格。
什么是Neumorphism?
Neumorphism是一种结合了拟物化和扁平化设计元素的美学风格。它的核心特点是通过精心设计的阴影效果,使UI元素看起来像是从背景中"凸起"或"凹陷"的效果,本章demo截图如下所示:
GIF如下图所示:
我给大家提供了以下几个常用属性:
- color neStyleColor: 风格样式颜色,我们也可以改成其他颜色
- color neAccentColor: 风格重色颜色,比如按钮文本等控件重色
- real neDistance : 边距,设置阴影边距, 大于1.0则边距很大 1.0为正常, 小于1.0就会很淡