Qt自带示例的移植展示

在完全基于typescript编写的Web框架发布前，计划编写100个左右的参考示例，这些示例的源代码也会一起发布, 目前已经完成20多个示例，其中19个取自Qt官方demo，19个Qt示例中有12个示例取自QWidget，7个示例取自qml, 这里不得不说下，qml的应用移植到web端是真的方便，不少的js逻辑代码直接拷贝，然后加上typescript的类型就行了。
但是本人认为qml做虽然做UI特效的能力很强悍，但是对复杂度的控制能力相对于QWidget那套范式降低很多。希望下一步qml能早日增加类型标注和编译的过程，不然的话，对于复杂的工业级项目，qml这块始终是个缺陷。
给大家带来下截图对比，左边是基于自己的Web框架写的，右边是Qt运行的示例，由于我的电脑是用的苹果的，所以分辨率是普通电脑的两倍，Qt有些示例出来的界面缩小了一半。
1 Wood Styles

[attachment=22183]

2 Animated Tiles

[attachment=22184]

3 Cork Board

[attachment=22185]

4 Blur Picker

[attachment=22186]

5 Config Dialog

[attachment=22187]

samhuilong	2021-01-01 23:30
6 Basic Layouts [attachment=22191] 7 Calculator [attachment=22193] 8 Pad Navigator [attachment=22188] 9 Quick Game Pad [attachment=22189] 10 Flipable [attachment=22190]

samhuilong	2021-01-01 23:33
11 Clocks [attachment=22194] 12 Color Editor [attachment=22195] 13 Dial Control [attachment=22196] 14 App Chooser [attachment=22197] 15 Canvas [attachment=22198]

samhuilong	2021-01-01 23:36
16 Traffic Light [attachment=22199] 17 Calculator Form [attachment=22200] 18 2D Painting [attachment=22201] 19 Analog Clock [attachment=22202]

z278930050	2021-01-02 12:32

shawking	2021-01-09 09:27
太牛逼了，佩服得五体投地！

liudianwu	2021-01-09 17:08
龙龙，现在有qt for webassembly构建套件，一行代码不用改直接编译就可以跑浏览器。 https://feiyangqingyun.gitee.io/qwidgetdemo/ [attachment=22205] [attachment=22206] [attachment=22207] [attachment=22208]

samhuilong

2021-01-09 17:26

liudianwu:龙龙，现在有qt for webassembly构建套件，一行代码不用改直接编译就可以跑浏览器。
https://feiyangqingyun.gitee.io/qwidgetdemo/
[图片]
[图片]
[图片]
....... (2021-01-09 17:08)

Qt for web继续优化下去，很赞。同时也验证了我这几年的观点，开发复杂的工业应用,QWidget这套编程范式是很优秀的一套范式。Web端需要这样的范式，而不是vue react那套MVVM。

liudianwu	2021-01-09 21:54
samhuilong:[表情]Qt for web继续优化下去，很赞。同时也验证了我这几年的观点，开发复杂的工业应用,QWidget这套编程范式是很优秀的一套范式。Web端需要这样的范式，而不是vue react那套MVVM。 (2021-01-09 17:26) 是的，Qt封装的非常优秀，接口规范，各种轮子一应俱全，很牛逼！

chamsdoncon	2021-01-11 09:28