QML之TabView

最新推荐文章于 2024-06-30 15:32:31 发布

LC900730

最新推荐文章于 2024-06-30 15:32:31 发布

阅读量1.7k

点赞数

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

本文链接：https://blog.csdn.net/LC900730/article/details/77754172

版权

qml 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

TabView的示例

Window{
    id:window;
    visible:true;
    width:400
    height:400
    ColumnLayout{
        anchors.fill:parent;
        spacing:0

        TabView{
            Layout.fillWidth:true
            Layout.preferredHeight:s.value
            Tab{
                title:"all"
            }
            Tab{
                title:"even"
            }
            Tab{
                title:"odd"
            }
            Tab{
                title:"multiple of 3"
            }
            Tab{
                title:"prime"
            }
    TableView {
        Layout.fillWidth:true;
        Layout.fillHeight:true;
        model:
            ListModel{
                ListElement{
                    name:"A";
                    title:"1";
                }
                ListElement{
                    name:"B";
                    title:"2";
                }
                ListElement{
                    name:"C";
                    title:"3";
                }
            }
            TableViewColumn{
                role:"name"
                title:"name"
            }
            TableViewColumn{
                role:"name"
                title:"number"
            }
        }
}
    Slider {
        id:s
        minimumValue:0;
        maximunValue:50
        anchors.bottom:parent.bottom

        Text{
            text:s.value.toFixed(0);
            anchors.left:parent.right
        }
    }
}