Tengo un botón personalizado básico que usa un Rectángulo conradius: width/2. Ahora agrego unMouseArea a mi botón Sin embargo, elMouseArea Tiene forma cuadrada. Eso significa que el evento de clic también se activa cuando hago clic ligeramente fuera del botón redondo, es decir, en las esquinas del cuadrado imaginario alrededor del botón redondo. ¿De alguna manera puedo hacer también elMouseArea ¿redondo?

  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";
              }
          }

      }
  }