首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >兼容Qt4/Qt5版本Qml控件Triangle

兼容Qt4/Qt5版本Qml控件Triangle

作者头像
Qt君
发布2019-10-30 15:10:43
4910
发布2019-10-30 15:10:43
举报
文章被收录于专栏:跟Qt君学编程跟Qt君学编程

三角形控件(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
    }
}
本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-10-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 Qt君 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 示例
  • 属性
  • 源码
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档