QT动画制作（十四）

alltolove

效果：


知识点1：学会滑动条控件
知识点2：学会图像变换亮度和对比度
先建QT项目新建Rect.qml文件，在资源里添加一张图片

1. import QtQuick 2.5
   
2. import QtQuick.Controls 1.2
   
3. import QtGraphicalEffects 1.0
   
4. Rectangle {
   
5. 
   
6.     Image{
   
7.         id:bright
   
8.         smooth:true//要改变图像必须有这个才行
   
9.         source: "qrc:/C:/Users/xinwei/Pictures/a.png"
   
10.         visible: false
    
11.     }
    
12.     BrightnessContrast{
    
13.         id:contract
    
14.         anchors.fill: bright
    
15.         source:bright
    
16.     }
    
17.     function a()
    
18.     {
    
19.         /*把滑动条的值都付给亮度跟对比度*/
    
20.         contract.brightness=slider.value
    
21.         contract.contrast=slider.value
    
22.     }
    
23.    Connections{
    
24.    target:slider
    
25.    onValueChanged:a()//当滑动条值改变的时候调用a()函数
    
26.    }
    
27. }
    

复制代码

main.qml文件：

1. import QtQuick 2.5
   
2. import QtQuick.Window 2.2
   
3. 
   
4. Window {
   
5.     visible: true
   
6.     width: 640
   
7.     height: 480
   
8.     title: qsTr("Hello World")
   
9. 
   
10.     MainForm {
    
11.         anchors.fill: parent
    
12. 
    
13.     }
    
14. }

复制代码

MainForm.ui.qml文件：

1. import QtQuick 2.5
   
2. import QtQuick.Controls 1.2
   
3. Rect{
   
4. 
   
5.     Slider{
   
6.         id:slider
   
7.         width:80
   
8.         anchors.left: parent.left
   
9.         anchors.bottom: parent.bottom
   
10.         anchors.margins: 80
    
11. 
    
12.     }
    
13. }

复制代码

Preview: 明天介绍进度条控件跟改变图片颜色饱和度的方法