ugui：跨平台 C++ SVG-based GUI 库

ugui：跨平台 C++ SVG-based GUI 库

ugui Cross-platform C++ SVG-based GUI library 项目地址: https://gitcode.com/gh_mirrors/ugui3/ugui

项目介绍

ugui 是一个基于 SVG 的跨平台 C++ 图形用户界面（GUI）库。它被广泛应用于移动和桌面操作系统，如 iOS、Android、Windows、macOS 和 Linux。ugui 的设计理念是利用 SVG（可缩放矢量图形）和 CSS（层叠样式表）来定义用户界面，从而提供高度可定制和矢量化的图形界面。这款库被知名文本编辑器 Write 选用，用户可以在 styluslabs.com/write 体验其 wasm 版本的演示。

选择 ugui 的理由如下：

• 完全可缩放的矢量 GUI
• 使用 SVG 和 CSS 定义外观，包括动态 CSS 样式
• 将渲染、树管理等功能委托给几乎标准的 SVG 库，简化了 GUI 代码，更易于修改
• 基本小部件的实现紧凑，完全独立于外观
• GUI 到 SVG 的序列化有助于调试，并提供自动化测试的机会
• 采用保留模式 GUI，支持脏矩形/损坏支持，而不是即时模式 GUI（IMGUI）- 只重绘窗口的更改部分
• 轻量级：基于 SDL2 的示例应用程序的 x64 Linux 可执行文件，包括未压缩资源和字体，大小约为 1 MB。ugui 代码大约有 3500 行。

项目技术分析

ugui 采用了 SDL2 库作为底层图形渲染框架，但通过示例代码 example_glfw.cpp 和简单转换层 glfwSDL.c，可以看出改用其他框架并不困难。在未来，ugui 本身可能增加更多平台的支持。

项目的核心是一个基于 SVG 的渲染引擎，它允许开发者使用熟悉的 SVG 和 CSS 语法来创建和样式化 GUI 元素。通过 SVG 的布局属性，ugui 能够支持多种布局方式，如盒型布局和弹性布局。

布局

ugui 使用 layout 库来计算布局，该库基于 oui-blendish。支持的布局属性包括边距、布局类型、锚点、方向、对齐方式和换行等。

项目及技术应用场景

ugui 的应用场景广泛，适合于任何需要图形用户界面的应用程序。它特别适用于那些追求高度可定制性和矢量图形的用户界面，如高级文本编辑器、图形设计工具、游戏 UI 以及需要跨平台支持的桌面应用程序。

由于其基于 SVG 的特性，ugui 在创建具有复杂图形和动画效果的用户界面时表现出色。例如，在 Write 应用中，用户可以通过简单的 CSS 更改来调整 UI 元素的样式，而不需要重新编写大量的代码。

此外，ugui 的脏矩形支持确保了只有必要的部分被重新绘制，这在性能敏感的应用程序中尤为重要。

项目特点

• 高度可定制性：通过 SVG 和 CSS，开发者可以轻松地调整界面元素的外观。
• 平台无关性：ugui 可以在不同的操作系统中运行，提供了跨平台的 GUI 解决方案。
• 轻量级：代码紧凑，资源占用小，适合对性能有要求的应用程序。
• 易于集成：虽然基于 SDL2，但可以轻松集成到其他框架中。
• 强大的布局引擎：支持多种布局方式，使界面设计更加灵活。

总结来说，ugui 是一个功能强大、高度可定制的跨平台 GUI 库，适用于各种需要图形用户界面的应用程序。其矢量化的设计和灵活的布局引擎使其成为一个值得考虑的选择。

ugui Cross-platform C++ SVG-based GUI library 项目地址: https://gitcode.com/gh_mirrors/ugui3/ugui