专栏首页跟Qt君学编程兼容Qt4/Qt5版本Qml控件Triangle

兼容Qt4/Qt5版本Qml控件Triangle

三角形控件(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
    }
}

本文分享自微信公众号 - Qt君(qtjuna)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-10-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 翻译 | QML编码约定

    如果列表对象仅包含一个元素,则通常会省略方括号。例如,一个组件仅具有一个状态是很常见的。在这种情况下,如果这样写:

    Qt君
  • Qml的Slider控件示例

    Qt君
  • QML画三角形代码

    Qt君
  • 翻译 | QML编码约定

    如果列表对象仅包含一个元素,则通常会省略方括号。例如,一个组件仅具有一个状态是很常见的。在这种情况下,如果这样写:

    Qt君
  • Nginx基于站点目录和文件的URL访问控制 - 配置笔记

    对于为用户服务的大多数公司而言,把控用户权限是一件十分重要的事情。通过配置Nginx来禁止访问上传资源目录下的PHP、shell、Python等程序文件,这样用...

    洗尽了浮华
  • 高通又失一员大将,英特尔成功挖角高通CFO

    半导体产业的人员流动往往会趋向于产业的自循环,比如高通和英特尔之间的挖角。高通在周二宣布官司首席财务官乔治·戴维斯(George Davis)离开公司,随后英特...

    镁客网
  • 羊皮书APP(Android版)开发系列(十四)Gson解析json很简单,还在手动的写实体类吗?

    热心的程序员
  • LinkedList - 23. Merge k Sorted Lists

    Merge k sorted linked lists and return it as one sorted list. Analyze and descri...

    用户5705150
  • Supervisor 从入门到放弃

    简单点来讲,就是一个监控脚本运行的工具,不过他可以统一化管理,laravel的队列文档上也有相关使用方式方法,例如

    CrazyCodes
  • Spring AOP(三) Advisor类架构

    Spring AOP是Spring的两大基石之一,不了解其基础概念的同学可以查看这两篇文章AOP基本概念和修饰者模式和JDK Proxy。

    程序员历小冰

扫码关注云+社区

领取腾讯云代金券