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

文章目录

  • 文章介绍
  • 如何加载
    • 1、下载代码
    • 2、官方文档和组件介绍
  • 运行FluentUI
  • 新建自己的qml项目,并导入FluentUI
  • 调用组件,展示效果图

文章介绍

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
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/32572.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Ubuntu 之Glade图形化设计器

演示环境说明:本机使用Windows 11 家庭版本搭载 Ubuntu 22.04.4 LTS 子系统,同时并安装Ubuntu桌面虚拟化软件XLaunch。 如果没有搭建好上述问题,请参考:windows11子系统Ubuntu 22.04.4子安装图形化界面 Glade是什么?…

im即时通讯软件系统,私有化部署国产化信创适配安全可控

私有化部署IM即时通讯软件系统是许多企业为了确保数据安全、控制隐私保护、提升灵活性而考虑的重要选择之一。信创适配安全可控是企业在私有化部署IM即时通讯软件系统时需要关注的关键点。本文将探讨私有化部署IM即时通讯软件系统的意义、信创适配的重要性,以及如何…

使用Vercel 搭建自己的Dashy导航页

背景 Dashy 是一个开源的自托管导航页面配置服务,它具有易于使用的可视化编辑器、状态检查、小工具和主题等功能。用户可以利用 Dashy 将自己常用的一些网站聚合起来,形成一个个性化的导航页面。 同类的竞品还有Heimdall, Flare 等。 可以通过Docker 等…

OneNote 作为恶意软件分发新渠道持续增长

目前,Office 文件已经默认禁用宏代码,攻击者开始转向利用其他微软的软件产品来进行恶意 Payload 投递。默认情况下,OneNote 应用也包含在 Office 2019 和 Microsoft 365 软件中,所以 OneNote 文件越来越受到攻击者的青睐。如果有人…

(南京观海微电子)——TFT LCD压合技术

TFT-LCD TFT-LCD open cell后段制程主要指的是将驱动IC和PCB压合至液晶板上,这个制程主要由三个步骤组成: 1.ACF (Anisotropic Conductive Film)的涂布。 在液晶板需要压合驱动IC的地方涂布ACF,ACF又称异方性导电胶膜,特点是上下…

vue3 Elementplus 动态路由菜单不跳转问题

问题描述 vue3 Elementplus 使用component: () > import(/views/${item.componentPath}.vue)加载动态路由菜单不跳转, 报错 Unknown variable dynamic import: …/views/system/user/index.vue at dynamic-import-helper.js:7:96 解决 使用 使用 let modules impor…

IntelliJ IDEA 中显示或隐藏类中的方法

直接上图 左侧找到Project->右键->勾选Show Members即可显示 没有勾选的状态 勾选后的状态

模板初阶【C++】

文章目录 模板的作用模板的原理模板分为两大类——函数模板和类模板函数模板语法函数模板实例化模板函数的方式模板函数的类型转换既有函数模板又有已经实现的函数,会优先调用哪一个? 类模板语法模板类实例化对象模板类的模板参数可以有缺省值类模板中的…

如何获取特定 HIVE 库的元数据信息如其所有分区表和所有分区

如何获取特定 HIVE 库的元数据信息如其所有分区表和所有分区 1. 问题背景 有时我们需要获取特定 HIVE 库下所有分区表,或者所有分区表的所有分区,以便执行进一步的操作,比如通过 使用 HIVE 命令 MSCK REPAIR TABLE table_name sync partiti…

【计算机毕业设计】194高校学习助手微信小程序

🙊作者简介:拥有多年开发工作经验,分享技术代码帮助学生学习,独立完成自己的项目或者毕业设计。 代码可以私聊博主获取。🌹赠送计算机毕业设计600个选题excel文件,帮助大学选题。赠送开题报告模板&#xff…

Node.js实现短链接(ShortLink):shortid、epxress让URL更简单

文章目录 一、短链接介绍二、插件介绍1、epxress2、shortid 三、实现方案1、安装依赖:2、实现原理 四、示例代码五、测试生产短链接 一、短链接介绍 短链接是指仅包含一个网址的链接形式,通俗一些就是将一个很长很复杂的的网址变成一个简短易记的链接。…

Android Gradle开发与应用 (一) : Gradle基础

目录 一、什么是Gradle? 1.1 Gradle简介 1.2 Gradle的特点 二、Gradle的安装与配置 2.1 安装Gradle 2.1.1 下载Gradle 2.1.2 解压安装包 2.1.3 配置环境变量 2.1.4 验证安装 2.2 配置Gradle 2.2.1 配置Gradle版本 2.2.2 配置Gradle脚本 三、Gradle的构建文件结构…

TCP数据包长度范围介绍

在TCP协议中,数据被分割成称为TCP数据包(TCP segment)的单元进行传输。 TCP数据包的长度没有固定的范围,它可以根据网络和应用程序的需求而变化。 一般来说,TCP数据包的长度受到以下几个因素的影响: 最大传…

有趣的 Oracle JDBC 驱动包命名问题 - ojdbc6 和 ojdbc14 哪个新?!

有趣的 Oracle JDBC 驱动包命名问题 - ojdbc6 和 ojdbc14 哪个新?! 1 背景概述 最近协助一个小兄弟排查了某作业使用 sqoop 采集 oracle 数据的失败问题,问题现象,问题原因和解决方法都挺直观,但在此过程中发现了一个有趣的 Oracle JDBC 驱…

第三十六章 添加和使用自定义标题元素 - 指定 XData 块中支持的标头元素

文章目录 第三十六章 添加和使用自定义标题元素 - 指定 XData 块中支持的标头元素指定 XData 块中支持的标头元素Details 第三十六章 添加和使用自定义标题元素 - 指定 XData 块中支持的标头元素 指定 XData 块中支持的标头元素 如果使用 SOAP 向导根据给定的 WSDL 创建 Web …

微软Edge浏览器:全面解析与深度探索

一、引言 随着互联网的飞速发展,浏览器作为我们访问网络世界的重要工具,其性能和功能越来越受到用户的关注。微软Edge浏览器自推出以来,凭借其高效的性能、丰富的功能和安全的浏览环境,赢得了众多用户的青睐。本文将全面解析微软…

面试专区|【47道ES67高频题整理(附答案背诵版)】

1.ES5、ES6(ES2015)有什么区别? ES5(ECMAScript 5)和ES6(也称为ECMAScript 2015)是JavaScript语言的两个版本,它们之间有一些重要的区别和改进: let 和 const 关键字: …

Kylin系列:架构和高级功能详解

目录 一、Kylin的架构 1.1 总体架构概述 1.2 数据源 1.3 元数据存储 1.4 构建引擎 1.5 存储引擎 1.6 查询引擎 1.7 用户接口 二、Kylin的高级功能 2.1 多维立方体(Cube) 2.1.1 Cube的定义 2.1.2 Cube的构建 2.2 查询优化 2.3 数据模型和星型模式 2.3.1 数据模…

使用SPI驱动数码管

代码&#xff1a; 7-seg.c /*《AVR专题精选》随书例程3.通信接口使用技巧项目&#xff1a;改进的延时法实现半双工软件串口文件&#xff1a;7seg.c说明&#xff1a;SPI控制数码管驱动文件作者&#xff1a;邵子扬时间&#xff1a;2012年12月15日*/#include <avr/io.h>ex…

Ubuntu:解决github出现 Permission denied (publickey)的问题

因为使用的Ubuntu 长久没有使用&#xff0c;使用下载的时候突然报错&#xff0c;使用ssh key这种方式进行clone &#xff0c;pull github上面的项目&#xff0c;使用 git clone或者git pull origin master出现permission denied (publickey)&#xff0c;原因是因为ssh key过期失…