ElaWidgetTools如何加入到项目中

OK呀兄弟们,发现个好东西。

在这里插入图片描述

ElaWidgetTools 由b站大佬 _Ela 开发出来,是一个基于 QT-Widget 开发的 FluentUI 风格组件库。用起来还是挺方便的,虽然我还没怎么用起来。

今天先水一期,简单讲一下怎么把这么方便的工具加入到我们自己的项目里面。(大佬的个人主页也有相关的视频,附上链接(ElaWidgetTools:如何在新项目中使用_哔哩哔哩_bilibili

不管了啊,他讲他的,我讲我的。毕竟就是有的兄弟不那么喜欢看视频。

首先啊,我们先拿一下项目超链接
不会拿就先出去吧,出门右转学一学去。

1.拿到了之后我们把文件解压一下然后用QT打开。

特别要注意的是我们左下角的构建套件,需要使用和你的目标项目使用的一样。

在这里插入图片描述

我这里用的是如上版本。(其他版本可能会有细微差异)

2.然后打开左边栏中的"项目",点开构建的步骤,展开详情,勾选"install"选项。

在这里插入图片描述

然后我们点小锤子构建一下项目。

3.然后我给图中这个选项打勾。

在这里插入图片描述

在重新构建一下项目。

这个时候目录中会像图中一样出现一个 example。

在这里插入图片描述

4.这时候我们就可以运行项目了。效果如图,是我们这个框架的演示例子。

在这里插入图片描述

5.打开示例项目的文件目录。

在这里插入图片描述

6.打开"src",找到"include"文件夹。

在这里插入图片描述

把它copy到我们的项目目录下。

7.找到编译文件,打开里面的"src",找到里面的两个库文件。

在这里插入图片描述

在目标项目中新建一个"lib"文件夹,把这两个库文件copy到里面。

8.打开咱们自己的项目,打开 CMakeFiles.txt,并做如下修改。

在这里插入图片描述

最后编译通过则大功告成。
这时我们就可以通过继承 Ela 开头的其他类来使用框架中实现的功能了。

在这里插入图片描述

故事的开端总是十分平凡,后面我会继续推出 ElaWidgetTools 的其他相关内容及使用方法,如果我学明白的话。
就是这样,谢谢大家。[撒花]

### 如何在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`),并通过信号槽机制连接点击事件处理逻辑。
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值