Qt Quick Material风格涟漪效果跨平台错位及移除方法咨询

一、修复Linux平台涟漪错位问题 #

1. 升级Qt版本（推荐） #

你Linux端使用的Qt 5.14.2和Windows端的5.15.2存在版本差异，Qt 5.14.x的Material风格在嵌入式平台存在坐标计算bug，该问题在5.15版本中已被修复。将嵌入式Linux的Qt版本同步至5.15.2，大概率能直接解决涟漪错位问题。

2. 自定义TabButton修正涟漪坐标 #

如果暂时无法升级版本，可通过自定义TabButton的涟漪组件强制修正位置：

TabButton {
    text: qsTr("Page 1")
    background: Rectangle {
        color: parent.Material.primary
        Material.elevation: parent.Material.elevation
        Ripple {
            anchors.fill: parent
            pressed: parent.pressed
            // 强制涟漪从按钮中心触发，避免坐标偏移
            point: Qt.point(parent.width / 2, parent.height / 2)
        }
    }
}

3. 检查嵌入式平台渲染配置 #

部分嵌入式Linux的窗口系统（如Wayland、自定义EGLFS）可能存在坐标转换异常：

• 确认应用启动时使用正确的平台插件（比如-platform eglfs或-platform xcb）
• 检查OpenGL/EGL上下文的设置，确保没有全局坐标偏移

二、移除Material风格的涟漪效果 #

1. 全局禁用 #

在ApplicationWindow根节点设置，一次性关闭所有Material控件的涟漪：

ApplicationWindow{
    id:root
    Material.rippleEnabled: false
    // ... 其他原有代码
}

2. 单个控件禁用 #

针对特定控件（如TabButton、Slider）单独关闭涟漪：

TabButton {
    text: qsTr("Page 1")
    Material.rippleEnabled: false
}

Slider {
    Material.rippleEnabled: false
}

3. 自定义样式彻底移除 #

如果旧版本Qt中上述属性不生效，直接自定义控件背景，完全去掉涟漪逻辑：

TabButton {
    text: qsTr("Page 1")
    background: Rectangle {
        color: parent.pressed ? Material.accent : Material.primary
        // 可根据需求添加圆角、边框等样式
        radius: 2
    }
}

内容的提问来源于stack exchange，提问作者Qyru