Qt优秀开源项目之二十一：遇见QSkinny，一个轻量级Qt UI库-Toy模板网

这篇具有很好参考价值的文章主要介绍了Qt优秀开源项目之二十一：遇见QSkinny，一个轻量级Qt UI库。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一.QSkinny简介

二.工作原理

三.编译

一.QSkinny简介

QSkinny库基于Qt Graphic View和Qt/Quick中少量的核心类。它提供了一组轻量级控件，可以在C++或QML中使用这些控件。QSkinny默认是启用硬件加速的，非常适合嵌入式设备，目前已经应用于大量汽车GUI的代码实现中。正如预期的那样，它有良好的启动性能和低内存占用率。
github地址：https://github.com/uwerat/qskinny
QSkinny能在支持Qt/Quick的所有平台上运行，但目前只在Linux上得到了充分的测试。理论上支持所有Qt>=5.15的版本，推荐使用下面这三个版本：
●Qt 5.15
●最新的LTS（long term supported）版本，当前是 Qt 6.5.x
●最新的Qt版本，当前是 Qt 6.6.x
先上几张图看看：
1.汽车中控仪表盘，已用于大型汽车项目中：

qml开源项目,Qt优秀开源项目,qt,开源,ui
2.进度条

qml开源项目,Qt优秀开源项目,qt,开源,ui

二.工作原理

用QSkinny写一个“Hello World”程序

int main(int argc, char** argv)
{
    QGuiApplication app(argc, argv);
    QskWindow window;
    window.resize(200, 200);
    auto box = new QskLinearBox(Qt::Vertical);
    auto button = new QskPushButton("push me", box);
    auto label = new QskTextLabel("label", box);
    window.addItem(box);
    window.show();
    return app.exec();
}

用QSkinny API写代码的方式是不是很熟悉？没错，和用QtWidgets差不多，因为它们有类似的控件，比如 text labels、push buttons, layouts、dialogs等等。
下图揭示了QSkinny、QML和QtWidgets直接的关系：
qml开源项目,Qt优秀开源项目,qt,开源,ui
上图包含的层次结构如下：
●QSkinny: C++ UI控件
●QML engine: 解析UI文件的declarative / JavaScript引擎
●QtQuick: UI控件的基础框架 (包含了诸如 x/y坐标和焦点的处理)
●Qt scene graph: 利用硬件加速的绘图单元
●OpenGL: 利用硬件加速的绘图API
●QtWidgets: 为桌面用户设计的C++ UI控件
●Qt raster paint engine: software (非硬件加速) 绘图引擎
●QPainter API: 可以绘制图形、图像和文字的API
下面再看一个换肤的例子：将所有按钮的文字设置为蓝色，背景设置为绿色，padding为10像素

setGradient( QskPushButton::Panel, Qt::green );
setColor( QskPushButton::Text, Qt::blue );
setMargins( QskPushButton::Panel | QskAspect::Padding, 10 );

只需把颜色替换为不同的值就能触发重绘，换肤就是如此简单。

qml开源项目,Qt优秀开源项目,qt,开源,ui

三.编译

我的编译环境
Window 10
Qt 6.6.1 mingw_64
用Qt 6.6.1自带的Qt Creator打开源码中的CMakeLists.txt文件(...\qskinny-master\CMakeLists.txt)，几分钟就能编译好，编译无报错，编译结果如下图所示：
qml开源项目,Qt优秀开源项目,qt,开源,ui
图中箭头所指的两个目录里是Demo，比较坑的是编译出的dll分散在各个目录，需要拷贝过去，如下图所示：