qml学习------------------TabView

最新推荐文章于 2024-08-26 18:00:35 发布

原创

最新推荐文章于 2024-08-26 18:00:35 发布 · 3.6k 阅读

6 ·

CC 4.0 BY-SA版权

本文介绍了Qt QML中的TabView组件，重点讨论了如何通过TabViewStyle进行高级定制，以实现美观的界面设计。内容涵盖TabView的基本用法及自定义属性的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本次学习了tabview的使用，tabview的使用非常简单的，但是要做出非常漂亮的TabView就很难了，就需要依靠他的TabViewStyle来自定义属性了。

import QtQuick 2.2
import QtQuick.Controls 1.2
import QtQuick.Controls.Styles 1.2
import QtQuick.Layouts 1.1

Rectangle{

    width:360;
    height: 240;
    color: "lightgray";
    id:root;
    property var icons: ["call1.png" ,"call2.png" ,"call3.png" ];


    Component.onCompleted: {

        tabView.addTab("ABC" , tabContent);
        tabView.addTab("BCD" , tabContent);
        tabView.addTab("CDE" , tabContent);
        tabView.addTab("DEF" , tabContent);

    }




    Component{

        id: tabContent;
        Rectangle{
            implicitWidth: 100;
            implicitHeight: 100;
            anchors