qml 虚线边框绘制

最新推荐文章于 2024-06-19 19:10:20 发布

G--H

最新推荐文章于 2024-06-19 19:10:20 发布

阅读量727

点赞数

分类专栏： qml 文章标签： css

本文链接：https://blog.csdn.net/qq_56857879/article/details/126506238

版权

qml 专栏收录该内容

8 篇文章 0 订阅

订阅专栏

这篇博客详细介绍了如何利用Rectangle和Repeater组件在Qt中创建一个中心对齐的网格布局。内容包括四个方向的水平和垂直线条，每个方向由多个小矩形组成，形成了一种网格效果，适用于界面设计和布局展示。

摘要由CSDN通过智能技术生成

    Rectangle{
        width: 400
        height: 100
        anchors.centerIn: parent
        Column{
            width:1
            height:parent.height
            spacing: 5
            clip: true
            anchors.left: parent.left
            Repeater{
                anchors.fill: parent
                model: parent.height/10
                delegate:Rectangle{
                    width: 1
                    height: 10
                    color: "black"
                }
            }
        }
        Column{
            width:1
            height:parent.height
            spacing: 5
            clip: true
            anchors.right: parent.right
            Repeater{
                anchors.fill: parent
                model: parent.height/10
                delegate:Rectangle{
                    width:1
                    height: 10
                    color: "black"
                }
            }
        }
        Row{
            width: parent.width
            height: 1
            spacing: 5
            clip: true
            anchors.top: parent.top
            Repeater{
                anchors.fill: parent
                model: parent.width/10
                delegate:Rectangle{
                    width: 10
                    height: 1
                    color: "black"
                }
            }
        }
        Row{
            width: parent.width
            height: 1
            spacing: 5
            clip: true
            anchors.bottom: parent.bottom
            Repeater{
                anchors.fill: parent
                model: parent.width/10
                delegate:Rectangle{
                    width: 10
                    height: 1
                    color: "black"
                }
            }
        }
    }