4.利用MouseArea实现框选功能

鼠标的框选功能实现

本文代码主要利用mousearea控件实现窗口中的框选，当框选到窗口中的button按钮时会做出对应的处理，读者可根据实际需求进行代码框架更改，大致实现逻辑是类似的。

实现

1. 第一步：

首先在页面中间放置一个 button 按钮，设置其背景颜色为 blue ,后面需要在框选中的时候对其颜色进行更改，代码如下：

Button{
   
    id:btn
    width: 100
    height: 50
    anchors.centerIn: parent
    background: Rectangle{
   
        id:bck
        anchors.fill