Toou-2D

基于Qt Quick(Qml) 跨平台技术打造的2D框架

Toou 2D 拿来即用,为简单而生。

简称T2D,由Toou团队精心打造的Qt(quick) 2D框架,采用自身接口规范编写,它可以在开源和商业应用程序中免费使用,简洁的代码结构易于扩展与修改,完美地兼顾了应用的性能与动态性,解决了组件少、臃肿低效、无皮肤定制的问题。Toou2D使用门槛极低无需深入学习简单易用可拿来即用。从核心代码到组件Api的每一处细节都经过精心雕琢,非常适合App界面的快速开发。

以下功能毫无保留已全部开源!!!

1. 几十种组件满足你的不同开发需求
2. 支持动态库、静态库多模式编译
3. Qml插件自动化安装,免去繁琐环境搭建
4. 所有组件都支持Theme特性,ini皮肤制作so easy
5. 切换皮肤快速响应,一键换肤无需重启
6. 没有使用Controls与Controls2 的Toou2D性能更佳
7. 支持 Font Awesome 、Svg Icon
8. 丰富的Demo供学习和参考,T2D上手更容易
9. 完善的Api文档,企业项目、团队开发必备开源框架
10. 规划长期开源路线发展方向明确,长期维护可安心使用
11. 继承Qt跨平台特性并遵循Qt书写规范
12. 你提需求我们改进,互助互利共同奋进 :)

使用Toou2D 开发的Demo 效果

• 更多独立Demo下载地址

::: 运行 Example 快速开始

需要Qt 5.6 或更高版本。

1. 将项目clone到本地 使用Qt creator 打开 Toou-2D.pro
2. 构建 (先构建后运行)
3. 运行。即可看到demo预览效果。

支持 macOS ,Windows 构建,可发布到 macOS,Windows,iOS,Android等多平台。

• iOS 使用特殊细节
• 高级构建方法

::: Toou2D有哪些组件?废话不说看列表

::: 如何自定义主题

首先T2D的皮肤数据全部定义在 ini文件中,这些ini配置文件可以写在应用内也可以是应用的外部。通过修改ini节点属性及简单通用的规则即可实现完美的皮肤制作。

在Example中,我们为您配置了两款默认皮肤研究参考,没有皮肤的App是没有生命力的。

• ini Theme详解
• 参考Wiki 自制一套皮肤

::: 让你的组件也支持主题切换

TThemeBinder组件与主题样式数据绑定在一起。废话不说看代码,如下:

//!当主题发展改变,Rectangle也会改变他的 color , width
//!同时不会打破 width 的原有绑定
Rectangle{
 id:rect;
 width : parent.width;
 height: 100;
 color : "red";
 TThemeBinder{
 id:theme
 className: "MRect"
 property alias color: rect.color;
 property alias width: rect.width;
 property alias height: rect.height;
 }
}

参考Wiki 更高级的玩法

::: 如何使用帮助文档

我们提供了在线与离线两种文档方式。离线文档支持Qt create(F1) 与 Qt Assistant

• 在线文档 http://oss.toou.net/docs/2d/index.html
• 离线文档使用方法

::: 兼容性测试

::: 一张图读懂 Toou 2D

::: 值得一提的事情

以前 Ctrl + C 过你们的代码,今天Toou也给了你们一个Ctrl + V 的机会。

Toou 感谢关注,点个小星星呗!~