GridMesh QML类型

定义一个顶点按网格排列的网格。更多信息...

导入语句	import QtQuick

所有成员的列表，包括继承成员

属性

resolution : size

详细描述

GridMesh定义了一个由均匀排列的顶点组成的矩形网格。它用于生成几何形状。网格分辨率由resolution属性指定。

属性文档

resolution : size

此属性包含网格分辨率。分辨率的宽度和高度分别指定水平方向和垂直方向上单元格或顶点之间的数量。最小值和默认值是1x1，对应四个顶点，每个角一个。对于非线性顶点变换，你可能需要将分辨率设置得更高。

结果	QML代码	gridmesh.vert
	import QtQuick 2.0 ShaderEffect { width: 200 height: 200 mesh: GridMesh { resolution: Qt.size(20, 20) } property variant source: Image { source: "qt-logo.png" sourceSize { width: 200; height: 200 } } vertexShader: "gridmesh.vert" }	#version 440 layout(location = 0) in vec4 qt_Vertex; layout(location = 1) in vec2 qt_MultiTexCoord0; layout(location = 0) out vec2 qt_TexCoord0; layout(std140, binding = 0) uniform buf { mat4 qt_Matrix; float qt_Opacity; float width; }; void main() { vec4 pos = qt_Vertex; float d = 0.5 * smoothstep(0.0, 1.0, qt_MultiTexCoord0.y); pos.x = width * mix(d, 1.0 - d, qt_MultiTexCoord0.x); gl_Position = qt_Matrix * pos; qt_TexCoord0 = qt_MultiTexCoord0; }

结果

QML代码

gridmesh.vert

import QtQuick 2.0

ShaderEffect {
    width: 200
    height: 200
    mesh: GridMesh {
        resolution: Qt.size(20, 20)
    }
    property variant source: Image {
        source: "qt-logo.png"
        sourceSize { width: 200; height: 200 }
    }
    vertexShader: "gridmesh.vert"
}

#version 440
layout(location = 0) in vec4 qt_Vertex;
layout(location = 1) in vec2 qt_MultiTexCoord0;
layout(location = 0) out vec2 qt_TexCoord0;
layout(std140, binding = 0) uniform buf {
    mat4 qt_Matrix;
    float qt_Opacity;
    float width;
};
void main() {
    vec4 pos = qt_Vertex;
    float d = 0.5 * smoothstep(0.0, 1.0, qt_MultiTexCoord0.y);
    pos.x = width * mix(d, 1.0 - d, qt_MultiTexCoord0.x);
    gl_Position = qt_Matrix * pos;
    qt_TexCoord0 = qt_MultiTexCoord0;
}