QML学习笔记-TabView竖直方向

最新推荐文章于 2024-07-04 18:05:53 发布

DebJane

最新推荐文章于 2024-07-04 18:05:53 发布

阅读量1.2k

点赞数

分类专栏： QML QML 文章标签： QML TabView

本文链接：https://blog.csdn.net/sueRimn/article/details/83504461

版权

本文记录了在QML中如何实现TabView组件的竖直显示，由于官方文档未提供直接属性，作者通过自定义实例来达成效果，文中包含核心代码展示。

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

源码：TabView

gitHub:sueRimn

想实现垂直竖直方向的TabView，查看文档，并没有对此的属性说明，所以跳出局限，自己做一个实例，录制软件没有录入鼠标

效果如下：

核心代码如下：

Column{
        id:coloumn;
        spacing: 0;
        width: 100;
        height: 500;
        Rectangle{
            width: 100;
            height: 20;
            color: "#ffc2fc"
            Text{
                id:cake
                text: "蛋糕"
                font.pointSize: 12;
                anchors.centerIn: parent
            }
            MouseArea{
                anchors.fill: parent;
                onClicked: {