qml应用——截屏(一)

最新推荐文章于 2024-05-29 09:30:00 发布

原创

最新推荐文章于 2024-05-29 09:30:00 发布 · 2.2k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#截屏 #截图 #qml #grabToImage

本文介绍了如何使用纯QML实现截屏功能，无需借助C++与QtQuick交互。第一阶段将展示对指定控件进行截图的方法，并给出了最终实现的截图结果。提供了一个可以独立作为工具使用的功能丰富的截屏解决方案。

背景

qt实现截屏时有的是用c++和qtquick交互，有的是qt方法。本文使用纯qml截屏，最终实现一个功能丰富的截屏，可单独抽离出做一个工具用。

第一阶段：对指定控件截图

最终结果:

完整代码：

import QtQuick 2.7
import QtQuick.Controls 2.0

Rectangle {
    id: legendView
    width: 500
    height: 300
    color: "yellow"

    MouseArea{
        anchors.fill: parent
        propagateComposedEvents: true
        onDoubleClicked: legendView.visible = false
        onClicked: {