基于QML2.0的View之TabView

最新推荐文章于 2024-06-29 13:49:56 发布

寒山-居士

最新推荐文章于 2024-06-29 13:49:56 发布

阅读量7.2k

点赞数 1

分类专栏： Windows QML QT 文章标签： c++ 控件聊天 function

本文链接：https://blog.csdn.net/esonpo/article/details/37704297

版权

QT 同时被 3 个专栏收录

81 篇文章 47 订阅 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

QML

31 篇文章 9 订阅

订阅专栏

Windows

30 篇文章 1 订阅

订阅专栏

本文介绍了如何在QML2.0中使用TabView实现多窗口聊天功能。首先创建了一个子qml文件mychat.qml作为聊天窗口，接着配置TabView样式，最后动态创建子tab页面，以此来管理聊天窗口的数量和展示。通过这种方式，可以有效地展示和管理多个聊天窗口。

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

最近想把多窗口聊天放到项目中，但是对于TabView这个在qml2.0里面出现的新东西，感觉还是蛮新颖，遂研究了下

1.创建一个子qml文件，我项目中就是一个聊天窗口例如 mychat.qml

2.创建一个TabView控件，设置一些TabViewStyle

3.动态创建子tab页面

对于1，请看mychat.qml

import QtQuick 2.0
import QtQuick.Layouts 1.1

Rectangle {
    width: parent.width
    height: parent.height
    id:main
    ColumnLayout{
        spacing: 2

        Rectangle {
            Layout.alignment: Qt.AlignCenter
            color: "red"
            Layout.preferredWidth: main.width
            Layout.preferredHeight: main.height/4
        }

        Rectangle {
            Layout.alignment: Qt.AlignRight
            color: "green"
            Layout.preferredWidth: main.width