step2:导入B站Up主的FluentUI插件

已于 2024-06-27 15:10:33 修改
阅读量471 收藏 10
点赞数 3
分类专栏： Qt/Qml案例MF 文章标签： qt
于 2024-06-20 10:08:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/summer__7777/article/details/139819435
版权

文章目录

文章介绍

项目MF之后会用到这个模块
up主“会磨刀的小猪”模仿微软Fluent风格写的界面，可以理解为用qt和qml写出的win10/win11风格的界面，比原本的qt风格好看。up主在github上开源了代码，用户导入该库之后，可以直接调用Up主写好的Windows风格组件。

B站连接

在这里插入图片描述

效果图展示
在这里插入图片描述
目的：通过导入up主的FluentUI，直接调用FluentUI中写好的win10风格的组件。

如何加载

1、下载代码

代码链接

在这里插入图片描述
在这里插入图片描述
有安装git的话推荐使用方法一，因为可以看到代码分支
在这里插入图片描述

2、官方文档和组件介绍

在这里插入图片描述

运行FluentUI

FluentUI适用于qt5.15.2和qt6及以上所有版本，up主使用qt6.4.3（推荐和up主使用一样的qt6.4.3）
博主使用qt6.5.3
qt 必须安装以下组件，如果没有安装或者不确定是否安装，可以使用MaintenanceTool.exe查看和继续安装
在这里插入图片描述
MaintenanceTool.exe位置：
打开qt桌面图标的安装位置，或者使用everthing
在这里插入图片描述

打开cmake项目
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
运行完成后出现该界面表示运行成功
在这里插入图片描述
发开qt6.5.3安装目录，找到该文件夹，复制。
在这里插入图片描述

新建自己的qml项目，并导入FluentUI

博主的上一篇文章《qml：QT6.5.3新建qml的qmake项目》说明了如何新建qml的qmake项目
运行qmlDemo,出现如下界面（qt风格的界面图）
在这里插入图片描述
在这里插入图片描述
将刚才复制的FluentUI文件夹粘贴到qlmDemo的构建目录中
在这里插入图片描述
在main.qml中导入FluentUI包，并调用FluWindow窗口组件
在这里插入图片描述
运行效果：win10风格的窗口图
在这里插入图片描述

调用组件，展示效果图

试试调用其他组件：
找到源代码，复制到mian.qml
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

summer__7777
关注
  • 3
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Step2：【C51】蜂鸣器发声实验
qq_45603216的博客
07-29 4130
Step2Step2Step2 :【C51】蜂鸣器发声实验 蜂鸣器简介 ①按驱动方式的不同。可分为有源蜂鸣器和无源蜂鸣器。 有源蜂鸣器内部有振荡电路，能将恒定的直流电转化成一定频率的脉冲信号，从而引起磁场交变，带动振动膜片振动发音。因此它工作的理想信号是直流电，一旦供电，蜂鸣器就会发出声音。 无源蜂鸣器内部不带震荡源，如果提供直流信号，因为磁路恒定，振动膜片不能振动发音，蜂鸣器不工作。因此，它工作的理想信号是方波，方波的频率不同，发出的声音也不同。 ②按构造方式的不同。可分为电磁式蜂鸣器和压电式蜂鸣器。 电
基于cmake工程的Qt引入FluentUI库遇到的问题
xiaopenglee的博客
06-05 776
FluentUI是github上一个开源的Qt组件库，作者设计了很多精美的控件，并且设计了一个精美的展示程序，引入该库可以避免我们重复造轮子，快速的提升界面的美观度，如何创建引入该工程是一个问题，本人花了一点时间，将此工程配置了起来。本人使用了QQuickWidget引入了qml文件，并结合widgets程序进行Qt开发。操作系统：Ubuntu 20.04Qt：6.5.3cmake：3.20.0（FluentUI的要求，不能通过简单的修改FluentUI cmake工程来绕开检查，会报错）
如何快速取消关注B站（哔哩哔哩）所有up主？（Javascript实现）
weixin_44019553的博客
04-22 6238
随着年岁的增长，心境早已不复当年，你的学识、爱好、经验产生了变化，让你对网站的推荐内容嗤之以鼻。 你可能也意识到了，如果将之前关注的up主都删掉，也许能让网站的推荐系统重新认识你，也许能从B站获得更贴合当前的你的新知。 可是，但是，可但是，但可是，你发现B站没有批量取消关注功能，只能一个一个手工点击，麻烦、闹心、抓耳挠腮、放弃！ 请不要放弃！！！ step1： 打开B站并登录，打开我的关注页面 step2： 以Chrome浏览器为例，按F12，Console界面，粘贴以下代码 var ms = 250; /
LTSPICE使用教程：导入第三方库模型进行仿真
热门推荐
焊武大帝的专栏
10-24 1万+
LTSPICE导入第三方SPICE模型进行仿真，以英飞凌的第三方.lib模型为实例进行详解
B站视频下载助手使用教程
alex1801
01-04 1万+
1、获取最新版本 https://csser.top 2、如何手动安装crx step1、把下载的 crx 文件扩展名改为 zip，如 bilibili-helper-2.1.3.zip，并解压到文件夹，如 bilibili-helper 目录 step2、打开浏览器的扩展设置页面 step3、打开开发者模式 step4、点击“加载未打包的扩展程序”，选择第1步解压出来的目录，如 bilibili-helper 目录，确定即可 3、安装后怎么使用 step1、打开B站视频的播放页
jquery-wzrd:一个简单的 JQuery 向导插件
07-08
**jQuery wzrd 向导插件详解** `jQuery wzrd` 是一款轻量级的 jQuery 插件，专为创建向导式用户界面而设计。它简化了在网页上构建多步骤指南或教程的过程，帮助用户更流畅地完成复杂的任务。下面我们将详细探讨其...
GitADF:我的Azure数据工厂Step2cADF
03-27
在"GitADF:我的Azure数据工厂Step2cADF"这个项目中，我们将深入探讨如何使用GitADF来管理和开发Azure数据工厂的实例。 首先，我们需要理解Azure数据工厂是什么。Azure数据工厂是一个完全托管的云服务，用于创建、...
Eclipse如何导入Maven项目详解（新手初学）
08-28
Step2：将导入的Maven项目转换成Dynamic Web Module 在Step1中导入的Maven项目需要将其转换成Dynamic Web Module。这一步骤可以将Maven项目转换成一个标准的Web项目，使其可以在Eclipse中正确运行。 Step3：添加...
VisitorAvatar:Piwik 访客头像插件
07-12
Piwik 访客头像插件 自定义显示访问者头像（URL）和描述... Step2 插件设置 自定义变量的名称： “RTX”（上一组自定义变量名称，无默认值） 访客头像网址规则： “//rtx.oa.com/avatars/%s/profile.jpg”（默认为
Vue中使用vue-i18插件实现多语言切换功能
12-03
step2:在项目的入口文件main.js中引入vue-i18n插件  import Vue from 'vue' import router from './router' import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ locale: 'zh', // ...
qt 按钮链接一个槽函数
最新发布
xie__jin__cheng的博客
07-08 153
按钮链接一个槽函数
[qt][C++]object.h(448): error C2238: 意外的标记位于“；”之前
FL1623863129的博客
07-05 232
python\python37-32\include\object.h(448): error C2238: 意外的标记位于“;\python\python37-32\include\object.h(448): error C2059: 语法错误:“;原因: Python 和 Qt 的关键词 slots 冲突。
深入理解Qt的隐式共享机制
LeoLei8060的博客
07-02 744
隐式共享是一种内存管理策略，它允许多个对象共享相同的数据副本，直到某个对象需要修改这些数据时才进行实际的数据复制。减少内存使用：多个对象可以共享同一个数据副本，而不是每个对象都持有一个数据副本。提高性能：减少数据复制的需要，从而降低程序的总体资源消耗。代码简化：开发者不需要关心数据如何被共享或复制，所有这些都由Qt框架自动管理。
[QT入门]QT中与界面相关的类库
weixin_45843323的博客
07-02 298
QT中与界面相关的类库
QT截屏，截取控件为图片，指定范围截屏三种截屏方式
q610098308的专栏
07-04 290
项目中我们常用到截取屏幕，Qt给我的们多种方式： 主要有以下三种： 截取全屏；截取控件为图片；指定位置截屏三种截屏方式；
Qt - 如何在新线程 (QThread)中使用一个进程 (QProcess)？
白日依山尽的博客
07-03 1056
/ 注意：这里使用Qt::QueuedConnection不是必需的，因为连接在同一线程内，通常在创建它的线程（通常是主线程或UI线程）中启动和管理外部进程。，你需要确保你的槽函数（用于处理这些信号）也是在这个线程中安全执行的，或者通过某种方式（如使用。的实例可以在任何线程中创建，但你必须确保在访问共享资源时采取适当的线程安全措施。的线程）的上下文中发射。的信号和槽（slots）机制，以及如何处理它们与不同线程之间的交互。的实例可以在任何线程中创建，但所有的信号（如。，这允许在这个线程中运行事件循环。
使用 Qt 和 ECharts 进行数据可视化
MusicScore的博客
07-08 72
本文介绍了如何在 Qt 应用中使用 ECharts 进行数据可视化，并展示了折线图、散点图和柱状图的示例。通过将 ECharts 与 Qt 集成，可以轻松创建高质量的交互式图表，为用户提供直观的数据展示和分析工具。希望本文对你理解和使用 Qt 和 ECharts 进行数据可视化有所帮助。如果你有任何问题或建议，欢迎在评论区留言交流。
C++/Qt 信号槽机制详解
MusicScore的博客
07-08 53
在 Qt 中声明信号和槽非常简单。Q_OBJECTpublic:signals:除了使用 Qt 内置的信号和槽外，还可以自定义信号和槽。Qt 的信号和槽机制是一个强大且灵活的事件处理机制，广泛用于对象间通信。通过理解其基本概念、工作原理和高级应用，可以更好地利用 Qt 进行高效的应用程序开发。希望本文对你理解和使用 Qt 的信号和槽机制有所帮助。如果你有任何问题或建议，欢迎在评论区留言交流。
QML：更改配置文件
09-08
在QML中更改配置文件的方法取决于你想要更改的具体配置。根据引用中的代码，可以看出这是一个使用Qt的pro文件进行配置的示例。在该文件中，可以设置不同的变量和路径来配置项目。如果你想要更改配置文件，你可以按照以下步骤进行操作： 1. 打开项目的.pro文件，这是一个文本文件，可以使用任何文本编辑器打开。 2. 在文件中找到对应的配置变量，例如SOURCES、RESOURCES、QML_IMPORT_PATH等。这些变量定义了项目中使用的源文件、资源文件和QML模块的导入路径。 3. 根据你的需求修改这些变量。例如，如果你想要添加一个新的QML组件，你可以将新组件的文件名添加到resources.files中，并在resources.prefix中指定其路径。 4. 保存并关闭文件。 根据引用中的错误信息，如果你在QML文件中导入了一个不存在的目录或文件，你需要确保该目录或文件存在并且路径是正确的。你可以检查你的QML文件中的导入语句，并确保引用的文件存在于指定的目录中。 总之，要更改QML的配置文件，你需要编辑项目的.pro文件，并根据需要修改相关变量和路径。同时，确保你在QML文件中正确引用了存在的文件和目录。<span class="em">1</span><span class="em">2</span><span class="em">3</span>

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值