ElaWidgetTools——Page篇

已于 2025-03-04 18:03:25 修改
阅读量1.9k 收藏 32
点赞数 51
CC 4.0 BY-SA版权
文章标签： qt
于 2025-03-04 17:56:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/empty_me/article/details/146022807

我来了我来了。
今天说一下这个 ElaWidgetTools 的页面啊

还是看一下例子里面是怎么搞得吧。
在那个文件夹的"ExamplePage"里面，内容为示例页面的具体实现。

在这里插入图片描述

比较重要的是 T_BasePage 这个类，其他页面都是先继承这个类，然后在实现的属于自己的东西。

看一下这个类的代码实现吧。

T_BasePage::T_BasePage(QWidget* parent)
    : ElaScrollPage(parent)
{
    connect(eTheme, &ElaTheme::themeModeChanged, this, [=]() {
        if (!parent)
        {
            update();
        }
    });
}

T_BasePage::~T_BasePage()
{
}

void T_BasePage::createCustomWidget(QString desText)
{
    // 顶部元素
    QWidget* customWidget = new QWidget(this);
    ElaText* subTitleText = new ElaText(this);
    subTitleText->setText("https://github.com/Liniyous/ElaWidgetTools");
    subTitleText->setTextInteractionFlags(Qt::TextSelectableByMouse);
    subTitleText->setTextPixelSize(11);

    ElaToolButton* documentationButton = new ElaToolButton(this);
    documentationButton->setFixedHeight(35);
    documentationButton->setIsTransparent(false);
    documentationButton->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
    //_toolButton->setPopupMode(QToolButton::MenuButtonPopup);
    documentationButton->setText("Documentation");
    documentationButton->setElaIcon(ElaIconType::FileDoc);
    ElaMenu* documentationMenu = new ElaMenu(this);
    documentationMenu->addElaIconAction(ElaIconType::CardsBlank, "CardsBlank");
    documentationMenu->addElaIconAction(ElaIconType::EarthAmericas, "EarthAmericas");
    documentationButton->setMenu(documentationMenu);

    ElaToolButton* sourceButton = new ElaToolButton(this);
    sourceButton->setFixedHeight(35);
    sourceButton->setIsTransparent(false);
    sourceButton->setToolButtonStyle(Qt::ToolButtonTextBesideIcon);
    sourceButton->setText("Source");
    sourceButton->setElaIcon(ElaIconType::NfcSymbol);
    ElaMenu* sourceMenu = new ElaMenu(this);
    sourceMenu->addElaIconAction(ElaIconType::FireBurner, "FireBurner");
    sourceMenu->addElaIconAction(ElaIconType::Galaxy, "Galaxy~~~~");
    sourceButton->setMenu(sourceMenu);

    ElaToolButton* themeButton = new ElaToolButton(this);
    themeButton->setFixedSize(35, 35);
    themeButton->setIsTransparent(false);
    themeButton->setElaIcon(ElaIconType::MoonStars);
    connect(themeButton, &ElaToolButton::clicked, this, [=]() {
        eTheme->setThemeMode(eTheme->getThemeMode() == ElaThemeType::Light ? ElaThemeType::Dark : ElaThemeType::Light);
    });

    QHBoxLayout* buttonLayout = new QHBoxLayout();
    buttonLayout->addWidget(documentationButton);
    buttonLayout->addSpacing(5);
    buttonLayout->addWidget(sourceButton);
    buttonLayout->addStretch();
    buttonLayout->addWidget(themeButton);
    buttonLayout->addSpacing(15);

    ElaText* descText = new ElaText(this);
    descText->setText(desText);
    descText->setTextPixelSize(13);

    QVBoxLayout* topLayout = new QVBoxLayout(customWidget);
    topLayout->setContentsMargins(0, 0, 0, 0);
    topLayout->addWidget(subTitleText);
    topLayout->addSpacing(5);
    topLayout->addLayout(buttonLayout);
    topLayout->addSpacing(5);
    topLayout->addWidget(descText);
    setCustomWidget(customWidget);
}

构造函数里面只调用了一个 connect ，是为了在接收到切换昼夜模式的时候调用一下 update() 更新一下状态。

主要的控件内容都定义在 createCustomWidget 函数里面。
里面定义的内容就是这部分每个页面都有的公共部分。最后一行文字，例如下图中的 “一些常用的基础组件这…”，是由这个函数传入的参数决定的。

在这里插入图片描述

值得注意的是最后调用的 setCustomWidget 函数，是继承的基类 ElaScrollPage 的成员函数。
这个函数会把参数传递的 widget 类型放入到页面中，但是会在上面留出一块标题的位置。
这个基类包含在头文件 ElaScrollPage.h 中，这个很重要了，前面的内容如果不打算抄可以不用细看，毕竟是例子，但是无论抄还是自己写都要继承这个类才能创建页面。

后面我们随便找一个页面类的内容看一下。
下文例子为 T_BaseComponents 类的内容。

T_BaseComponents::T_BaseComponents(QWidget* parent)
    : T_BasePage(parent)
{
    // 预览窗口标题
    setWindowTitle("ElaBaseComponents");

    // 顶部元素
    createCustomWidget("一些常用的基础组件被放置于此，可在此界面体验其效果并按需添加进项目中");

    _toggleSwitch = new ElaToggleSwitch(this);
    ElaScrollPageArea* toggleSwitchArea = new ElaScrollPageArea(this);
    QHBoxLayout* toggleSwitchLayout = new QHBoxLayout(toggleSwitchArea);
    ElaText* toggleSwitchText = new ElaText("ElaToggleSwitch", this);
    toggleSwitchText->setTextPixelSize(15);
    toggleSwitchLayout->addWidget(toggleSwitchText);
    toggleSwitchLayout->addWidget(_toggleSwitch);
    toggleSwitchLayout->addStretch();
    ElaToggleSwitch* toggleSwitchDisableSwitch = new ElaToggleSwitch(this);
    ElaText* toggleSwitchDisableText = new ElaText("禁用", this);
    toggleSwitchDisableText->setTextPixelSize(15);
    connect(toggleSwitchDisableSwitch, &ElaToggleSwitch::toggled, this, [=](bool checked) {
        _toggleSwitch->setDisabled(checked);
    });
    toggleSwitchLayout->addWidget(toggleSwitchDisableSwitch);
    toggleSwitchLayout->addWidget(toggleSwitchDisableText);
    toggleSwitchLayout->addSpacing(10);

    _toggleButton = new ElaToggleButton("ToggleButton", this);
    _toggleButton->setFixedWidth(120);
    ElaScrollPageArea* toggleButtonArea = new ElaScrollPageArea(this);
    QHBoxLayout* toggleButtonLayout = new QHBoxLayout(toggleButtonArea);
    ElaText* toggleButtonText = new ElaText("ElaToggleButton", this);
    toggleButtonText->setTextPixelSize(15);
    toggleButtonLayout->addWidget(toggleButtonText);
    toggleButtonLayout->addWidget(_toggleButton);
    toggleButtonLayout->addStretch();
    ElaToggleSwitch* toggleButtonDisableSwitch = new ElaToggleSwitch(this);
    ElaText* toggleButtonDisableText = new ElaText("禁用", this);
    toggleButtonDisableText->setTextPixelSize(15);
    connect(toggleButtonDisableSwitch, &ElaToggleSwitch::toggled, this, [=](bool checked) {
        _toggleButton->setDisabled(checked);
    });
    toggleButtonLayout->addWidget(toggleButtonDisableSwitch);
    toggleButtonLayout->addWidget(toggleButtonDisableText);
    toggleButtonLayout->addSpacing(10);

    _comboBox = new ElaComboBox(this);
    QStringList comboList{
        "我愿投身前途未卜的群星",
        "潜行 步伐小心翼翼",
        "不留游走痕迹",
        "如同一簇幽灵",
        "所谓 道德加上伦理",
        "抱歉只能律己"};
    _comboBox->addItems(comboList);
    ElaScrollPageArea* comboBoxArea = new ElaScrollPageArea(this);
    QHBoxLayout* comboBoxLayout = new QHBoxLayout(comboBoxArea);
    ElaText* comboBoxText = new ElaText("ElaComboBox", this);
    comboBoxText->setTextPixelSize(15);
    comboBoxLayout->addWidget(comboBoxText);
    comboBoxLayout->addWidget(_comboBox);
    comboBoxLayout->addStretch();
    ElaToggleSwitch* comboBoxDisableSwitch = new ElaToggleSwitch(this);
    ElaText* comboBoxDisableText = new ElaText("禁用", this);
    comboBoxDisableText->setTextPixelSize(15);
    connect(comboBoxDisableSwitch, &ElaToggleSwitch::toggled, this, [=](bool checked) {
        _comboBox->setDisabled(checked);
    });
    comboBoxLayout->addWidget(comboBoxDisableSwitch);
    comboBoxLayout->addWidget(comboBoxDisableText);
    comboBoxLayout->addSpacing(10);

    _multiSelectComboBox = new ElaMultiSelectComboBox(this);
    QStringList multiComboList{"执念的鱼", "提着灯闯过远洋的甄选", "继续下潜", "无需誓言", "我的心像自沉的旧母舰", "没入深渊", "我曾凝望曾是航向的日出"};
    QStringList multiSelectComboList{"执念的鱼", "提着灯闯过远洋的甄选", "无需誓言", "我的心像自沉的旧母舰"};
    _multiSelectComboBox->addItems(multiComboList);
    _multiSelectComboBox->setCurrentSelection(multiSelectComboList);
    ElaScrollPageArea* multiSelectComboBoxArea = new ElaScrollPageArea(this);
    QHBoxLayout* multiSelectComboBoxLayout = new QHBoxLayout(multiSelectComboBoxArea);
    ElaText* multiSelectComboBoxText = new ElaText("ElaMutilSelectComboBox", this);
    multiSelectComboBoxText->setTextPixelSize(15);
    multiSelectComboBoxLayout->addWidget(multiSelectComboBoxText);
    multiSelectComboBoxLayout->addWidget(_multiSelectComboBox);
    multiSelectComboBoxLayout->addStretch();
    ElaToggleSwitch* multiSelectComboBoxDisableSwitch = new ElaToggleSwitch(this);
    ElaText* multiSelectComboBoxDisableText = new ElaText("禁用", this);
    multiSelectComboBoxDisableText->setTextPixelSize(15);
    connect(multiSelectComboBoxDisableSwitch, &ElaToggleSwitch::toggled, this, [=](bool checked) {
        _multiSelectComboBox->setDisabled(checked);
    });
    multiSelectComboBoxLayout->addWidget(multiSelectComboBoxDisableSwitch);
    multiSelectComboBoxLayout->addWidget(multiSelectComboBoxDisableText);
    multiSelectComboBoxLayout->addSpacing(10);

    _messageButton = new ElaMessageButton("Success", this);
    _messageButton->setBarTitle("Success");
    _messageButton->setBarText("点燃星 亲手点燃黑暗森林的火星 蒙昧初醒 而我却 轻声告别这新生的黎明");

    _infoMessageButton = new ElaMessageButton("Info", this);
    _infoMessageButton->setBarTitle("Information");
    _infoMessageButton->setBarText("点燃星 亲手点燃黑暗森林的火星 蒙昧初醒 而我却 轻声告别这新生的黎明");
    _infoMessageButton->setMessageMode(ElaMessageBarType::Information);
    _infoMessageButton->setPositionPolicy(ElaMessageBarType::TopLeft);

    _warningMessageButton = new ElaMessageButton("Warning", this);
    _warningMessageButton->setBarTitle("Warning");
    _warningMessageButton->setBarText("点燃星 亲手点燃黑暗森林的火星 蒙昧初醒 而我却 轻声告别这新生的黎明");
    _warningMessageButton->setMessageMode(ElaMessageBarType::Warning);
    _warningMessageButton->setPositionPolicy(ElaMessageBarType::BottomLeft);

    _errorMessageButton = new ElaMessageButton("Error", this);
    _errorMessageButton->setBarTitle("Error");
    _errorMessageButton->setBarText("点燃星 亲手点燃黑暗森林的火星 蒙昧初醒 而我却 轻声告别这新生的黎明");
    _errorMessageButton->setMessageMode(ElaMessageBarType::Error);
    _errorMessageButton->setPositionPolicy(ElaMessageBarType::BottomRight);

    ElaScrollPageArea* messageButtonArea = new ElaScrollPageArea(this);
    QHBoxLayout* messageButtonLayout = new QHBoxLayout(messageButtonArea);
    ElaText* messageButtonText = new ElaText("ElaMessageButton", this);
    messageButtonText->setTextPixelSize(15);
    messageButtonLayout->addWidget(messageButtonText);
    messageButtonLayout->addWidget(_messageButton);
    messageButtonLayout->addWidget(_infoMessageButton);
    messageButtonLayout->addWidget(_warningMessageButton);
    messageButtonLayout->addWidget(_errorMessageButton);
    messageButtonLayout->addStretch();
    ElaToggleSwitch* messageButtonDisableSwitch = new ElaToggleSwitch(this);
    ElaText* messageButtonDisableText = new ElaText("禁用", this);
    messageButtonDisableText->setTextPixelSize(15);
    connect(messageButtonDisableSwitch, &ElaToggleSwitch::toggled, this, [=](bool checked) {
        _messageButton->setDisabled(checked);
        _infoMessageButton->setDisabled(checked);
        _warningMessageButton->setDisabled(checked);
        _errorMessageButton->setDisabled(checked);
    });
    messageButtonLayout->addWidget(messageButtonDisableSwitch);
    messageButtonLayout->addWidget(messageButtonDisableText);
    messageButtonLayout->addSpacing(10);

    _checkBox = new ElaCheckBox("CheckBox", this);
    ElaScrollPageArea* checkBoxArea = new ElaScrollPageArea(this);
    QHBoxLayout* checkBoxLayout = new QHBoxLayout(checkBoxArea);
    ElaText* checkBoxText = new ElaText("ElacheckBox", this);
    checkBoxText->setTextPixelSize(15);
    checkBoxLayout->addWidget(checkBoxText);
    checkBoxLayout->addWidget(_checkBox);
    checkBoxLayout->addStretch();
    ElaToggleSwitch* checkBoxDisableSwitch = new ElaToggleSwitch(this);
    ElaText* checkBoxDisableText = new ElaText("禁用", this);
    checkBoxDisableText->setTextPixelSize(15);
    connect(checkBoxDisableSwitch, &ElaToggleSwitch::toggled, this, [=](bool checked) {
        _checkBox->setDisabled(checked);
    });
    checkBoxLayout->addWidget(checkBoxDisableSwitch);
    checkBoxLayout->addWidget(checkBoxDisableText);
    checkBoxLayout->addSpacing(10);

    _spinBox = new ElaSpinBox(this);
    ElaScrollPageArea* spinBoxArea = new ElaScrollPageArea(this);
    QHBoxLayout* spinBoxLayout = new QHBoxLayout(spinBoxArea);
    ElaText* spinBoxText = new ElaText("ElaSpinBox", this);
    spinBoxText->setTextPixelSize(15);
    spinBoxLayout->addWidget(spinBoxText);
    spinBoxLayout->addWidget(_spinBox);
    spinBoxLayout->addStretch();

    _slider = new ElaSlider(this);
    ElaScrollPageArea* sliderArea = new ElaScrollPageArea(this);
    QHBoxLayout* sliderLayout = new QHBoxLayout(sliderArea);
    ElaText* sliderText = new ElaText("ElaSlider", this);
    sliderText->setTextPixelSize(15);
    sliderLayout->addWidget(sliderText);
    sliderLayout->addWidget(_slider);
    sliderLayout->addStretch();

    _radioButton = new ElaRadioButton("RadioButton", this);
    ElaScrollPageArea* radioButtonArea = new ElaScrollPageArea(this);
    QHBoxLayout* radioButtonLayout = new QHBoxLayout(radioButtonArea);
    ElaText* radioButtonText = new ElaText("ElaRadioButton", this);
    radioButtonText->setTextPixelSize(15);
    radioButtonLayout->addWidget(radioButtonText);
    radioButtonLayout->addWidget(_radioButton);
    radioButtonLayout->addStretch();

    _progressBar = new ElaProgressBar(this);
    _progressBar->setMinimum(0);
    _progressBar->setMaximum(0);
    ElaScrollPageArea* progressBarArea = new ElaScrollPageArea(this);
    QHBoxLayout* progressBarLayout = new QHBoxLayout(progressBarArea);
    ElaText* progressBarText = new ElaText("ElaProgressBar", this);
    progressBarText->setTextPixelSize(15);
    progressBarLayout->addWidget(progressBarText);
    progressBarLayout->addWidget(_progressBar);
    progressBarLayout->addStretch();

    ElaPlainTextEdit* edit = new ElaPlainTextEdit(this);
    edit->setPlainText("这是一个ElaPlainTextEdit  暂时放在这里");

    QWidget* centralWidget = new QWidget(this);
    centralWidget->setWindowTitle("ElaBaseComponents");
    QVBoxLayout* centerLayout = new QVBoxLayout(centralWidget);
    centerLayout->addWidget(toggleSwitchArea);
    centerLayout->addWidget(toggleButtonArea);
    centerLayout->addWidget(comboBoxArea);
    centerLayout->addWidget(multiSelectComboBoxArea);
    centerLayout->addWidget(messageButtonArea);
    centerLayout->addWidget(checkBoxArea);
    centerLayout->addWidget(spinBoxArea);
    centerLayout->addWidget(sliderArea);
    centerLayout->addWidget(radioButtonArea);
    centerLayout->addWidget(progressBarArea);
    centerLayout->addWidget(edit);
    centerLayout->addStretch();
    centerLayout->setContentsMargins(0, 0, 0, 0);
    addCentralWidget(centralWidget, true, true, 0);

    ElaText* homeStack1 = new ElaText("HomeStack1", this);
    QFont font = homeStack1->font();
    font.setPixelSize(32);
    homeStack1->setFont(font);
    homeStack1->setAlignment(Qt::AlignCenter);
    homeStack1->setWindowTitle("HomeStack1");
    addCentralWidget(homeStack1);
    ElaText* homeStack2 = new ElaText("HomeStack2", this);
    homeStack2->setFont(font);
    homeStack2->setAlignment(Qt::AlignCenter);
    homeStack2->setWindowTitle("HomeStack2");
    addCentralWidget(homeStack2);
}

T_BaseComponents::~T_BaseComponents()
{
}

void T_BaseComponents::mouseReleaseEvent(QMouseEvent* event)
{
    switch (event->button())
    {
    case Qt::LeftButton:
    {
        //ElaMessageBar::success(ElaMessageBarType::TopRight, "Success", "Never Close Your Eyes", 2500);
        //ElaMessageBar::success(ElaMessageBarType::TopRight, "Success", "Never Close Your Eyes", 1500);
        break;
    }
    case Qt::BackButton:
    {
        this->navigation(0);
        break;
    }
    case Qt::ForwardButton:
    {
        this->navigation(1);
        break;
    }
    case Qt::MiddleButton:
    {
        this->navigation(2);
        break;
    }
    default:
    {
        break;
    }
    }
    ElaScrollPage::mouseReleaseEvent(event);
}

文中代码对应的是，下图的页面：

在这里插入图片描述

里面是很多该工具中的控件，可以直接找对应的内容抄，方便的很。其他页面的东西也是类似的道理，需要用可以找对应的代码直接去搬运。
相信各位成熟的程序员已经和擅长这个了，接着说和创建页面有关的内容。

首先是：

setWindowTitle("ElaBaseComponents");

设置该页面的标题，就是前面的基础页面留出来的位置。

然后是上文提到函数：

createCustomWidget("一些常用的基础组件被放置于此，可在此界面体验其效果并按需添加进项目中");

本页中主要的控件都放在 centralWidget 里面。然后我们调用如下函数：

addCentralWidget(centralWidget, true, true, 0);

把这些内容和对应的格式追加到页面中。

至此我们已经有一个页面类了，然后我们要如何在程序中加入它呢？
下面是具体加入的过程：

T_BaseComponents* _baseComponentsPage{nullptr};

_baseComponentsPage = new T_BaseComponents(this);

addPageNode("ElaBaseComponents", _baseComponentsPage, ElaIconType::CabinetFiling);

其中 addPageNode 的第一个参数为页面的名字，第二个参数为页面类的指针，第三个参数为页面的图标（图标名字可以在示例代码中的 ElaIcon 中直接点击复制到剪切板）。

这里值得注意的是，页面类要使用指针，如果使用实例加取地址的方式传参给 addPageNode 函数可能倒是页面空白。
（那是因为什么呢？我也没研究过，大家可以看看昂。正所谓 “学之者生，用之者死”。死的就是我这种，大家不要学。）

我们不止可以添加页面，还可以添加目录，使用如下函数：

    QString testKey_1;
    addExpanderNode("poems", testKey_1, ElaIconType::BookBible);
    addPageNode("青年艺术家指难", page1,testKey_1, ElaIconType::AddressBook);

效果如下：
在这里插入图片描述

其中 addExpanderNode 是添加目录的。要搞一个标识也就是上文中的 testKey_1 。后面调用 addPageNode 可以在第三个参数加入标识代表是某个目录的下级页面。

这个系列就出到这了（大概是，感觉没啥可写的东西了），本来是没想到会有人看的，也没太好好搞，怪不好意思的。
谢谢捧场的兄弟。

出码弟子
关注
100天精通Python（爬虫篇）——第122天：基于selenium和ddddocr库实现验证码识别登录（反反爬策略）
努力让自己发光，对的人才能迎着光而来
03-18 14万+
一、前言 二、ddddocr库使用说明 1. 介绍 2. 算法步骤 3. 安装 4. 参数说明 5. 纯数字验证码识别 6. 纯英文验证码识别 7. 英文数字验证码识别 8. 带干扰的验证码识别 三、验证码识别登录代码实战 1. 输入账号密码 2. 下载验证码 3. 识别验证码并登录
Qt控件美化 用好CSS/QSS可视化工具
独旅天涯
11-27 4481
一、CSS概念 级联样式表(CSS)包含应用于网页中的元素的样式规则。CSS样式定义元素的显示方式以及元素在页中的放置位置。可以创建一个通用规则，只要Web浏览器遇到一个元素实例，或遇到一个分配给某个特定样式类的元素，该规则就立刻应用属性，而不是将属性逐个分配给页中的每个元素。CSS样式可以通过内联方式放置在单个HTML元素内，也可以在网页head部分的style块内加以分组，或从单独的样式表中导入。如果样式是在单独的样式表中创建的，则可以将多个网页链接到该样式表，从而为整个网站提...
【亲测免费】 ElaWidgetTools开源项目使用教程
gitblog_00949的博客
08-16 1941
ElaWidgetTools开源项目使用教程 1. 项目目录结构及介绍 ElaWidgetTools项目遵循清晰的组织结构，下面是其主要目录及内容概览： example: 示例程序目录，通常包含一个或多个示例应用，用于展示如何使用ElaWidgetTools中的组件。 src: 源代码核心目录，存放着项目的主要实现代码，包括各种FluentUI风格的组件类定义和实现。 .gitignore: ...
基于Qt以及开源Ui库ElaWidgetTools实现的即时通讯软件
最新发布
qq_35228705的博客
05-29 800
本文介绍了基于Qt6开发的跨平台即时通讯软件SynergySpot，采用"双端双子"架构（主进程+子进程），使用gRPC实现微服务调用，SQLCipher加密数据库，OpenCV处理音视频，并整合了OpenSSL加密、Epoll事件驱动等技术。系统包含七大功能模块：用户管理、好友群组、消息分发、文件系统、大模型调用、音视频通话和系统设置，支持主题切换、离线消息、文件传输等功能。服务端部署在云服务器实现公网转发，客户端采用仿FluentUI风格界面，提供类似QQ的交互体验，特别针对大模型A
第三十四章 Spring之假如让你来写MVC——草图篇
一个卑微的java开发
01-11 784
对于Spring一直都是既熟悉又陌生，说对它熟悉吧，平时用用没啥问题，但面试的时候被问的一脸懵逼，就很尴尬，都不好意思在简历上写着熟悉Spring了所以决定花点时间研究研究Spring的源码。《Spring源码深度解析（第2版）》、《Spring揭秘》、《Spring技术内幕：深入解析Spring架构与设计原理（第2版）》书接上回，在上篇第三十三章 Spring之梦开始的地方——MVC中，A君回忆下死去的记忆，想起来了的大致流程以及MVC的相关概念。接下来看看A君会有什么骚操作吧。
【亲测免费】 ElaWidgetTools 开源项目教程
gitblog_00399的博客
08-16 2827
ElaWidgetTools 开源项目教程 项目介绍 ElaWidgetTools 是一个基于 QT-Widget 开发的 FluentUI 风格组件库。该项目为开源项目，遵循 MIT 协议，内置多个 Fluent 风格的基础组件和常用功能，如 DXGI 录屏/截屏、特化的 QGraphicsView 框架等。目前兼容 QT6 及以上所有版本，后续会跟进兼容更多版本。 项目快速启动 环境准备 确保...
ElaWidgetTools——示例概述和用户卡片
empty_me的博客
01-20 1183
这期的重点是，抖音关注：如果要有一个上帝（我开玩笑的）
ElaWidgetTools如何加入到项目中
empty_me的博客
01-15 2243
故事的开端总是十分平凡
Linux下不使用 Qt Creator 编译运行Qt项目，并在 Qt Designer 中用上生成的so链接库
qq_30917141的博客
09-06 1146
本教程适用于没有项目文件的Qt项目（有项目文件也能使用）。网上有很多基于C++版Qt的开源项目，对于没有项目文件的项目，使用 Qt Creator 去编译运行显得很麻烦。这里用两个开源项目作为事例讲解——和。
QScrollBar QSS美化样式表【vertical（垂直）和horizontal（水平）滚动条】
HG的博客
01-24 804
QT QScrollBar vertical horizontal QSS 仿Windows滚动条 垂直滚动条 水平滚动条 ElaWidgetTools
Selenium之Page Object Model 设计理念 ——Common篇
01-20
在我们学习selenium的po模式之前，我们先要了解什么是自动化测试，以及selenium中的八大定位的基本操作，那么接下来，您可以跟我一起走进po模式中的Common篇的编写（公用方法） 引言 Common页的理念： Common页存放...
编译型虚拟机_CC_Los核心_跨平台运行用途_1741862906.zip
03-15
c语言实例小项目
ELASTICSEARCH 6.4.1 分词组件
09-29
ELASTICSEARCH 6.4.1 最好的分词组件，可以加装各种语言包
IOS应用源码——page scroll 视图左右切换.zip
10-14
这个"IOS应用源码——page scroll 视图左右切换.zip"压缩包很可能包含了一个实现这种功能的示例项目，旨在帮助开发者理解和实现这种交互方式。下面我们将深入探讨这一主题，讲解如何在iOS应用中创建并实现Page ...
数据分析——Excel篇
zfyzfw的博客
06-01 1663
是指通过互联网访问、浏览这个网页的自然人。访问网站的一台电脑客户端为一个访客。00：00-24：00相同的客户端只被计算一次，一天内同个访客多次访问仅计算一个UV。：即页面浏览量或点击量，用户每一次对网站中的每个网页访问均被记录1个PV，用户对同一个页面的多次访问，PV会累计。：每产生一次点击所花费的成本可在数据透视表外的工作表去对数据透视表的内容进行筛选；只能在表内部使用。
【Qt】开源项目汇总
pzs0221的专栏
06-22 8202
Promise是一种异步编程的解决方案，可以替代传统的解决方案——回调函数和事件。
探索TTKWidgetTools：Qt自定义控件的宝库
gitblog_01003的博客
08-22 963
探索TTKWidgetTools：Qt自定义控件的宝库 项目介绍 TTKWidgetTools 是一个基于 Qt 的自定义控件集合，专为 Windows 和 Linux 平台设计。这个开源项目由 Greedysky Studio 开发，提供了丰富的控件模块，涵盖了按钮、标签、输入框、仪表、进度条、滑块、标题、窗口等多个类别。TTKWidgetTools 不仅支持多种 Qt 版本和编译器，还确保了跨...
qfluentwidgets组件库的配置与使用
smalltorch的博客
10-01 5229
这篇博客用来记录qfluentwidgets组件库的基本使用。如果你愿意花200块钱去官网github地址买一份作者的组件库，添加到了designer中了。那么本博客前面的所有配置对你都是没有用的，花钱能解决一切问题。如果不想花钱那就要废一点手脚了，主要是将组件添加到designer中去。
qt elawidget
01-19
### 如何在Qt中使用ElaWidget组件 #### 安装与配置 为了能够在Qt项目中使用ElaWidget组件，首先需要获取并设置好开发环境。可以从指定的仓库下载`ElaWidgetTools`开源库[^1]： ```bash git clone https://gitcode.com/gh_mirrors/el/ElaWidgetTools.git cd ElaWidgetTools ``` 接着按照README.md中的指示完成必要的安装步骤，这通常涉及到通过CMake来构建工程文件以及编译源码。 #### 添加依赖项至项目 一旦成功安装了`ElaWidgetTools`，下一步就是在自己的Qt应用程序里引入这些控件。如果采用qmake作为构建工具，则需编辑`.pro`文件，在其中加入路径指向新添加的widget库；而当选用cmake时，则应在`CMakeLists.txt`内相应位置声明对外部资源的需求。 对于QMake项目而言，可以在.pro文件中这样写入： ```qmake INCLUDEPATH += /path/to/ElaWidgetTools/src \ LIBS += -L/path/to/lib -lElaWidgets ``` 而对于CMake项目来说，应该更新`CMakeLists.txt`如下所示： ```cmake find_package(ElaWidgets REQUIRED) include_directories(${ELAWIDGET_INCLUDE_DIRS}) target_link_libraries(your_project_name ${ELAWIDGET_LIBRARIES}) ``` #### 使用具体部件 有了上述准备工作之后，就可以着手于实际界面的设计工作了。下面给出一段简单的例子说明怎样创建一个基于Fluent Design System设计模式下的按钮实例: ```cpp #include "elapushbutton.h" // 构造函数内部初始化 MainWindow::MainWindow(QWidget *parent): QMainWindow(parent){ auto button = new ElaPushButton(this); setCentralWidget(button); connect(button, &QPushButton::clicked, [](){ qDebug() << "Button clicked!"; }); } ``` 这段代码展示了如何利用`ElaWidgetTools`提供的API创建自定义外观的推送按钮(`ElaPushButton`)，并通过信号槽机制连接点击事件处理逻辑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值