Eu tenho um botão personalizado básico usando um retângulo comradius: width/2. Agora eu adiciono umMouseArea ao meu botão. No entanto, oMouseArea tem uma forma quadrada. Isso significa que o evento de clique também é acionado quando clico levemente fora do botão redondo, ou seja, nos cantos do quadrado imaginário ao redor do botão redondo. De alguma forma, também posso fazer oMouseArea volta?

  import QtQuick 2.7
  import QtQuick.Window 2.2

  Window {
      visible: true
      width: 640
      height: 480
      title: qsTr("TestApp")

      Rectangle {
          id: background
          anchors.fill: parent
          color: Qt.rgba(0.25, 0.25, 0.25, 1);


          Rectangle {
              id: button
              width: 64
              height: 64
              color: "transparent"
              anchors.centerIn: parent
              radius: 32
              border.width: 4
              border.color: "grey"

              MouseArea {
                  anchors.fill: parent
                  onPressed: button.color = "red";
                  onReleased: button.color = "transparent";
              }
          }

      }
  }