QmlCurvedClippping:使用着色器沿 QML 中的圆边平滑剪裁

时间:2024-07-03 20:43:16
【文件属性】:

文件名称:QmlCurvedClippping:使用着色器沿 QML 中的圆边平滑剪裁

文件大小:8KB

文件格式:ZIP

更新时间:2024-07-03 20:43:16

QML

沿圆边剪裁 QML 支持沿矩形项目的边缘进行裁剪。 它非常易于使用(只需将属性clip设置为true )并且非常有用。 但它也有两个主要缺点: 剪裁不会产生平滑的边缘(例如,当剪裁旋转的项目时) 即使创建带有圆角的矩形,剪裁也不适用于这些视觉边缘,而仅适用于始终为矩形的Items真实边缘 这个小项目演示了如何在视觉上很容易地将您的项目剪辑到其他项目的边缘。 缺点是您仍然可以单击应该剪掉的鼠标区域。 我们将通过 6 个易于遵循的步骤创建一个圆形仪表元件。 在每一步结束时,我都会为提交命名,您可以看到我所做的更改。 TL; 博士 启用应剪切的项目的分层( layer.enable: true ) 使OpacityMask成为该项目的layer.effect 将OpacityMask的maskSource属性设置为裁剪项 创建 QML 项目 第一步是创建一个新的 QML 项目。 我刚刚使


【文件预览】:
QmlCurvedClippping-master
----QmlCurvedClippping.qmlproject(454B)
----QmlCurvedClippping.qml(314B)
----Gauge()
--------Gauge.qml(6KB)
--------Indicator.qml(2KB)
----MainForm.ui.qml(335B)
----README.md(9KB)
----LICENSE.txt(1KB)

网友评论