QML关于控件截图

在写qml程序的时候，遇到了需要截图的功能，

下面来看看怎么获取控件的截图

首先，所有的可视控件其实都继承了QQuickItem这个类的

所以所有控件都有截图的功能，当然这个只能在c++里实现

首先，定义一个截图类继承public QObject，

#include <QQuickItem>

#include <QQuickItemGrabResult>

要用到上面两个头文件

 

两个私有变量

       QQuickItem      *m_grab_item;

   QSharedPointer<QQuickItemGrabResult> m_grab_result;

定义这样一个函数，Q_INVOKABLE void setItem(QObject *itemObj);     // 保存图片

下面是它的实现，

void qjsontest::setItem(QObject *itemObj)

{

    m_grab_item = qobject_cast<QQuickItem*>(itemObj);//获取控件id

    m_grab_result = m_grab_item->grabToImage();//获取控件图片

    QQuickItemGrabResult * grabResult = m_grab_result.data();//获取数据

    connect(grabResult,SIGNAL(ready()),this,SLOT(saveimage()));//这里是必须这样写的，因为调用了ready（）这个准备函数，里面做了很多处理

//信号连接

}

定义一个槽函数

  private slots:

    void saveimage();

下面是它的实现

void qjsontest::saveimage()

{

    QImage img = m_grab_result->image();//这里转成图片

    qDebug()<<img;

    if(img.save("C:\\Users\\Administrator\\Desktop\\assssa.jpg")){

        qDebug("ddd");

    }

}

qml中使用如下：

onClicked: capIol_vm.setItem(idItem);//idItem是控件id

下面贴出完整代码：.

.h文件

[html]  view plain  copy

1. #ifndef QJSONTEST_H  
2. #define QJSONTEST_H  
3. #include <QObject>  
4. #include <QJsonDocument>  
5. #include <qDebug>  
6. #include <QJsonObject>  
7. #include <QByteArray>  
8. #include <QJsonArray>  
9. #include <QQuickItem>  
10. #include <QQuickItemGrabResult>  
11. #include <QString>  
12. #include <qjsonvalue.h>  
13. #include <qjsondocument.h>  
14. class qjsontest:public QObject  
15. {  
16.     Q_OBJECT  
17. public:  
18.     qjsontest();  
19.     ~qjsontest();  
20.       
21.     Q_INVOKABLE void setItem(QObject *itemObj);     // 保存图片  
22. private slots:  
23.     void saveimage();  
24. private:  
25.     QQuickItem      *m_grab_item;  
26.     QSharedPointer<QQuickItemGrabResult> m_grab_result;  
27. };  
28.   
29. #endif // QJSONTEST_H  

.cpp文件

[html]  view plain  copy

1. #include "qjsontest.h"  
2. #include<QDebug>  
3. #include<QFile>  
4. qjsontest::qjsontest()  
5. {  
6.       
7. }  
8.   
9. qjsontest::~qjsontest()  
10. {  
11.       
12. }  
13.   
14. void qjsontest::setItem(QObject *itemObj)  
15. {  
16.     m_grab_item = qobject_cast<QQuickItem*>(itemObj);  
17.     m_grab_result = m_grab_item->grabToImage();  
18.     QQuickItemGrabResult * grabResult = m_grab_result.data();  
19.     connect(grabResult,SIGNAL(ready()),this,SLOT(saveimage()));  
20. }  
21.   
22. void qjsontest::saveimage()  
23. {  
24.     QImage img = m_grab_result->image();  
25.     qDebug()<<img;  
26.     if(img.save("C:\\Users\\Administrator\\Desktop\\assssa.jpg")){  
27.         qDebug("ddd");  
28.     }  
29. }  

qml；文件

[html]  view plain  copy

1. import QtQuick 2.7  
2. import QtQuick.Controls 1.5  
3.   
4. ApplicationWindow {  
5.     visible: true  
6.     width: 640  
7.     height: 480  
8.     title: qsTr("Hello World")  
9. id:root  
10. Item{ id: idItem  
11.     width: 200  
12.     height: 200  
13.     x:1; y:1;  
14.     clip: true;  
15. Rectangle{  
16.     width: 200  
17.     height: 200  
18.     color:"red"  
19.     Button {  
20.         x:5  
21.         y:5  
22.         width: 64  
23.         height: 48  
24.         text: qsTr("calc")  
25.     }  
26. }  
27. }  
28.   
29.     Button {  
30.         x:300  
31.         y:100  
32.         width: 64  
33.         height: 48  
34.         text: qsTr("normal")  
35.         onClicked: capIol_vm.setItem(idItem);  
36.     }  
37. }  

       转载来源 https://blog.csdn.net/clinuxf/article/details/80014180