兼容Qt4/Qt5版本Qml控件Triangle

小编:啊南 351阅读 2021.01.18

三角形控件(Triangle),等腰直角三角形。底是高的两倍。

文件导入
示例
Triangle {
    anchors.centerIn: parent
}
属性
  • width:设置三角形的等宽。
  • color:设置三角形的颜色。
源码
//#if Qt4
//import QtQuick 1.0
//#else
import QtQuick 2.0
//#endif

Item {
    id: root
    property alias color: triangle.color
    implicitWidth: 100
    implicitHeight: implicitWidth

    width: implicitWidth
    height: width

    clip: true
    rotation: -45

    Rectangle {
        id: triangle
        anchors.verticalCenter: parent.verticalCenter
        anchors.verticalCenterOffset: parent.height/2
        anchors.horizontalCenter: parent.horizontalCenter
        anchors.horizontalCenterOffset: -parent.width/2
        width: Math.sqrt(root.width * root.width * 2)
        height: width
        color: "#4cbeff"
        rotation: 45
    }
}
关联标签: