Qt强大控件:Qt-Advanced-Docking-System介绍及使用教程

一.概述

1.控件描述

QT自带的Dock布局管理大家都用过,中规中矩,但是满足不了现在ui强大的人机交互需求。而Qt-Advanced-Docking-System在Dock的基础上进一步完善功能,具有更高的自由度、灵活性和可扩展性,满足程序员对人机交互的自由定义。这个开源控件类似于Devexpress中的DockPanel。

2.下载地址

免费下载

二.使用教程

1.新建QT项目

在新建项目时,要选择子目录项目。
Qt强大控件:Qt-Advanced-Docking-System介绍及使用教程_第1张图片
Qt强大控件:Qt-Advanced-Docking-System介绍及使用教程_第2张图片
新建父项目后,会自动弹出子项目新建选项。
这个按照常规QT项目新建。
Qt强大控件:Qt-Advanced-Docking-System介绍及使用教程_第3张图片
到这里,项目新建完成,下面可以开始编写代码了。
2.引入Qt-Advanced-Docking-System
解压Qt-Advanced-Docking-System-master.zip,找到src和ads.pri。
Qt强大控件:Qt-Advanced-Docking-System介绍及使用教程_第4张图片
将src和ads.pri拷贝到父项目文件夹下
Qt强大控件:Qt-Advanced-Docking-System介绍及使用教程_第5张图片
打开父项目.pro文件,在.pro中添加

DockUse.depends = src

打开子项目中.pro文件,在.pro中添加

# dock use
ADS_OUT_ROOT = $${OUT_PWD}/..

# dock use
DESTDIR = $${ADS_OUT_ROOT}/lib
CONFIG += debug_and_release
adsBuildStatic {
    DEFINES += ADS_STATIC
}

#LIBS += -L$${ADS_OUT_ROOT}/lib
include(../ads.pri)
INCLUDEPATH += ./src
DEPENDPATH += ./src
LIBS += -LD:/LiumuyiProgram/QTCode/TestPrograms/DoclProTest/ -lqtadvanceddockingd

在mainwindow.h中,引用

#include "../src/DockManager.h"
#include "qlabel.h"

定义变量

ads::CDockManager* m_pDockManager;

在mainwindow.cpp中,可以在构造函数中加入:

m_pDockManager = new ads::CDockManager(this);

    QLabel* l = new QLabel();
    l->setWordWrap(true);
    l->setAlignment(Qt::AlignTop | Qt::AlignLeft);
    l->setText("Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ");


    ads::CDockWidget* DockWidget = new ads::CDockWidget("Label 1");
    DockWidget->setWidget(l);

    QLabel* ll = new QLabel();
    ll->setWordWrap(true);
    ll->setAlignment(Qt::AlignTop | Qt::AlignLeft);
    ll->setText("Lorem ipsum dolor sit amet, consectetuer adipiscing elit. ");


    ads::CDockWidget* DockWidget1 = new ads::CDockWidget("Label 2");
    DockWidget1->setWidget(ll);


    ui->menubar->addAction(DockWidget->toggleViewAction());
    ui->menubar->addAction(DockWidget1->toggleViewAction());

    m_pDockManager->addDockWidget(ads::TopDockWidgetArea, DockWidget);
    m_pDockManager->addDockWidget(ads::TopDockWidgetArea, DockWidget1);

然后依次构造编译,就完成了!
Qt强大控件:Qt-Advanced-Docking-System介绍及使用教程_第6张图片
此使用教程地址:下载地址

你可能感兴趣的:(qt,ui,开发语言)