怎么实现按钮控件倒影特效？

fan_xingwang

我想要做控件倒影特效，不是图片倒影，图片倒影已经做出来了，可是不能实现按钮控件倒影，有谁可以帮帮忙？

1. import QtQuick 2.4
   
2. import QtQuick.Window 2.2
   
3. import QtQuick.Controls 1.4
   
4. import QtGraphicalEffects 1.0
   
5. 
   
6. Window {
   
7.     visible: true
   
8.     width: 600
   
9.     height: 500
   
10.     Rectangle {
    
11.         id: window
    
12. 
    
13.         width: 600
    
14.         height: 500
    
15. 
    
16.         gradient: Gradient {
    
17.             GradientStop { position: 0; color: "lightsteelblue" }
    
18.             GradientStop { position: 1; color: "black" }
    
19.         }
    
20. 
    
21.         Button{
    
22.             id: img
    
23.             width: 300
    
24.             height: 170
    
25.             text: "haha"
    
26.             anchors.centerIn: parent
    
27.             onClicked: {
    
28.                 Qt.quit();
    
29.             }
    
30.         }
    
31. 
    
32. //        Image {
    
33. //            id: img
    
34. //            width: 300
    
35. //            height: 170
    
36. //            source: "snowman.png"
    
37. //            anchors.centerIn: parent
    
38. //        }
    
39. 
    
40.         ShaderEffect {
    
41.             anchors.top: img.bottom
    
42.             width: img.width
    
43.             height: img.height
    
44.             anchors.left: img.left
    
45. 
    
46.             property variant source: img
    
47.             property size sourceSize: Qt.size(0.5 / img.width, 0.5 / img.height)
    
48. 
    
49.             fragmentShader: "
    
50.                     varying highp vec2 qt_TexCoord0;
    
51.                     uniform lowp sampler2D source;
    
52.                     uniform lowp vec2 sourceSize;
    
53.                     uniform lowp float qt_Opacity;
    
54.                     void main() {
    
55. 
    
56.                         lowp vec2 tc = qt_TexCoord0 * vec2(1, -1) + vec2(0, 1);
    
57.                         lowp vec4 col = 0.25 * (texture2D(source, tc + sourceSize)
    
58.                                                 + texture2D(source, tc- sourceSize)
    
59.                                                 + texture2D(source, tc + sourceSize * vec2(1, -1))
    
60.                                                 + texture2D(source, tc + sourceSize * vec2(-1, 1))
    
61.                                                );
    
62.                         gl_FragColor = col * qt_Opacity * (1.0 - qt_TexCoord0.y) * 0.2;
    
63.                     }"
    
64.         }
    
65.     }
    
66. }
    

复制代码

fan_xingwang

最终想要实现的效果，如图

fan_xingwang

已经通过其他方式做出。
答案：http://blog.csdn.net/fan_xingwang/article/details/78982571

fan_xingwang

最新版的答案http://blog.csdn.net/fan_xingwang/article/details/79034369