《QT实用小工具·五十八》模仿VSCode的可任意拖拽的Tab标签组

2024-05-06 23:20
文章标签 工具 qt vscode 实用 拖拽 标签 tab 模仿 可任意 五十八

本文主要是介绍《QT实用小工具·五十八》模仿VSCode的可任意拖拽的Tab标签组，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

1、概述
源码放在文章末尾

该项目实现了模仿VSCode的可任意拖拽的Tab标签组，包含如下功能：

拖拽标签页至新窗口
拖拽标签页合并控件
无限嵌套的横纵分割布局（类似Qt Creator的编辑框）
获取当前使用的标签组、标签页
自动向上合并标签组
左右拖拽排序（Qt自带）

下面是demo演示：
在这里插入图片描述
项目部分代码如下所示：


#ifndef DRAGABLETABGROUP_H
#define DRAGABLETABGROUP_H#include <QObject>
#include <QTabWidget>
#include <QMimeData>
#include <QDrag>
#include <QScreen>
#include <QApplication>
#include <QHBoxLayout>
#include <QTimer>
#include <QDesktopWidget>
#include <QStyle>
#include <QJsonObject>
#include <QJsonDocument>
#include <QJsonArray>
#include "dragabletabbar.h"#define DRAGABLE_TAB_WINDOW_MIME_KEY "DRAGABLE_TAB_WINDOW_MIME_KEY"
#define DRAGABLE_TAB_WIDGET_MIME_KEY "DRAGABLE_TAB_WIGET_MIME_KEY"
#define DRAGABLE_TAB_LABEL_MIME_KEY "DRAGABLE_TAB_LABEL_MIME_KEY"
#define DRAGABLE_TAB_ICON_MIME_KEY "DRAGABLE_TAB_ICON_MIME_KEY"#define WIN_FRAME_LEFE_OFFSET 8 // 移动时左边需要偏差的像素；可能是左边的阴影？#define DRAG_DEB if (0) qDebug()struct TabPageBean
{TabPageBean(QString label, QWidget* widget): label(label), widget(widget){}TabPageBean(QIcon icon, QString label, QWidget* widget): icon(icon), label(label), widget(widget){}QIcon icon;QString label;QWidget* widget;
};class DragableTabGroup : public QTabWidget
{Q_OBJECTfriend class DragableTabArea;
public:DragableTabGroup(QWidget* parent = nullptr);virtual void tabInserted(int index) override;void removeTab(int index);void split(QBoxLayout::Direction direction, bool copy = true);bool isFocusing();bool hasTab(QWidget* widget);void deleteTab(int index);void deleteAllWidget();void removeTabs(QList<int> indexes, bool del = false);void removeTabs(int start, int end, bool del = false);void deleteIfEmptyWindow();bool isInMain();bool isRestoreTabEnabled();bool canRestoreTab();virtual QJsonObject toJson();virtual QJsonObject widgetToJson(QWidget* widget);virtual void jsonToWidget(QJsonObject object);public slots:virtual void closeLeftTabs(int index = -1);virtual void closeRightTabs(int index = -1);virtual void closeOtherTabs(int index = -1);virtual void closeAllTabs();virtual void restoreClosedTab(int index = -1);protected:void dragEnterEvent(QDragEnterEvent *event) override;void dragMoveEvent(QDragMoveEvent *event) override;void dropEvent(QDropEvent *event) override;virtual void tabWidgetInserted(int index, QWidget *widget);virtual void tabWidgetRemoved(int index, QWidget *widget);virtual void tabWidgetFocused(int index, QWidget *widget);virtual DragableTabBar* newTabBar(QWidget* parent = nullptr);virtual DragableTabGroup* newTabGroup(QWidget* parent = nullptr);virtual void tabDraggingEvent(QWidget* widget);virtual void tabDragMergedEvent(QWidget* widget);virtual void tabDragWindowedEvent(DragableTabGroup* window, QWidget* widget);virtual void tabDropMergedEvent(QWidget* widget);protected slots:void moveTabInNewWindow(int index);void slotStartDrag(int index);DragableTabGroup *createDraggedNewWindow();bool mergeDroppedLabel(QDropEvent* event);signals:void signalNewTabWindowCreated(DragableTabGroup* window);void signalWidgetFocused(QWidget* widget);void signalSplitCurrentTab(QBoxLayout::Direction direction, bool copy);void signalTabDragged(QWidget* widget); // 开始拖拽void signalTabMerged(QWidget* widget); // 被拖至其他标签组void signalTabWindowed(DragableTabGroup* window, QWidget* widget); // 被拖出来形成新窗口void signalTabDropped(QWidget* widget); // 合并来自其他标签组的标签void signalJsonToWidget(QJsonObject object);protected:DragableTabBar* tab_bar;int dragging_index;QWidget* dragging_widget;static QString dragging_label;static QIcon dragging_icon;QPoint dragging_point_delta; // 拖拽的 鼠标-子窗口左上角bool _is_main; // 是不是主窗口static bool _drag_merged;bool frameless = false; // 使用无窗口边框static int closed_stack_max; // 已关闭标签页的最大数量static QList<TabPageBean> closed_stack; // 已关闭的标签页
};#endif // DRAGABLETABGROUP_H

#include "dragabletabgroup.h"bool DragableTabGroup::_drag_merged = false;
QString DragableTabGroup::dragging_label;
QIcon DragableTabGroup::dragging_icon;
int DragableTabGroup::closed_stack_max = 20;
QList<TabPageBean> DragableTabGroup::closed_stack;DragableTabGroup::DragableTabGroup(QWidget *parent): QTabWidget(parent), tab_bar(newTabBar(this)),dragging_index(0), dragging_widget(nullptr), _is_main(false)
{setAcceptDrops(true);setTabBar(tab_bar);setMovable(true);//    setTabsClosable(true);//    tab_bar->setAutoHide(true);// 无窗口，看起来更像浏览器的if (frameless){setWindowFlag(Qt::FramelessWindowHint, true);}connect(tab_bar, SIGNAL(signalStartDrag(int)), this, SLOT(slotStartDrag(int)));connect(tab_bar, SIGNAL(signalEndDrag()), this, SLOT(createDraggedNewWindow()));connect(qApp, &QApplication::focusChanged, this, [=](QWidget *, QWidget *now) {int index = indexOf(now);if (index > -1){tabWidgetFocused(index, now);}});
}void DragableTabGroup::tabInserted(int index)
{auto widget = QTabWidget::widget(index);if (widget)tabWidgetInserted(index, widget);
}/*** 替换自带的removeTab方法* 所有的移除都可以在这里监听到*/
void DragableTabGroup::removeTab(int index)
{if (index < 0 || index >= count())return;if (isRestoreTabEnabled()){closed_stack.append(TabPageBean(tabIcon(index),tabText(index),widget(index)));if (closed_stack.count() > closed_stack_max){closed_stack.takeFirst().widget->deleteLater();}}tabWidgetRemoved(index, this->widget(index));QTabWidget::removeTab(index);
}/*** 分割标签组* @param direction 方向* @param copy      是否复制（默认复制，保留旧tab）*/
void DragableTabGroup::split(QBoxLayout::Direction direction, bool copy)
{emit signalSplitCurrentTab(direction, copy);
}/*** 是否拥有焦点*/
bool DragableTabGroup::isFocusing()
{QWidget *widget = QApplication::focusWidget();return widget != nullptr && hasTab(widget);
}/*** 是否包含某一widget*/
bool DragableTabGroup::hasTab(QWidget *widget)
{return indexOf(widget) > -1;
}void DragableTabGroup::deleteTab(int index)
{QWidget *widget = this->widget(index);removeTab(index);widget->deleteLater();
}/*** 移除tab，并删除所有控件*/
void DragableTabGroup::deleteAllWidget()
{while (this->count()){auto widget = this->widget(0);widget->deleteLater();removeTab(0);}
}/*** 移除或删除多个标签页*/
void DragableTabGroup::removeTabs(QList<int> indexes, bool del)
{// 排好序std::sort(indexes.begin(), indexes.end(), [=](int a, int b) {return a < b;});for (int i = indexes.size() - 1; i >= 0; i--){if (del)removeTab(i);elsedeleteTab(i);}
}/*** 移除或者删除指定范围内的标签页*/
void DragableTabGroup::removeTabs(int start, int end, bool del)
{QList<int> indexes;if (start == -1)start = 0;else if (end == -1)end = this->count() - 1;for (int i = start; i <= end; i++){indexes << i;}removeTabs(indexes, del);
}/*** 判断自己的数量是不是空的* 如果是空窗口，则主动删除*/
void DragableTabGroup::deleteIfEmptyWindow()
{if (!_is_main && count() == 0)deleteLater();
}/*** 判断标签组是否在主窗口中*/
bool DragableTabGroup::isInMain()
{return parentWidget() != nullptr;
}bool DragableTabGroup::isRestoreTabEnabled()
{return closed_stack_max > 0;
}/*** 能否恢复已关闭的标签页*/
bool DragableTabGroup::canRestoreTab()
{return closed_stack.size() > 0;
}QJsonObject DragableTabGroup::toJson()
{QJsonObject object;object.insert("width", this->width());object.insert("height", this->height());QJsonArray array;for (int i = 0; i < this->count(); i++){QWidget *widget = this->widget(i);QJsonObject obj = widgetToJson(widget);array.append(obj);}object.insert("tabs", array);object.insert("current", this->currentIndex());return object;
}QJsonObject DragableTabGroup::widgetToJson(QWidget *widget)
{Q_UNUSED(widget)return QJsonObject();
}/*** 从JSON恢复标签组的控件* 有两种方式：* - TabGroup中继承，添加widget* - TabsArea中在group中添加widget*/
void DragableTabGroup::jsonToWidget(QJsonObject object)
{emit signalJsonToWidget(object);
}void DragableTabGroup::closeLeftTabs(int index)
{if (index == -1)index = currentIndex();removeTabs(-1, index - 1);
}void DragableTabGroup::closeRightTabs(int index)
{if (index == -1)index = currentIndex();removeTabs(index + 1, -1);
}void DragableTabGroup::closeOtherTabs(int index)
{if (index == -1)index = currentIndex();QList<int> indexes;for (int i = 0; i < this->count(); i++)indexes << i;indexes.removeOne(index);removeTabs(indexes);
}void DragableTabGroup::closeAllTabs()
{QList<int> indexes;for (int i = 0; i < this->count(); i++)indexes << i;removeTabs(indexes);deleteIfEmptyWindow();
}void DragableTabGroup::restoreClosedTab(int index)
{if (!closed_stack.size())return;TabPageBean page = closed_stack.takeLast();if (index == -1)addTab(page.widget, page.icon, page.label);elseinsertTab(index, page.widget, page.icon, page.label);setCurrentWidget(page.widget);
}void DragableTabGroup::dragEnterEvent(QDragEnterEvent *event)
{const QMimeData *mime = event->mimeData();if (mime->hasFormat(DRAGABLE_TAB_WIDGET_MIME_KEY)) // Tab拖拽{event->accept();}return QTabWidget::dragEnterEvent(event);
}void DragableTabGroup::dragMoveEvent(QDragMoveEvent *event)
{const QMimeData *mime = event->mimeData();if (count() == 0){event->accept();}else if (mime->hasFormat(DRAGABLE_TAB_WIDGET_MIME_KEY)) // 整行拖拽{QPoint pos = event->pos();if (pos.y() >= tab_bar->geometry().top() - qMax(tab_bar->height(), 32) && pos.y() <= tab_bar->geometry().bottom() + qMax(tab_bar->height(), 32)) // 只有 tabBar 的位置可拖拽{event->accept();}else{event->ignore();}}else{return QTabWidget::dragMoveEvent(event);}
}void DragableTabGroup::dropEvent(QDropEvent *event)
{if (mergeDroppedLabel(event))event->accept();return QTabWidget::dropEvent(event);
}/*** 任何Tab的添加都会触发这个方法* 包括拖动tab到此页面* 在插入之后调用*/
void DragableTabGroup::tabWidgetInserted(int index, QWidget *widget)
{
}/*** 任何tab的删除都会触发这个方法* 包括拖拽tab出去* 在删除之前调用*/
void DragableTabGroup::tabWidgetRemoved(int index, QWidget *widget)
{if (this->count() <= 1) // 全部移除完了，则删除当前的TabGroup{this->deleteLater();}
}/*** 标签控件获得焦点事件*/
void DragableTabGroup::tabWidgetFocused(int index, QWidget *widget)
{
}/*** 创建一个自定义TabBar* 注意：实际上，这个虚函数不会被覆盖* 因为是在构造函数中调用，此时不会调用子类重写的方法*/
DragableTabBar *DragableTabGroup::newTabBar(QWidget *parent)
{return new DragableTabBar(parent);
}/*** 创建一个标签组的新方法* 如果需要继承的话，则需要把所有创建的地方都覆盖掉*/
DragableTabGroup *DragableTabGroup::newTabGroup(QWidget *parent)
{return new DragableTabGroup(parent);
}/*** 标签被拖拽事件* widget所在的tab还在自己这儿*/
void DragableTabGroup::tabDraggingEvent(QWidget *widget)
{
}/*** 本标签组的标签被其他标签组合并* 此时的widget所在的tab已经不是自己的了* 如果是独立窗口的唯一标签被合并，那么合并后标签组自动删除，不会触发此方法* （另外……这个方法会导致崩溃，已经注释掉了，永远不会触发）*/
void DragableTabGroup::tabDragMergedEvent(QWidget *widget)
{
}/*** 本标签组的标签拖动至新的窗口* tab也已经不在自己这儿了*/
void DragableTabGroup::tabDragWindowedEvent(DragableTabGroup *window, QWidget *widget)
{
}/*** 标签拖到上面事件* 在合并到自己之后*/
void DragableTabGroup::tabDropMergedEvent(QWidget *widget)
{
}/*** 移动标签到新的窗口* 其实是相当于触发拖拽事件一样的*/
void DragableTabGroup::moveTabInNewWindow(int index)
{dragging_index = index;dragging_widget = this->widget(index);dragging_point_delta = QCursor::pos() - (parent() == nullptr ? tabBar()->mapToGlobal(tabBar()->pos()) : mapToGlobal(QPoint(0, 0)));createDraggedNewWindow();
}/*** 开始标签拖拽*/
void DragableTabGroup::slotStartDrag(int index)
{dragging_index = index;dragging_widget = this->widget(index);dragging_point_delta = QCursor::pos() - (parent() == nullptr ? tabBar()->mapToGlobal(tabBar()->pos()) : mapToGlobal(QPoint(0, 0)));tabDraggingEvent(dragging_widget);emit signalTabDragged(dragging_widget);_drag_merged = false;QPixmap pixmap(this->size());pixmap.fill(Qt::transparent);//    dragging_widget->render(&pixmap, dragging_widget->mapToGlobal(pos()) - this->mapToGlobal(pos()));this->render(&pixmap, this->mapToGlobal(pos()) - this->mapToGlobal(pos()));QMimeData *mime = new QMimeData;mime->setData(DRAGABLE_TAB_WINDOW_MIME_KEY, QString::number(reinterpret_cast<int>(this)).toUtf8());mime->setData(DRAGABLE_TAB_WIDGET_MIME_KEY, QString::number(reinterpret_cast<int>(dragging_widget)).toUtf8());mime->setData(DRAGABLE_TAB_LABEL_MIME_KEY, tab_bar->tabText(index).toLocal8Bit());dragging_label = tab_bar->tabText(index);dragging_icon = tab_bar->tabIcon(index);QDrag *drag = new QDrag(this);drag->setMimeData(mime);drag->setPixmap(pixmap);drag->setHotSpot(dragging_point_delta);bool is_one = (count() == 1 && !isInMain());connect(drag, &QDrag::destroyed, this, [=](QObject *) {DRAG_DEB << "destroyed";// 顺序：先触发 dropEvent，在 drag::destroyed// 判断有没有被合并到窗口if (_drag_merged){DRAG_DEB << "drag 合并标签";// 判断是不是唯一标签的窗口// 如果单窗口只有这一个标签，那么拖动结束后自己也删除了，后面的代码并没有什么意义if (!is_one){// tabDragMergedEvent(dragging_widget); // 这句话会导致莫名的崩溃emit signalTabMerged(dragging_widget);}return;}// 没有合并到其他窗口if (this->count() == 1 && !isInMain()){// 单个标签拖动，移动窗口int titlebar_height = style()->pixelMetric(QStyle::PM_TitleBarHeight);this->move(QCursor::pos() - dragging_point_delta - QPoint(WIN_FRAME_LEFE_OFFSET, titlebar_height));DRAG_DEB << "drag 移动窗口";}else{DRAG_DEB << "drag 创新窗口";// 多个标签拖出，创建新窗口createDraggedNewWindow();}});// 如果只有一个标签，则假装移动整个窗口if (this->count() == 1){QTimer::singleShot(0, [=] {//            this->hide();this->move(-30000, -30000); // 隐藏起来});}DRAG_DEB << "----------开始drag--------";// exec 操作会一直阻塞后面的代码，除非使用多线程或者信号槽drag->exec();
}/*** 自己的标签拖出到新窗口*/
DragableTabGroup *DragableTabGroup::createDraggedNewWindow()
{if (count() == 1) // 只有一个标签，直接移动窗口{// 会导致没有 update，第一次按下无法操作，已取消// move(QCursor::pos()-dragging_point_delta-QPoint(0,tab_bar->height()));// return ;}int titlebar_height = style()->pixelMetric(QStyle::PM_TitleBarHeight);DragableTabGroup *window = newTabGroup(nullptr /*_is_main ? this : this->parentWidget()*/);window->setAttribute(Qt::WA_DeleteOnClose, true);window->resize(this->size());window->move(QCursor::pos() - dragging_point_delta - QPoint(WIN_FRAME_LEFE_OFFSET, titlebar_height));window->show();QString label = tab_bar->tabText(dragging_index);QIcon icon = tab_bar->tabIcon(dragging_index);removeTab(dragging_index);if (!icon.isNull())window->addTab(dragging_widget, icon, label);elsewindow->addTab(dragging_widget, label);emit signalNewTabWindowCreated(window);if (!_is_main && count() == 0) // 标签拖完了deleteLater();window->raise();window->setFocus();dragging_widget->setFocus();dragging_widget->setFocus();QTimer::singleShot(0, dragging_widget, [=] {// 为啥要延迟……window->setFocus();});tabDragWindowedEvent(window, dragging_widget);emit signalTabWindowed(window, dragging_widget);return window;
}/*** 另一个窗口拖拽本窗口的tabbar，合并标签*/
bool DragableTabGroup::mergeDroppedLabel(QDropEvent *event)
{int insert_index = count();// 根据鼠标的位置判断插入的位置for (int i = count() - 1; i >= 0; i--){if (tab_bar->tabRect(i).center().x() + tab_bar->pos().x() >= event->pos().x())insert_index = i;}// 被拖拽的信息const QMimeData *mime = event->mimeData();DragableTabGroup *window = reinterpret_cast<DragableTabGroup *>(mime->data(DRAGABLE_TAB_WINDOW_MIME_KEY).toInt());QWidget *widget = reinterpret_cast<QWidget *>(mime->data(DRAGABLE_TAB_WIDGET_MIME_KEY).toInt());QString label = QString::fromLocal8Bit(mime->data(DRAGABLE_TAB_LABEL_MIME_KEY));QIcon icon = dragging_icon;if (window == this) // 被拖拽的就是自己{if (insert_index == currentIndex()) // 根本就没有被拖动return false;// 交换标签顺序removeTab(currentIndex());insertTab(insert_index, widget, label);setCurrentIndex(insert_index);return false;}// 可以拖拽合并_drag_merged = true;// 移除旧的window->removeTab(window->currentIndex());window->deleteIfEmptyWindow(); // 标签拖完了（标签移除事件中也会自己删除）// 插入新的if (icon.isNull()){if (insert_index >= count()) // 加到末尾addTab(widget, label);elseinsertTab(insert_index, widget, label);}else{if (insert_index >= count()) // 加到末尾addTab(widget, icon, label);elseinsertTab(insert_index, widget, icon, label);}setCurrentIndex(insert_index);//    this->raise(); // 如果用frameless，raise会一直生效，导致界面会被挡住……this->setFocus();QTimer::singleShot(0, this, [=] {widget->setFocus();});tabDropMergedEvent(widget);emit signalTabDropped(widget);return true;
}

源码下载

这篇关于《QT实用小工具·五十八》模仿VSCode的可任意拖拽的Tab标签组的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/965667。

相关文章

揭秘未来艺术：AI绘画工具全面介绍

揭秘未来艺术：AI绘画工具全面介绍

📑前言 随着科技的飞速发展，人工智能（AI）已经逐渐渗透到我们生活的方方面面。在艺术创作领域，AI技术同样展现出了其独特的魅力。今天，我们就来一起探索这个神秘而引人入胜的领域，深入了解AI绘画工具的奥秘及其为艺术创作带来的革命性变革。 一、AI绘画工具的崛起 1.1 颠覆传统绘画模式 在过去，绘画是艺术家们通过手中的画笔，蘸取颜料，在画布上自由挥洒的创造性过程。然而，随着AI绘画工
阅读更多...
墨刀原型工具-小白入门篇

墨刀原型工具-小白入门篇

墨刀原型工具-小白入门篇 简介 随着互联网的发展和用户体验的重要性越来越受到重视，原型设计逐渐成为了产品设计中的重要环节。墨刀作为一款原型设计工具，以其简洁、易用的特点，受到了很多设计师的喜爱。本文将介绍墨刀原型工具的基本使用方法，以帮助小白快速上手。 第一章：认识墨刀原型工具 1.1 什么是墨刀原型工具 墨刀是一款基于Web的原型设计工具，可以帮助设计师快速创建交互原型，并且可以与团队
阅读更多...
大学湖北中医药大学法医学试题及答案，分享几个实用搜题和学习工具 #微信#学习方法#职场发展

大学湖北中医药大学法医学试题及答案，分享几个实用搜题和学习工具 #微信#学习方法#职场发展

今天分享拥有拍照搜题、文字搜题、语音搜题、多重搜题等搜题模式，可以快速查找问题解析，加深对题目答案的理解。 1.快练题 这是一个网站 找题的网站海量题库,在线搜题,快速刷题~为您提供百万优质题库,直接搜索题库名称,支持多种刷题模式:顺序练习、语音听题、本地搜题、顺序阅读、模拟考试、组卷考试、赶快下载吧! 2.彩虹搜题 这是个老公众号了 支持手写输入，截图搜题，详细步骤，解题必备
阅读更多...
Windows/macOS/Linux 安装 Redis 和 Redis Desktop Manager 可视化工具

Windows/macOS/Linux 安装 Redis 和 Redis Desktop Manager 可视化工具

本文所有安装都在macOS High Sierra 10.13.4进行，Windows安装相对容易些，Linux安装与macOS类似，文中会做区分讲解 1. Redis安装 1.下载Redis https://redis.io/download 把下载的源码更名为redis-4.0.9-source，我喜欢跟maven、Tomcat放在一起，就放到/Users/zhan/Documents
阅读更多...
chart 完成拓扑图单节点拖拽不影响其他节点位置

chart 完成拓扑图单节点拖拽不影响其他节点位置

就是做这种的功能，箭头原本是可以动态重复移动的，但不知道哪里问题导致没箭头了，然后补了个edgeSymbol: ['','arrow'], 字段，才增加了箭头。 拖拽某个节点，只有关联到的线条会跟着变动其他的节点位置不变。 参考 https://gallery.echartsjs.com/editor.html?c=x8Fgri22P9 https://echarts.baidu.com/exa
阅读更多...
OpenCompass：大模型测评工具

OpenCompass：大模型测评工具

大模型相关目录 大模型，包括部署微调prompt/Agent应用开发、知识库增强、数据库增强、知识图谱增强、自然语言处理、多模态等大模型应用开发内容 从0起步，扬帆起航。 大模型应用向开发路径：AI代理工作流大模型应用开发实用开源项目汇总大模型问答项目问答性能评估方法大模型数据侧总结大模型token等基本概念及参数和内存的关系大模型应用开发-华为大模型生态规划从零开始的LLaMA-Factor
阅读更多...
简鹿文件批量重命名：一款文件批量改名高手都在用的工具

简鹿文件批量重命名：一款文件批量改名高手都在用的工具

作为 IT 行业的搬砖民工，互联网的数据量爆炸性增长，文件管理成为了一项日益重要的任务。"简鹿文件批量重命名"应运而生，旨在为用户提供一个高效、灵活的解决方案，以应对繁琐的文件命名、排序、创建及属性修改等挑战。 这款软件凭借其一键式操作、强大的自定义规则导入、以及全面的批量处理能力，极大地简化了文件管理流程，尤其适合处理大量文件的个人用户及企业环境，是提高工作效率、保持文件系统整洁的得力助手
阅读更多...
vscode-创建vue3项目-修改暗黑主题-常见错误-element插件标签-用法涉及问题

vscode-创建vue3项目-修改暗黑主题-常见错误-element插件标签-用法涉及问题

文章目录 1.vscode创建运行编译vue3项目2.添加项目资源3.添加element-plus元素4.修改为暗黑主题4.1.在main.js主文件中引入暗黑样式4.2.添加自定义样式文件4.3.html页面html标签添加样式 5.常见错误5.1.未使用变量5.2.关闭typescript检查5.3.调试器支持5.4.允许未到达代码和未定义代码 6.element常用标签6.1.下拉列表
阅读更多...
如何用外呼工具和CRM管理系统形成销售闭环

如何用外呼工具和CRM管理系统形成销售闭环

使用外呼工具和CRM管理系统形成销售闭环是一个系统性的过程，它涉及客户数据的整合、个性化的营销活动、销售与市场活动的协作、顾客行为的追踪与理解以及营销成效的评估与优化等多个环节。 以下是如何将外呼工具和CRM管理系统有效结合以形成销售闭环的步骤： 1. 客户数据的整合与分析    - 外呼工具在与客户进行初步沟通时，会收集到客户的基本信息和初步需求。    - 这些信息随后被输入到CRM管
阅读更多...
QT 中ListView和ListWidget有什么区别

QT 中ListView和ListWidget有什么区别

ListView和ListWidget在Qt框架中都是用于显示列表数据的控件，但它们在使用方法和特性上存在一些明显的差异。以下是关于它们用法不一样的地方的详细分析： 数据管理方式： ListView：使用QAbstractItemModel数据模型来管理和显示列表数据。QAbstractItemModel是一个抽象类，允许开发者自定义数据模型以适应特定的数据结构和需求。这使得ListView在处
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2