QML 实现圆形按钮

import QtQuick 2.0

import QtQuick.Controls 1.2

Rectangle {

    id:radio

    width: 92

    height: 92

    radius: 50

    border.color: "#2EB2B5"        //边框颜色

    border.width: 1                       //边框粗细

    property string content: ""    //自定义属性content

    signal radioclicked           //自定义信号radioclicked

    Text {

        id: content

        text: radio.content

        color: "#2EB2B5"

        anchors.centerIn: parent

        font.pixelSize: 24

    }

    MouseArea

    {

        anchors.fill: parent

        onClicked:{

            radioclicked()       //触发自定义信号

        }

    }

}