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 感谢关注，点个小星星呗！~